:root{--palette-slate: #626d71;--palette-sage: #cdcdc0;--palette-cream: #f4ede1;--palette-tan: #ddbc95;--palette-brown: #b38867;--color-bg-primary: var(--palette-cream);--color-bg-secondary: #ffffff;--color-bg-tertiary: var(--palette-sage);--color-bg-hover: rgba(205, 205, 192, .3);--color-bg-active: rgba(179, 136, 103, .1);--color-primary: var(--palette-brown);--color-primary-hover: #9a7458;--color-primary-active: #7d5e47;--color-primary-light: rgba(179, 136, 103, .15);--color-secondary: var(--palette-tan);--color-secondary-hover: #c9a87d;--color-accent: var(--palette-slate);--color-accent-light: rgba(98, 109, 113, .1);--color-text-primary: var(--palette-slate);--color-text-secondary: #555555;--color-text-muted: #888888;--color-text-inverse: #ffffff;--color-success: #28a745;--color-success-bg: #d4edda;--color-success-text: #155724;--color-warning: #ffc107;--color-warning-bg: #fff3cd;--color-warning-text: #856404;--color-danger: #dc3545;--color-danger-bg: #f8d7da;--color-danger-text: #721c24;--color-border: var(--palette-sage);--color-border-light: rgba(205, 205, 192, .5);--color-border-hover: var(--palette-slate);--border-radius: 12px;--border-radius-sm: 8px;--border-radius-badge: 12px;--shadow-sm: 0 1px 2px rgba(98, 109, 113, .1);--shadow-md: 0 4px 6px rgba(98, 109, 113, .15);--shadow-lg: 0 10px 25px rgba(98, 109, 113, .2);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary)}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--border-radius-sm);border:1px solid var(--color-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:all .25s}button:hover{border-color:var(--color-primary);color:var(--color-primary)}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0f;color:#fff;-webkit-font-smoothing:antialiased}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0a0a0f;color:#00d4ff}.spinner{width:40px;height:40px;border:3px solid rgba(0,212,255,.2);border-top-color:#00d4ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}