@layer base{:root{--background:#ffffff;--foreground:#171717;--glass-bg-primary:linear-gradient(135deg,rgba(10,15,30,0.95),rgba(25,20,50,0.9) 25%,rgba(40,25,65,0.85) 50%,rgba(35,30,75,0.9) 75%,rgba(20,25,50,0.95));--glass-bg-blur:blur(40px);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);--gradient-primary-alpha:linear-gradient(135deg,rgba(102,126,234,0.8),rgba(118,75,162,0.8) 50%,rgba(240,147,251,0.8));--gradient-text:linear-gradient(135deg,#ffffff,rgba(255,255,255,0.8) 50%,rgba(200,200,255,0.9));--card-hidden:linear-gradient(135deg,rgba(30,40,60,0.85),rgba(50,45,80,0.85));--card-hidden-border:rgba(255,255,255,0.15);--card-hidden-bevel:rgba(255,255,255,0.08);--card-revealed:linear-gradient(135deg,rgba(240,147,251,0.9),rgba(245,87,108,0.9));--card-matched:linear-gradient(135deg,rgba(79,172,254,0.85),rgba(0,242,254,0.85));--card-matched-glow:rgba(79,172,254,0.6);--card-matched-border:rgba(100,255,150,0.8);--card-inner-glow:rgba(255,255,255,0.3);--surface-overlay:rgba(255,255,255,0.08);--surface-overlay-hover:rgba(255,255,255,0.12);--surface-overlay-active:rgba(255,255,255,0.18);--surface-glass:rgba(255,255,255,0.05);--surface-glass-strong:rgba(255,255,255,0.1);--surface-blur:blur(20px);--surface-blur-strong:blur(40px);--border-light:rgba(255,255,255,0.12);--border-light-strong:rgba(255,255,255,0.2);--border-light-hover:rgba(255,255,255,0.35);--border-light-active:rgba(255,255,255,0.5);--border-glass:rgba(255,255,255,0.08);--border-bevel:rgba(255,255,255,0.15);--btn-primary-bg:rgba(255,255,255,0.15);--btn-primary-color:#ffffff;--btn-primary-glow:rgba(102,126,234,0.5);--btn-exit-bg:rgba(255,255,255,0.1);--btn-exit-bg-hover:rgba(255,255,255,0.2);--shadow-glass:0 8px 32px rgba(0,0,0,0.3);--shadow-glass-sm:0 4px 16px rgba(0,0,0,0.2);--glow-subtle:0 0 20px rgba(255,255,255,0.1);--glow-strong:0 0 30px rgba(102,126,234,0.4)}[data-theme=dark]{--background:#0a0a0a;--foreground:#ededed;--glass-bg-primary:linear-gradient(135deg,rgba(5,10,20,0.98),rgba(15,10,30,0.95) 25%,rgba(25,15,45,0.9) 50%,rgba(20,20,50,0.95) 75%,rgba(10,15,30,0.98));--gradient-primary:linear-gradient(135deg,#2d1b69,#4a2080 50%,#6b2d90);--gradient-primary-alpha:linear-gradient(135deg,rgba(45,27,105,0.85),rgba(74,32,128,0.85) 50%,rgba(107,45,144,0.85));--card-hidden:linear-gradient(135deg,rgba(20,25,45,0.9),rgba(35,30,60,0.9));--card-revealed:linear-gradient(135deg,rgba(200,80,192,0.9),rgba(214,51,132,0.9));--card-matched:linear-gradient(135deg,rgba(37,117,252,0.85),rgba(0,212,255,0.85));--surface-overlay:rgba(255,255,255,0.06);--surface-overlay-hover:rgba(255,255,255,0.1);--surface-overlay-active:rgba(255,255,255,0.15);--border-light:rgba(255,255,255,0.1);--border-light-strong:rgba(255,255,255,0.18);--border-light-hover:rgba(255,255,255,0.3);--border-light-active:rgba(255,255,255,0.45);--btn-primary-bg:rgba(255,255,255,0.12);--btn-primary-color:#e0d4ff;--btn-exit-bg:rgba(255,255,255,0.08);--btn-exit-bg-hover:rgba(255,255,255,0.15)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--background:#0a0a0a;--foreground:#ededed;--glass-bg-primary:linear-gradient(135deg,rgba(5,10,20,0.98),rgba(15,10,30,0.95) 25%,rgba(25,15,45,0.9) 50%,rgba(20,20,50,0.95) 75%,rgba(10,15,30,0.98));--gradient-primary:linear-gradient(135deg,#2d1b69,#4a2080 50%,#6b2d90);--gradient-primary-alpha:linear-gradient(135deg,rgba(45,27,105,0.85),rgba(74,32,128,0.85) 50%,rgba(107,45,144,0.85));--card-hidden:linear-gradient(135deg,rgba(20,25,45,0.9),rgba(35,30,60,0.9));--card-revealed:linear-gradient(135deg,rgba(200,80,192,0.9),rgba(214,51,132,0.9));--card-matched:linear-gradient(135deg,rgba(37,117,252,0.85),rgba(0,212,255,0.85));--surface-overlay:rgba(255,255,255,0.06);--surface-overlay-hover:rgba(255,255,255,0.1);--surface-overlay-active:rgba(255,255,255,0.15);--border-light:rgba(255,255,255,0.1);--border-light-strong:rgba(255,255,255,0.18);--border-light-hover:rgba(255,255,255,0.3);--border-light-active:rgba(255,255,255,0.45);--btn-primary-bg:rgba(255,255,255,0.12);--btn-primary-color:#e0d4ff;--btn-exit-bg:rgba(255,255,255,0.08);--btn-exit-bg-hover:rgba(255,255,255,0.15)}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--glass-bg-primary);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-panel{background:var(--surface-glass);backdrop-filter:var(--surface-blur-strong);-webkit-backdrop-filter:var(--surface-blur-strong);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass)}.glass-card{background:var(--surface-overlay);backdrop-filter:var(--surface-blur);-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--border-light);box-shadow:var(--shadow-glass-sm)}.glow-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,255,255,.2)}code{background-color:rgba(255,255,255,.05);border-radius:6px;border:1px solid var(--border-light);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.875rem;padding:.25rem .5rem calc(.25rem + 2px);backdrop-filter:var(--surface-blur);-webkit-backdrop-filter:var(--surface-blur)}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}[data-theme=dark]{color-scheme:dark}@media (prefers-color-scheme:dark){html:not([data-theme=light]){color-scheme:dark}}}