@charset "UTF-8";:root{--color-primary: #8b5cf6;--color-primary-light: #a987f7;--color-primary-dark: #5b34b0;--color-secondary: #e0b34a;--color-secondary-light: #f0cd76;--color-bg: #14101f;--color-bg-elevated: #1b1530;--color-surface: #221a3a;--color-surface-2: #2c2247;--color-text: #f3eefb;--color-text-muted: #a99fc4;--color-text-secondary: #c7bdec;--color-border: #352b52;--color-border-light: #443766;--color-success: #4caf80;--color-warning: #e0a93f;--color-error: #e5635e;--color-info: #5aa9e6;--color-known: #4caf80;--color-learning: #e0a93f;--color-new: #6b6286;--color-overlay: rgba(8, 4, 18, .6);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .3vw, 1rem);--text-md: clamp(1rem, .9rem + .4vw, 1.125rem);--text-lg: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-xl: clamp(1.5rem, 1.3rem + .8vw, 2rem);--text-2xl: clamp(2rem, 1.6rem + 1.2vw, 3rem);--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .5);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-premium: cubic-bezier(.16, 1, .3, 1);--max-width: 1100px;--page-padding: var(--spacing-xl);--nav-height: 56px;--tabbar-height: 64px}@media(max-width:768px){:root{--page-padding: var(--spacing-md)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-md);color:var(--color-text);background:var(--color-bg);background-image:radial-gradient(1200px 600px at 80% -10%,rgba(139,92,246,.18),transparent 60%),radial-gradient(900px 500px at -10% 10%,rgba(224,179,74,.1),transparent 55%);background-attachment:fixed;min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:1.15;margin:0}a{color:var(--color-primary-light);text-decoration:none}.page-container{max-width:var(--max-width);margin:0 auto;padding:var(--page-padding);padding-bottom:calc(var(--tabbar-height) + var(--spacing-xl))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-sm);cursor:pointer;border:none;transition:all .2s var(--ease-out)}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark)}.btn--secondary{background:transparent;color:var(--color-primary-light);border:2px solid var(--color-primary)}.btn--secondary:hover{background:var(--color-primary);color:#fff}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover{background:var(--color-surface);color:var(--color-text)}.btn--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs)}.btn--lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-md)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);border:1px solid var(--color-border)}