@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Noto+Sans+SC:wght@300;400;500;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg: #F4EFEA;--color-surface: #FFFFFF;--color-surface-alt: #F8F5F1;--color-text: #383838;--color-text-secondary: #6B6B6B;--color-text-muted: #A1A1A1;--color-brand: #7B6419;--color-brand-dark: #5C4B12;--color-brand-light: #F5EFE0;--color-border: #383838;--color-border-light: #D5CFC7;--color-header-bg: #383838;--color-sidebar-bg: #F4EFEA;--color-error: #DC2626;--color-warning: #B45309;--color-success: #16A34A;--color-disclaimer: #7B6419;--font-heading: "JetBrains Mono", "Noto Sans SC", monospace;--font-body: "Inter", "Noto Sans SC", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--border-radius: 2px;--border-width: 2px;--header-height: 64px;--sidebar-width: 200px;--max-width: 1200px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:500}a{color:var(--color-brand);text-decoration:none}input,select,textarea,button{font-family:var(--font-body)}button{cursor:pointer;transition:transform .12s ease-in-out,background-color .12s ease-in-out,box-shadow .12s ease-in-out}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{padding:8px 16px;border:2px solid var(--color-border);border-radius:2px;background-color:var(--color-brand);color:#fff;font-weight:700}.btn-primary:hover:not(:disabled){background-color:var(--color-brand-dark);transform:translate(3px,-3px);box-shadow:-3px 3px 0 0 var(--color-border)}.btn-primary:active:not(:disabled){transform:none;box-shadow:none;transition-duration:30ms}.btn-secondary{padding:8px 16px;border:2px solid var(--color-border);border-radius:2px;background-color:#fff;color:var(--color-text)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg);transform:translate(3px,-3px);box-shadow:-3px 3px 0 0 var(--color-border)}.btn-secondary:active:not(:disabled){transform:none;box-shadow:none;transition-duration:30ms}.btn-danger{padding:6px 12px;border:none;background:none;color:var(--color-error);font-size:13px}.btn-danger:hover:not(:disabled){color:#b91c1c;background-color:#fef2f2}.btn-link{padding:4px 0;border:none;background:none;color:var(--color-brand);font-size:14px}.btn-link:hover{text-decoration:underline;color:var(--color-brand-dark)}@keyframes mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.mascot-animated{animation:mascot-bob 2s ease-in-out infinite}