:root{--bg:#f7f4ef;--surface:#fffdf9;--border:#e4ddd3;--accent:#7a5c3a;--accent-light:color-mix(in srgb, var(--accent) 15%, var(--bg));--text:#1e1a16;--text-muted:#6b5e53;--red:#b03a2e;--red-light:#fdf0ee;--blue:#3a5f7a;--blue-light:#e8f1f8;--yellow:#a07830;--yellow-light:#fdf5e0;--purple:#6b4a8a;--purple-light:#f3eefb;--green:#4a8a5c;--green-light:#e8f5ec;--bg-card:#fff;--bg-input:#f9fafb;--bg-second:#f9fafb;--bg-accent-light:#f0f4ff;--bg-hover:#f3f4f6;--text-primary:#333;--text-secondary:#666;--border-accent:#c7d2fe;--border-color:#e5e7eb;--surface-alt:#fafafa;--accent-dark:#1a56db;--danger:#e53e3e;--shadow-xl:0 12px 40px #1e1a161f;--shadow-sm:0 1px 2px #1e1a160d;--shadow-md:0 4px 12px #1e1a160f, 0 1px 3px #1e1a160a;--shadow-lg:0 12px 32px #1e1a1614, 0 2px 8px #1e1a160a;--shadow-glow:0 0 20px #7a5c3a26, 0 0 4px #7a5c3a1a;--shadow-card:0 2px 8px #1e1a160a, 0 1px 2px #1e1a1608;--glass-bg:#fffdf9a6;--glass-border:#e4ddd380;--glass-blur:12px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--space-xs:4px;--header-height:52px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1815;--surface:#24211c;--border:#3a352e;--accent:#c8a87c;--accent-light:color-mix(in srgb, var(--accent) 15%, var(--bg));--text:#e8e4dd;--text-muted:#9e9487;--red:#d48279;--red-light:#2a1e1c;--blue:#7aafcc;--blue-light:#1a252c;--yellow:#c8a450;--yellow-light:#2a2418;--purple:#a08ac0;--purple-light:#221e2a;--green:#6aaa72;--green-light:#1a241c;--bg-card:#24211c;--bg-input:#1a1815;--bg-second:#1a1815;--bg-accent-light:#1a252c;--bg-hover:#2d2923;--text-primary:#e8e4dd;--text-secondary:#9e9487;--border-accent:#3a352e;--border-color:#3a352e;--surface-alt:#2a2620;--accent-dark:#7aafcc;--danger:#d48279;--shadow-xl:0 12px 40px #0000004d;--shadow-sm:0 1px 2px #00000026;--shadow-md:0 4px 12px #0003, 0 1px 3px #0000001f;--shadow-lg:0 12px 32px #00000040, 0 2px 8px #00000026;--shadow-glow:0 0 20px #c8a87c14, 0 0 4px #c8a87c0d;--shadow-card:0 2px 8px #0000002e, 0 1px 2px #0000001f;--glass-bg:#24211cc7;--glass-border:#3a352e80}html.theme-gold{--accent:#b8860b;--accent-light:color-mix(in srgb, #d4a017 14%, var(--bg));--shadow-glow:0 0 22px #d4a01738, 0 0 6px #d4a0171f;--gold-glow-1:#ffd70029;--gold-glow-2:#ffb43c1a}html.theme-diamond{--accent:#0284c7;--accent-light:color-mix(in srgb, #38bdf8 16%, var(--bg));--shadow-glow:0 0 22px #38bdf83d, 0 0 6px #38bdf81f;--gold-glow-1:#38bdf82e;--gold-glow-2:#81d4fa1a}html.theme-gold:before,html.theme-diamond:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(600px 300px at 15% 0%, var(--gold-glow-1), transparent 60%), radial-gradient(700px 320px at 85% 100%, var(--gold-glow-2), transparent 60%);animation:9s ease-in-out infinite alternate theme-aura;position:fixed;inset:0}@keyframes theme-aura{0%{opacity:.55;transform:translate(-1.5%)}to{opacity:1;transform:translate(1.5%)}}html.theme-gold body:before,html.theme-diamond body:before{content:"";z-index:9999;background:linear-gradient(90deg, transparent, var(--gold-glow-2), var(--accent), var(--gold-glow-2), transparent);background-size:200% 100%;height:3px;animation:4s linear infinite theme-topline;position:fixed;top:0;left:0;right:0}@keyframes theme-topline{0%{background-position:0 0}to{background-position:200% 0}}html.theme-gold .vocab-card,html.theme-gold .wish-card,html.theme-gold .set-card,html.theme-gold .material-card,html.theme-gold .attempt-card,html.theme-gold .review-item,html.theme-gold .lesson-card,html.theme-gold .group-item,html.theme-diamond .vocab-card,html.theme-diamond .wish-card,html.theme-diamond .set-card,html.theme-diamond .material-card,html.theme-diamond .attempt-card,html.theme-diamond .review-item,html.theme-diamond .lesson-card,html.theme-diamond .group-item{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:var(--shadow-card), var(--shadow-glow);transition:border-color .3s,box-shadow .3s}html.theme-gold .btn-primary,html.theme-gold .submit-btn,html.theme-diamond .btn-primary,html.theme-diamond .submit-btn{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 60%, #fff 0%))}html.theme-gold .page-title,html.theme-gold .quiz-h,html.theme-gold .vc-title,html.theme-diamond .page-title,html.theme-diamond .quiz-h,html.theme-diamond .vc-title{background:linear-gradient(120deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #fff));color:#0000;-webkit-background-clip:text;background-clip:text}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-tap-highlight-color:transparent;height:100%}html{transition:background-color .3s,color .3s}body{background:var(--bg);color:var(--text);overscroll-behavior:none;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;display:flex}#app{flex-direction:column;flex:1;min-height:100dvh;display:flex}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,[role=button]{touch-action:manipulation;font-family:inherit}input,textarea,select,button{font-family:inherit;font-size:16px}.glass-surface{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.page-enter-active{animation:page-in .35s var(--ease-out-expo)}.page-leave-active{animation:page-out .2s var(--ease-in-out)}@keyframes page-in{0%{opacity:0;transform:translateY(8px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes page-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.995)}}.stagger-list>*{opacity:0;animation:stagger-in .4s var(--ease-out-expo) forwards;transform:translateY(12px)}.stagger-list>:first-child{animation-delay:30ms}.stagger-list>:nth-child(2){animation-delay:60ms}.stagger-list>:nth-child(3){animation-delay:90ms}.stagger-list>:nth-child(4){animation-delay:.12s}.stagger-list>:nth-child(5){animation-delay:.15s}.stagger-list>:nth-child(6){animation-delay:.18s}.stagger-list>:nth-child(7){animation-delay:.21s}.stagger-list>:nth-child(8){animation-delay:.24s}.stagger-list>:nth-child(9){animation-delay:.27s}.stagger-list>:nth-child(10){animation-delay:.3s}.stagger-list>:nth-child(n+11){animation-delay:.33s}@keyframes stagger-in{to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #7a5c3a1f}50%{box-shadow:0 0 18px #7a5c3a38}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes highlight-flash{0%{box-shadow:0 0 #7a5c3a80,inset 0 0 #7a5c3a1a}30%{box-shadow:0 0 28px 6px #7a5c3a2e,inset 0 0 80px 10px #7a5c3a0f}to{box-shadow:0 0 #7a5c3a00,inset 0 0 #7a5c3a00}}.deep-nav-highlight{animation:highlight-flash 1.8s var(--ease-out-expo)}@media (width<=900px){button,[role=button]{min-width:44px;min-height:44px}.glass-surface{-webkit-backdrop-filter:blur(6px)}}.ios-scroll{-webkit-overflow-scrolling:touch}