:root{--amber-50: hsl(38, 70%, 95%);--amber-100: hsl(38, 70%, 88%);--amber-200: hsl(38, 72%, 78%);--amber-300: hsl(38, 75%, 65%);--amber-400: hsl(38, 78%, 55%);--amber-500: hsl(38, 80%, 48%);--amber-600: hsl(38, 82%, 38%);--amber-700: hsl(38, 80%, 28%);--amber-800: hsl(38, 75%, 20%);--amber-900: hsl(38, 70%, 12%);--sage-50: hsl(152, 20%, 95%);--sage-100: hsl(152, 20%, 88%);--sage-200: hsl(152, 22%, 75%);--sage-300: hsl(152, 24%, 60%);--sage-400: hsl(152, 22%, 48%);--sage-500: hsl(152, 25%, 38%);--sage-600: hsl(152, 28%, 30%);--sage-700: hsl(152, 30%, 22%);--sage-800: hsl(152, 28%, 15%);--sage-900: hsl(152, 25%, 8%);--color-success: hsl(152, 45%, 42%);--color-error: hsl(4, 55%, 52%);--color-info: hsl(205, 50%, 52%);--font-display: "Fraunces", Georgia, serif;--font-body: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .694rem;--text-sm: .833rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.052rem;--text-5xl: 3.815rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--bg-page: hsl(38, 30%, 97%);--bg-surface: #ffffff;--bg-surface-alt: hsl(38, 20%, 95%);--text-primary: hsl(38, 20%, 12%);--text-secondary: hsl(38, 10%, 40%);--text-tertiary: hsl(38, 8%, 55%);--border-subtle: hsl(38, 15%, 88%);--border-default: hsl(38, 12%, 80%);--border-strong: hsl(38, 12%, 70%);--bg-primary: hsl(38, 30%, 97%);--bg-secondary: hsl(38, 20%, 93%);--bg-tertiary: hsl(38, 15%, 88%);--bg-elevated: #ffffff;--accent-text: var(--amber-600);--accent-bg: hsla(38, 78%, 55%, .08);--accent-hover: hsla(38, 78%, 55%, .14);--duration-fast: .12s;--duration-normal: .2s;--ease-default: ease}[data-theme=dark]{--bg-primary: hsl(30, 12%, 8%);--bg-secondary: hsl(30, 10%, 12%);--bg-tertiary: hsl(30, 8%, 16%);--bg-elevated: hsl(30, 10%, 14%);--text-inverse: hsl(30, 12%, 8%);--border-strong: hsl(30, 10%, 28%);--accent-text: var(--amber-300);--accent-bg: hsla(38, 75%, 55%, .1);--accent-hover: hsla(38, 75%, 55%, .15);--code-bg: hsl(30, 10%, 14%);--code-text: hsl(35, 15%, 78%);--shadow-sm: 0 1px 2px hsla(0, 0%, 0%, .2);--shadow-md: 0 2px 8px hsla(0, 0%, 0%, .25), 0 1px 2px hsla(0, 0%, 0%, .15);--shadow-lg: 0 4px 16px hsla(0, 0%, 0%, .3), 0 2px 4px hsla(0, 0%, 0%, .2);--shadow-xl: 0 8px 32px hsla(0, 0%, 0%, .35), 0 4px 8px hsla(0, 0%, 0%, .25);--bg-page: hsl(30, 12%, 8%);--bg-surface: hsl(30, 10%, 11%);--bg-surface-alt: hsl(30, 8%, 16%);--text-primary: hsl(35, 18%, 88%);--text-secondary: hsl(30, 12%, 62%);--text-tertiary: hsl(30, 8%, 45%);--border-subtle: hsl(30, 6%, 16%);--border-default: hsl(30, 8%, 20%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-page);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;line-height:1.2;color:var(--text-primary)}a{color:var(--amber-600);text-decoration:none}a:hover{color:var(--amber-700);text-decoration:underline}button{cursor:pointer;font-family:var(--font-body)}input,textarea,select{font-family:var(--font-body);font-size:var(--text-base)}code,pre,kbd{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;border:none;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--amber-500);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--amber-600);color:#fff;text-decoration:none}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1.5px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-surface-alt);text-decoration:none}.btn-success{background-color:var(--color-success);color:#fff;border:1.5px solid var(--color-success)}.btn-success:hover:not(:disabled){background-color:#32855f;color:#fff;text-decoration:none}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background-color:#ae3b32;color:#fff;text-decoration:none}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-md)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border:1.5px solid transparent}.btn-ghost:hover:not(:disabled){background-color:var(--bg-surface-alt);color:var(--text-primary);text-decoration:none}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-input{padding:var(--space-3) var(--space-4);border:1.5px solid var(--border-default);border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--text-primary);font-size:var(--text-base);transition:border-color .15s ease,box-shadow .15s ease;width:100%}.form-input:focus{outline:none;border-color:var(--amber-400);box-shadow:0 0 0 3px #e6a43326}.form-input::placeholder{color:var(--text-tertiary)}.form-textarea{resize:vertical;min-height:100px}.form-select{padding:var(--space-3) var(--space-4);border:1.5px solid var(--border-default);border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--text-primary);font-size:var(--text-base);width:100%;cursor:pointer}.form-select:focus{outline:none;border-color:var(--amber-400);box-shadow:0 0 0 3px #e6a43326}.form-error{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-1)}.card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.error-message{padding:var(--space-3) var(--space-4);background-color:#faf0ef;border:1px solid hsl(4,55%,85%);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-4)}.success-message{padding:var(--space-3) var(--space-4);background-color:#edf8f3;border:1px solid hsl(152,45%,75%);border-radius:var(--radius-md);color:var(--color-success);font-size:var(--text-sm);margin-bottom:var(--space-4)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.badge-amber{background-color:var(--amber-100);color:var(--amber-700)}.badge-sage{background-color:var(--sage-100);color:var(--sage-700)}.badge-default{background-color:var(--bg-surface-alt);color:var(--text-secondary)}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--border-default);border-top-color:var(--amber-500);border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.separator{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-6) 0}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.1rem;line-height:1;padding:var(--space-2);border-radius:var(--radius-sm);transition:background-color .15s ease;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background-color:var(--bg-surface-alt)}[data-theme=dark] .error-message{background-color:#2e1a19;border-color:#4c2724}[data-theme=dark] .success-message{background-color:#18251f;border-color:#264034}[data-theme=dark] .btn-success{background-color:#317254;border-color:#317254}[data-theme=dark] .btn-success:hover:not(:disabled){background-color:#2b6449}[data-theme=dark] .btn-danger:hover:not(:disabled){background-color:#9e352e}.mention-highlight{display:inline;background-color:var(--amber-100);color:var(--amber-700);padding:0 .25em;border-radius:var(--radius-sm);font-weight:500}[data-theme=dark] .mention-highlight{background-color:#4d3a19;color:var(--amber-300)}.stat-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width: 720px){.stat-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stat-card-grid{grid-template-columns:1fr}}