:root{--brand-green: #58cc02;--brand-green-bright: #7be83f;--brand-green-deep: #2dc84d;--brand-gold: #ffc94a;--brand-gold-bright: #ffd700;--brand-blue: #1b75f1;--brand-orange: #f1841b;--brand-red: #e04f5f;--brand-violet: #9575cd;--brand-pink: #f06292;--brand-teal: #4db6ac;--brand-indigo: #6366f1;--ok: #2dc84d;--ok-soft: rgba(45, 200, 77, .14);--warn: #ffc107;--warn-soft: rgba(255, 193, 7, .14);--danger: #e04f5f;--danger-soft: rgba(224, 79, 95, .14);--info: #4fc3f7;--info-soft: rgba(79, 195, 247, .14);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Fraunces", "Inter", Georgia, serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 3.75rem;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.55;--leading-relaxed: 1.75;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-widest: .12em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-full: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--fast: .14s;--normal: .24s;--slow: .42s;--slower: .7s;--z-canvas: 0;--z-content: 1;--z-sticky: 40;--z-nav: 60;--z-drawer: 80;--z-overlay: 100;--z-modal: 120;--z-toast: 140;--z-splash: 200;--sidebar-w: 264px;--sidebar-w-collapsed: 76px;--topbar-h: 68px;--tabbar-h: 66px;--content-max: 1320px;--reading-max: 720px;--safe-bottom: env(safe-area-inset-bottom, 0px)}:root,:root[data-theme=dark]{color-scheme:dark;--bg-void: #05100c;--bg-deep: #07140f;--bg-base: #0a1c16;--bg-raised: #0e241c;--bg-canopy: radial-gradient( ellipse 120% 80% at 50% -10%, rgba(88, 204, 2, .16), transparent 60% ), radial-gradient(ellipse 90% 60% at 85% 15%, rgba(79, 195, 247, .1), transparent 55%), radial-gradient(ellipse 100% 70% at 10% 90%, rgba(255, 201, 74, .08), transparent 60%), linear-gradient(170deg, #07140f 0%, #0a1c16 45%, #071a1e 100%);--surface: rgba(255, 255, 255, .045);--surface-hover: rgba(255, 255, 255, .075);--surface-active: rgba(255, 255, 255, .1);--surface-solid: #0f261e;--surface-solid-hi: #143026;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--border-glow: rgba(123, 232, 63, .32);--ink: #eef7ef;--ink-soft: #b7cbbc;--ink-muted: #7e9686;--ink-faint: #56695d;--ink-inverse: #06140f;--accent: var(--brand-green-bright);--accent-ink: #06140f;--accent-soft: rgba(123, 232, 63, .14);--glass: rgba(11, 30, 23, .72);--glass-hi: rgba(18, 44, 34, .82);--glass-blur: 22px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .42);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .5);--shadow-xl: 0 32px 72px rgba(0, 0, 0, .58);--shadow-glow: 0 0 32px rgba(123, 232, 63, .22);--shadow-glow-gold: 0 0 32px rgba(255, 201, 74, .22);--scrim: rgba(3, 10, 7, .72)}:root[data-theme=light]{color-scheme:light;--bg-void: #dfe9d8;--bg-deep: #e8f1e2;--bg-base: #eff6ea;--bg-raised: #ffffff;--bg-canopy: radial-gradient(ellipse 120% 80% at 50% -10%, rgba(88, 204, 2, .18), transparent 60%), radial-gradient(ellipse 90% 60% at 85% 15%, rgba(79, 195, 247, .12), transparent 55%), linear-gradient(170deg, #e9f3e3 0%, #dfeed8 50%, #d8ebe4 100%);--surface: rgba(255, 255, 255, .78);--surface-hover: rgba(255, 255, 255, .94);--surface-active: #ffffff;--surface-solid: #ffffff;--surface-solid-hi: #f6fbf2;--border: rgba(27, 94, 32, .14);--border-strong: rgba(27, 94, 32, .26);--border-glow: rgba(56, 142, 60, .4);--ink: #14291b;--ink-soft: #3c5844;--ink-muted: #4f6c57;--ink-faint: #6d8677;--ink-inverse: #ffffff;--accent: #3c9a06;--accent-ink: #ffffff;--accent-soft: rgba(60, 154, 6, .12);--glass: rgba(255, 255, 255, .8);--glass-hi: rgba(255, 255, 255, .92);--glass-blur: 20px;--shadow-sm: 0 2px 8px rgba(20, 41, 27, .08);--shadow-md: 0 8px 24px rgba(20, 41, 27, .12);--shadow-lg: 0 18px 44px rgba(20, 41, 27, .16);--shadow-xl: 0 32px 68px rgba(20, 41, 27, .2);--shadow-glow: 0 0 28px rgba(88, 204, 2, .24);--shadow-glow-gold: 0 0 28px rgba(240, 160, 20, .26);--scrim: rgba(20, 41, 27, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--ink);background:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}#root{min-height:100dvh;isolation:isolate}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer;-webkit-user-select:none;user-select:none}button:disabled{cursor:not-allowed}img,svg,video{display:block;max-width:100%}ul,ol{list-style:none}hr{border:none;border-top:1px solid var(--border)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-xs)}::selection{background:var(--accent-soft);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;border-radius:var(--radius-full);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint);background-clip:content-box}.mi{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:1.25em;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;flex-shrink:0}.mi--fill{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.mi--bold{font-variation-settings:"FILL" 0,"wght" 700,"GRAD" 0,"opsz" 24}.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}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.spacer{flex:1}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#boot-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-splash, 200);display:grid;place-content:center;justify-items:center;gap:22px;padding:24px;background:#07140f;transition:opacity .5s ease,visibility .5s ease}#boot-splash.is-gone{opacity:0;visibility:hidden;pointer-events:none}.boot-glow{position:absolute;width:min(70vw,460px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(123,232,63,.22),transparent 68%);filter:blur(28px);animation:boot-pulse 3s ease-in-out infinite}.boot-art{position:relative;width:min(62vw,300px);border-radius:24px;box-shadow:0 24px 64px #0000008c;animation:boot-rise .9s cubic-bezier(.16,1,.3,1) both}.boot-text{position:relative;text-align:center;animation:boot-rise .9s cubic-bezier(.16,1,.3,1) .12s both}.boot-text h1{font-family:Fraunces,Georgia,serif;font-size:clamp(1.9rem,6vw,2.6rem);font-weight:900;letter-spacing:-.02em;background:linear-gradient(120deg,gold,#7be83f 55%,#4fc3f7);-webkit-background-clip:text;background-clip:text;color:transparent}.boot-text p{margin-top:6px;font-family:Inter,sans-serif;font-size:.875rem;color:#7e9686}.boot-bar{position:relative;width:180px;height:4px;overflow:hidden;background:#ffffff14;border-radius:999px}.boot-bar span{position:absolute;top:0;right:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,#7be83f,transparent);animation:boot-sweep 1.4s ease-in-out infinite}@keyframes boot-pulse{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes boot-rise{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@keyframes boot-sweep{0%{transform:translate(-120%)}to{transform:translate(320%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rise-in-sm{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes slide-in-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.02)}to{transform:scale(1)}}@keyframes zoom-out{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--pulse-color, rgba(123, 232, 63, .4))}70%{box-shadow:0 0 0 14px transparent}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.08)}70%{transform:scale(.96)}to{transform:scale(1)}}@keyframes drift{0%{transform:translate(0)}25%{transform:translate(12px,-16px)}50%{transform:translate(-8px,-28px)}75%{transform:translate(-16px,-12px)}to{transform:translate(0)}}.anim-fade{animation:fade-in var(--normal) var(--ease-out) both}.anim-rise{animation:rise-in var(--slow) var(--ease-out) both}.anim-pop{animation:pop-in var(--normal) var(--ease-spring) both}.anim-zoom{animation:zoom-out var(--slow) var(--ease-out) both}.anim-shake{animation:shake .5s var(--ease-in-out)}.anim-breathe{animation:breathe 2.6s var(--ease-in-out) infinite}.anim-float{animation:float-y 4.5s var(--ease-in-out) infinite}.stagger>*{animation:rise-in-sm var(--slow) var(--ease-out) both}.stagger>*:nth-child(1){animation-delay:20ms}.stagger>*:nth-child(2){animation-delay:50ms}.stagger>*:nth-child(3){animation-delay:80ms}.stagger>*:nth-child(4){animation-delay:.11s}.stagger>*:nth-child(5){animation-delay:.14s}.stagger>*:nth-child(6){animation-delay:.17s}.stagger>*:nth-child(7){animation-delay:.2s}.stagger>*:nth-child(8){animation-delay:.23s}.stagger>*:nth-child(9){animation-delay:.26s}.stagger>*:nth-child(10){animation-delay:.29s}.stagger>*:nth-child(11){animation-delay:.32s}.stagger>*:nth-child(12){animation-delay:.35s}.stagger>*:nth-child(n+13){animation-delay:.38s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);font-size:var(--text-base);font-weight:600;letter-spacing:.01em;white-space:nowrap;border-radius:var(--radius-full);transition:transform var(--fast) var(--ease-out),background var(--fast) var(--ease-out),box-shadow var(--fast) var(--ease-out),opacity var(--fast) var(--ease-out),border-color var(--fast) var(--ease-out)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0) scale(.985)}.btn:disabled{opacity:.45;transform:none}.btn--primary{color:var(--accent-ink);background:linear-gradient(135deg,var(--brand-green-bright),var(--brand-green));box-shadow:0 6px 20px #58cc0247}.btn--primary:hover:not(:disabled){box-shadow:0 10px 28px #58cc0261}.btn--gold{color:#3a2a00;background:linear-gradient(135deg,var(--brand-gold-bright),var(--brand-orange));box-shadow:0 6px 20px #ffc94a47}.btn--gold:hover:not(:disabled){box-shadow:0 10px 28px #ffc94a61}.btn--ghost{color:var(--ink-soft);background:var(--surface);border:1px solid var(--border)}.btn--ghost:hover:not(:disabled){color:var(--ink);background:var(--surface-hover);border-color:var(--border-strong)}.btn--outline{color:var(--ink);border:1.5px solid var(--border-strong)}.btn--outline:hover:not(:disabled){background:var(--surface);border-color:var(--accent)}.btn--danger{color:#fff;background:linear-gradient(135deg,#ef6274,var(--brand-red));box-shadow:0 6px 20px #e04f5f42}.btn--plain{color:var(--ink-muted);padding:0 var(--space-3)}.btn--plain:hover:not(:disabled){color:var(--ink);background:var(--surface)}.btn--sm{min-height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn--lg{min-height:54px;padding:0 var(--space-8);font-size:var(--text-lg)}.btn--block{width:100%}.btn--icon{width:44px;min-height:44px;padding:0;border-radius:var(--radius-full)}.btn--icon.btn--sm{width:36px;min-height:36px}.btn__spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.card--solid{background:var(--surface-solid);backdrop-filter:none;-webkit-backdrop-filter:none}.card--pad{padding:var(--space-5)}.card--interactive{cursor:pointer;transition:transform var(--normal) var(--ease-out),border-color var(--normal) var(--ease-out),background var(--normal) var(--ease-out),box-shadow var(--normal) var(--ease-out)}.card--interactive:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.card--interactive:active{transform:translateY(-1px) scale(.995)}.pill{display:inline-flex;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);white-space:nowrap}.pill--gold{color:var(--brand-gold-bright);background:#ffc94a1a;border-color:#ffc94a47}.pill--fire{color:#ff8a5c;background:#ff70431a;border-color:#ff704347}.pill--green{color:var(--brand-green-bright);background:var(--accent-soft);border-color:var(--border-glow)}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px var(--space-2);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-xs);background:var(--surface);border:1px solid var(--border);color:var(--ink-muted)}.tag--ok{color:var(--ok);background:var(--ok-soft);border-color:transparent}.tag--warn{color:var(--warn);background:var(--warn-soft);border-color:transparent}.tag--info{color:var(--info);background:var(--info-soft);border-color:transparent}.tag--danger{color:var(--danger);background:var(--danger-soft);border-color:transparent}.bar{position:relative;height:8px;overflow:hidden;background:var(--surface-active);border-radius:var(--radius-full)}.bar__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-green),var(--brand-green-bright));transition:width var(--slow) var(--ease-out)}.bar--gold .bar__fill{background:linear-gradient(90deg,var(--brand-orange),var(--brand-gold-bright))}.bar--thin{height:5px}.bar--thick{height:12px}.ring{--ring-size: 56px;--ring-thickness: 5px;--ring-value: 0;--ring-color: var(--brand-green-bright);position:relative;display:grid;place-items:center;width:var(--ring-size);height:var(--ring-size);border-radius:50%;background:conic-gradient(var(--ring-color) calc(var(--ring-value) * 1%),var(--surface-active) 0);transition:background var(--slow) var(--ease-out)}.ring:before{content:"";position:absolute;inset:var(--ring-thickness);background:var(--bg-base);border-radius:50%}.ring__label{position:relative;font-size:var(--text-sm);font-weight:800}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-sm);font-weight:600;color:var(--ink-soft)}.field__hint{font-size:var(--text-xs);color:var(--ink-muted)}.field__error{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:600;color:var(--danger)}.input{width:100%;min-height:50px;padding:0 var(--space-4);font-size:var(--text-md);color:var(--ink);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--fast) var(--ease-out),background var(--fast) var(--ease-out),box-shadow var(--fast) var(--ease-out)}.input::placeholder{color:var(--ink-faint)}.input:hover:not(:disabled){border-color:var(--border-strong)}.input:focus{outline:none;background:var(--surface-hover);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.input--invalid,.input--invalid:focus{border-color:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.input--valid{border-color:var(--ok)}textarea.input{min-height:120px;padding:var(--space-3) var(--space-4);line-height:var(--leading-normal);resize:vertical}.input-group{position:relative;display:flex;align-items:center}.input-group .input{padding-left:44px}.input-group__icon{position:absolute;left:14px;color:var(--ink-faint);pointer-events:none}.input-group__action{position:absolute;right:6px;display:grid;place-items:center;width:38px;height:38px;color:var(--ink-muted);border-radius:var(--radius-full)}.input-group__action:hover{color:var(--ink);background:var(--surface-hover)}.segmented{display:inline-flex;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full)}.segmented__item{padding:8px var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--ink-muted);border-radius:var(--radius-full);transition:color var(--fast) var(--ease-out),background var(--fast) var(--ease-out)}.segmented__item:hover{color:var(--ink)}.segmented__item[aria-selected=true]{color:var(--accent-ink);background:var(--accent)}.empty{display:grid;place-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-6);text-align:center}.empty__art{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--border-glow)}.empty__art .mi{font-size:40px;color:var(--accent)}.empty__title{font-size:var(--text-xl);font-weight:700}.empty__text{max-width:42ch;color:var(--ink-muted)}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 50%,var(--surface) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:shimmer 1.4s linear infinite}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-4);background:var(--scrim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in var(--normal) var(--ease-out)}.modal{position:relative;width:min(560px,100%);max-height:min(84dvh,760px);overflow-y:auto;overscroll-behavior:contain;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:pop-in var(--normal) var(--ease-spring)}.modal__head{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-6) var(--space-6) var(--space-3)}.modal__title{flex:1;font-size:var(--text-xl);font-weight:800}.modal__sub{margin-top:4px;font-size:var(--text-sm);color:var(--ink-muted)}.modal__body{padding:0 var(--space-6) var(--space-4)}.modal__foot{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6)}.modal__close{display:grid;place-items:center;width:36px;height:36px;color:var(--ink-muted);border-radius:var(--radius-full)}.modal__close:hover{color:var(--ink);background:var(--surface-hover)}.toaster{position:fixed;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--space-4));left:50%;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);width:min(420px,calc(100vw - 32px));transform:translate(-50%);pointer-events:none}@media(min-width:1024px){.toaster{bottom:var(--space-6);left:auto;right:var(--space-6);transform:none}}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--ink);background:var(--glass-hi);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));pointer-events:auto;animation:rise-in var(--normal) var(--ease-spring)}.toast__icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;flex-shrink:0}.toast--success .toast__icon{color:var(--ok);background:var(--ok-soft)}.toast--error .toast__icon{color:var(--danger);background:var(--danger-soft)}.toast--info .toast__icon{color:var(--info);background:var(--info-soft)}.toast--reward .toast__icon{color:var(--brand-gold-bright);background:#ffc94a24}.tip{position:relative}.tip:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;z-index:var(--z-overlay);padding:6px 10px;font-size:var(--text-xs);font-weight:600;white-space:nowrap;color:var(--ink);background:var(--surface-solid-hi);border:1px solid var(--border-strong);border-radius:var(--radius-xs);box-shadow:var(--shadow-md);opacity:0;transform:translate(-50%,-4px);pointer-events:none;transition:opacity var(--fast) var(--ease-out),transform var(--fast) var(--ease-out)}.tip:hover:after{opacity:1;transform:translate(-50%)}.divider{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-faint)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.app{position:relative;display:flex;min-height:100dvh}.forest{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-canvas);pointer-events:none;background:var(--bg-canopy)}.forest__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 70% at 50% 45%,transparent 35%,rgba(3,10,7,.55) 100%)}:root[data-theme=light] .forest__vignette{background:radial-gradient(ellipse 90% 70% at 50% 45%,transparent 45%,rgba(20,41,27,.1) 100%)}.forest__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sidebar{position:sticky;top:0;z-index:var(--z-nav);display:none;flex-direction:column;width:var(--sidebar-w);height:100dvh;padding:var(--space-5) var(--space-4);background:var(--glass);border-right:1px solid var(--border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));flex-shrink:0}@media(min-width:1024px){.sidebar{display:flex}}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2) var(--space-5)}.sidebar__mark{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-md);background:linear-gradient(140deg,#7be83f38,#ffc94a24);border:1px solid var(--border-glow);overflow:hidden;flex-shrink:0}.sidebar__mark img{width:100%;height:100%;object-fit:cover}.sidebar__wordmark{font-family:var(--font-display);font-size:1.1rem;font-weight:900;letter-spacing:-.01em;line-height:1.1;background:linear-gradient(120deg,var(--brand-gold-bright),var(--brand-green-bright) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.sidebar__tagline{font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-faint)}.sidebar__scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;margin:0 calc(var(--space-2) * -1);padding:0 var(--space-2)}.sidebar__section{padding:var(--space-4) var(--space-3) var(--space-2);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--ink-faint)}.sidebar__foot{padding-top:var(--space-3);border-top:1px solid var(--border)}.navitem{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:46px;padding:0 var(--space-3);font-size:var(--text-base);font-weight:600;color:var(--ink-muted);border-radius:var(--radius-md);transition:color var(--fast) var(--ease-out),background var(--fast) var(--ease-out)}.navitem:hover{color:var(--ink);background:var(--surface)}.navitem.is-active{color:var(--accent);background:var(--accent-soft)}.navitem.is-active:before{content:"";position:absolute;left:-1px;top:50%;width:3px;height:22px;background:var(--accent);border-radius:var(--radius-full);transform:translateY(-50%)}.navitem__icon{display:grid;place-items:center;width:26px;flex-shrink:0}.navitem__label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navitem__badge{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:var(--text-2xs);font-weight:800;color:var(--accent-ink);background:var(--accent);border-radius:var(--radius-full)}.navitem__badge--gold{color:#3a2a00;background:var(--brand-gold-bright)}.sideprofile{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);text-align:left;border-radius:var(--radius-md);transition:background var(--fast) var(--ease-out)}.sideprofile:hover{background:var(--surface)}.sideprofile__avatar{position:relative;width:42px;height:42px;border-radius:50%;overflow:hidden;border:2px solid var(--border-glow);flex-shrink:0}.sideprofile__avatar img{width:100%;height:100%;object-fit:cover}.sideprofile__name{font-size:var(--text-sm);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sideprofile__rank{font-size:var(--text-xs);color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{position:relative;z-index:var(--z-content);flex:1;min-width:0;display:flex;flex-direction:column}.main__scroll{flex:1;padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--space-6))}@media(min-width:1024px){.main__scroll{padding-bottom:var(--space-12)}}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.container{padding:0 var(--space-8)}}.topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-h);padding:0 var(--space-4);background:var(--glass);border-bottom:1px solid var(--border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}@media(min-width:768px){.topbar{padding:0 var(--space-8)}}.topbar__back{display:grid;place-items:center;width:40px;height:40px;color:var(--ink-soft);border-radius:var(--radius-full);transition:color var(--fast) var(--ease-out),background var(--fast) var(--ease-out);flex-shrink:0}.topbar__back:hover{color:var(--ink);background:var(--surface-hover)}.topbar__titles{flex:1;min-width:0}.topbar__title{font-size:var(--text-lg);font-weight:800;letter-spacing:var(--tracking-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__sub{font-size:var(--text-xs);color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.counter{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 var(--space-3);font-size:var(--text-sm);font-weight:700;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border)}.counter__icon{width:20px;height:20px;object-fit:contain}.counter--fireflies{color:var(--brand-gold-bright);background:#ffc94a1a;border-color:#ffc94a42}.counter--streak{color:#ff8a5c;background:#ff70431a;border-color:#ff704342}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-nav);display:flex;align-items:stretch;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--glass-hi);border-top:1px solid var(--border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}@media(min-width:1024px){.tabbar{display:none}}.tabbar__item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:var(--text-2xs);font-weight:600;color:var(--ink-faint);transition:color var(--fast) var(--ease-out)}.tabbar__item.is-active{color:var(--accent)}.tabbar__item.is-active:before{content:"";position:absolute;top:0;width:30px;height:3px;background:var(--accent);border-radius:0 0 var(--radius-full) var(--radius-full)}.tabbar__icon{font-size:24px}.tabbar__item.is-active .tabbar__icon{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.tabbar__dot{position:absolute;top:8px;right:50%;width:7px;height:7px;margin-right:-16px;background:var(--brand-gold-bright);border:2px solid var(--bg-base);border-radius:50%}.section{margin-top:var(--space-8)}.section__head{display:flex;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-4)}.section__title{flex:1;font-size:var(--text-xl);font-weight:800;letter-spacing:var(--tracking-tight)}.section__sub{margin-top:2px;font-size:var(--text-sm);font-weight:400;color:var(--ink-muted);letter-spacing:0}.section__link{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:600;color:var(--accent);white-space:nowrap}.section__link:hover{text-decoration:underline;text-underline-offset:3px}.grid{display:grid;gap:var(--space-4)}.grid--cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.grid--wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,292px),1fr))}.grid--tight{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:var(--space-3)}.auth{position:relative;z-index:var(--z-content);display:grid;grid-template-columns:1fr;min-height:100dvh}@media(min-width:1024px){.auth{grid-template-columns:1.05fr 1fr}}.auth__art{position:relative;display:none;overflow:hidden}@media(min-width:1024px){.auth__art{display:block}}.auth__art-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:zoom-out 1.6s var(--ease-out) both}.auth__art-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#05100cf0,#05100c9e 45%,#05100c47),radial-gradient(ellipse 80% 60% at 20% 80%,rgba(88,204,2,.22),transparent 65%)}.auth__art-content{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--space-12) var(--space-12) var(--space-16);color:#eef7ef}.auth__wordmark{font-family:var(--font-display);font-size:clamp(2.4rem,4vw,3.4rem);font-weight:900;line-height:1.05;background:linear-gradient(120deg,var(--brand-gold-bright),var(--brand-green-bright) 65%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:rise-in var(--slower) var(--ease-out) .2s both}.auth__pitch{max-width:46ch;margin-top:var(--space-4);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:#eef7efdb;animation:rise-in var(--slower) var(--ease-out) .3s both}.auth__highlights{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-8);animation:rise-in var(--slower) var(--ease-out) .4s both}.auth__highlights li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);color:#eef7efe6}.auth__highlight-icon{display:grid;place-items:center;width:34px;height:34px;color:var(--brand-green-bright);background:#7be83f24;border:1px solid rgba(123,232,63,.28);border-radius:var(--radius-sm);flex-shrink:0}.auth__panel{display:grid;place-items:center;padding:var(--space-6) var(--space-4) calc(var(--space-8) + var(--safe-bottom))}.auth__card{width:min(440px,100%);padding:var(--space-8) var(--space-6);background:var(--glass-hi);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}@media(min-width:480px){.auth__card{padding:var(--space-10) var(--space-8)}}.auth__mark{width:74px;height:74px;margin:0 auto var(--space-5);border-radius:50%;overflow:hidden;border:2px solid var(--border-glow);box-shadow:var(--shadow-glow)}.auth__mark img{width:100%;height:100%;object-fit:cover}.auth__title{font-size:var(--text-2xl);font-weight:800;text-align:center}.auth__subtitle{margin-top:var(--space-2);font-size:var(--text-sm);text-align:center;color:var(--ink-muted)}.auth__form{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6)}.auth__link{align-self:center;font-size:var(--text-sm);font-weight:600;color:var(--ink-muted)}.auth__link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.auth__alt{display:flex;flex-direction:column;gap:var(--space-2)}.auth__switch{margin-top:var(--space-6);font-size:var(--text-sm);text-align:center;color:var(--ink-muted)}.auth__switch button{font-weight:700;color:var(--accent)}.auth__switch button:hover{text-decoration:underline;text-underline-offset:3px}.divider{margin:var(--space-6) 0 var(--space-4)}.hero{position:relative;display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-6);padding:var(--space-6);overflow:hidden;background:linear-gradient(120deg,var(--glass-hi),var(--surface));border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}@media(min-width:768px){.hero{padding:var(--space-8) var(--space-10)}}.hero__glow{position:absolute;top:-50%;right:-10%;width:60%;aspect-ratio:1;background:radial-gradient(circle,rgba(123,232,63,.16),transparent 68%);filter:blur(20px);pointer-events:none}.hero__content{position:relative;flex:1;min-width:0}.hero__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent)}.hero__title{margin-top:var(--space-2);font-family:var(--font-display);font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:700;line-height:1.1}.hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--ink-muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.hero__progress{max-width:420px;margin-top:var(--space-6)}.hero__art{display:none;width:240px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:float-y 6s var(--ease-in-out) infinite}@media(min-width:900px){.hero__art{display:block}}@media(min-width:1280px){.hero__art{width:300px}}.statgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-5)}@media(min-width:720px){.statgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.statgrid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr)}}.stattile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.stattile--rank{cursor:pointer;transition:border-color var(--fast) var(--ease-out),background var(--fast) var(--ease-out)}.stattile--rank:hover{background:var(--surface-hover);border-color:var(--border-strong)}.stattile__icon{display:grid;place-items:center;width:44px;height:44px;color:var(--tone, var(--accent));background:color-mix(in srgb,var(--tone, var(--accent)) 14%,transparent);border-radius:var(--radius-md);flex-shrink:0}.stattile__icon img{width:26px;height:26px;object-fit:contain}.stattile__rank-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0}.stattile__body{min-width:0;flex:1}.stattile__value{font-size:var(--text-2xl);font-weight:800;line-height:1.1;letter-spacing:var(--tracking-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stattile__value--sm{font-size:var(--text-md);font-weight:700}.stattile__label{font-size:var(--text-xs);color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skillgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:var(--space-3)}.skilltile{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.skilltile__label{font-size:var(--text-base);font-weight:700}.skilltile__hint{display:flex;align-items:center;gap:5px;margin-top:2px;font-size:var(--text-xs);color:var(--ink-muted)}.modcard{position:relative;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);overflow:hidden;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:transform var(--normal) var(--ease-out),border-color var(--normal) var(--ease-out),background var(--normal) var(--ease-out),box-shadow var(--normal) var(--ease-out)}.modcard:hover{background:var(--surface-hover);border-color:color-mix(in srgb,var(--glow) 40%,transparent);transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 32px color-mix(in srgb,var(--glow) 16%,transparent)}.modcard:active{transform:translateY(-1px) scale(.995)}.modcard--soon{opacity:.82}.modcard__glow{position:absolute;top:-60%;left:-20%;width:130px;aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,var(--glow) 30%,transparent),transparent 70%);filter:blur(16px);opacity:0;transition:opacity var(--normal) var(--ease-out);pointer-events:none}.modcard:hover .modcard__glow{opacity:1}.modcard__art{position:relative;display:grid;place-items:center;width:58px;height:58px;overflow:hidden;color:var(--glow);background:color-mix(in srgb,var(--glow) 12%,transparent);border:1px solid color-mix(in srgb,var(--glow) 26%,transparent);border-radius:var(--radius-md);flex-shrink:0}.modcard__art img{width:100%;height:100%;object-fit:cover}.modcard__emoji{font-size:26px;line-height:1}.modcard__body{position:relative;flex:1;min-width:0}.modcard__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:700;line-height:1.25}.modcard__soon{padding:2px 7px;font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-muted);background:var(--surface-active);border-radius:var(--radius-xs)}.modcard__subtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-size:var(--text-sm);font-weight:400;line-height:var(--leading-snug);color:var(--ink-muted)}.modcard__bar{display:block;margin-top:var(--space-3)}.modcard__chevron{position:relative;color:var(--ink-faint);transition:transform var(--fast) var(--ease-out),color var(--fast) var(--ease-out);flex-shrink:0}.modcard:hover .modcard__chevron{color:var(--glow);transform:translate(3px)}.rankstrip{display:flex;gap:var(--space-3);padding-bottom:var(--space-3);overflow-x:auto;scroll-snap-type:x proximity}.rankstrip__item{display:flex;flex-direction:column;align-items:center;gap:6px;width:128px;padding:var(--space-4) var(--space-2);text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);scroll-snap-align:start;flex-shrink:0;opacity:.5;filter:grayscale(1);transition:opacity var(--normal) var(--ease-out),filter var(--normal) var(--ease-out),border-color var(--normal) var(--ease-out)}.rankstrip__item.is-reached{opacity:1;filter:none}.rankstrip__item.is-current{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.rankstrip__item img{width:52px;height:52px;object-fit:contain}.rankstrip__name{font-size:var(--text-xs);font-weight:700;line-height:1.25}.rankstrip__threshold{font-size:var(--text-2xs);font-weight:600;color:var(--brand-gold-bright)}.learn__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin:var(--space-6) 0}.learn__overall{flex:1;min-width:240px;max-width:420px}.unitgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:var(--space-4)}.unitcard{position:relative;display:flex;gap:var(--space-4);min-height:172px;padding:var(--space-5);overflow:hidden;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);transition:transform var(--normal) var(--ease-out),border-color var(--normal) var(--ease-out),box-shadow var(--normal) var(--ease-out)}.unitcard__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/images/backgrounds/bg_module_card.webp);background-size:cover;background-position:center;opacity:.28;transition:opacity var(--normal) var(--ease-out),transform var(--slow) var(--ease-out)}:root[data-theme=light] .unitcard__bg{opacity:.14}.unitcard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,var(--glass-hi) 30%,transparent 100%);pointer-events:none}.unitcard:not(:disabled):hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-glow)}.unitcard:not(:disabled):hover .unitcard__bg{opacity:.42;transform:scale(1.04)}.unitcard.is-locked{cursor:not-allowed;opacity:.55;filter:grayscale(.7)}.unitcard.is-complete{border-color:#2dc84d57}.unitcard__index{position:relative;z-index:1;font-family:var(--font-display);font-size:2.6rem;font-weight:900;line-height:1;color:var(--accent);opacity:.9}.unitcard.is-complete .unitcard__index{color:var(--ok)}.unitcard__body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-width:0}.unitcard__top{display:flex;align-items:center;gap:var(--space-2)}.unitcard__title{flex:1;font-size:var(--text-lg);font-weight:800;letter-spacing:var(--tracking-tight)}.unitcard__state{color:var(--ink-faint);flex-shrink:0}.unitcard__state--done{color:var(--ok)}.unitcard__state--go{color:var(--accent)}.unitcard__subtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--ink-soft)}.unitcard__bar{display:block;margin-top:auto}.unitcard__hint{display:flex;align-items:center;gap:5px;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--ink-muted)}.unitcard__bar+.unitcard__hint{margin-top:var(--space-2)}.unitcard.is-locked .unitcard__hint{margin-top:auto}.unithero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-5);margin:var(--space-6) 0;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.unithero__title{margin-top:var(--space-3);font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.unithero__meta{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--ink-muted)}.unithero__progress{flex:1;min-width:240px;max-width:380px}.lessonlist{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-8)}.lessonrow{position:relative;display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--fast) var(--ease-out),border-color var(--fast) var(--ease-out),background var(--fast) var(--ease-out)}.lessonrow:not(:disabled):hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translate(3px)}.lessonrow.is-locked{cursor:not-allowed;opacity:.5}.lessonrow.is-done{border-color:#2dc84d3d}.lessonrow__marker{display:grid;place-items:center;width:40px;height:40px;font-size:var(--text-base);font-weight:800;color:var(--ink-soft);background:var(--surface-active);border-radius:50%;flex-shrink:0}.lessonrow.is-done .lessonrow__marker{color:var(--accent-ink);background:var(--ok)}.lessonrow__body{flex:1;min-width:0}.lessonrow__title{display:block;font-size:var(--text-base);font-weight:700;line-height:1.3}.lessonrow__meta{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:var(--text-xs);color:var(--ink-muted)}.lessonrow__bar{display:block;max-width:240px;margin-top:var(--space-2)}.lessonrow__end{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.lessonrow__score{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:800;color:var(--brand-gold-bright)}.lessonrow__chevron{color:var(--ink-faint)}@media(max-width:640px){.lessonrow__end .tag{display:none}}.lesson{position:relative;z-index:var(--z-content);min-height:100dvh;background:var(--bg-canopy);background-attachment:fixed}.lesson__bar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-h);padding:0 var(--space-4);background:var(--glass-hi);border-bottom:1px solid var(--border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.lesson__barinfo{flex:1;min-width:0}.lesson__bartitle{font-size:var(--text-base);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson__barsub{font-size:var(--text-xs);color:var(--ink-muted)}.lesson__progress{position:sticky;top:var(--topbar-h);z-index:var(--z-sticky);height:3px;background:var(--surface-active)}.lesson__progressfill{height:100%;background:linear-gradient(90deg,var(--brand-green),var(--brand-green-bright));box-shadow:0 0 12px #7be83f80;transition:width var(--slow) var(--ease-out)}.lesson__body{max-width:860px;margin:0 auto;padding:var(--space-6) var(--space-4) calc(var(--space-16) + var(--safe-bottom))}@media(min-width:768px){.lesson__body{padding:var(--space-8) var(--space-6) var(--space-20)}}.study__block{margin-bottom:var(--space-8)}.study__heading{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-lg);font-weight:800;color:var(--accent)}.study__count{padding:3px var(--space-2);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-muted);background:var(--surface-active);border-radius:var(--radius-xs)}.prose{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.prose p{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--ink-soft)}.prose p+p{margin-top:var(--space-4)}.story{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.story__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.story__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:800}.story__hint{margin-top:2px;font-size:var(--text-xs);color:var(--ink-muted)}.story__lines{display:flex;flex-direction:column;gap:var(--space-3)}.bubble{display:flex;align-items:flex-end;gap:var(--space-3);max-width:92%;transition:transform var(--fast) var(--ease-out)}.bubble--right{align-self:flex-end;flex-direction:row-reverse}.bubble.is-active{transform:scale(1.015)}.bubble__avatar{display:grid;place-items:center;width:40px;height:40px;overflow:hidden;color:var(--ink-faint);background:var(--surface-active);border:1px solid var(--border);border-radius:50%;flex-shrink:0}.bubble__avatar img{width:100%;height:100%;object-fit:cover}.bubble__content{padding:var(--space-3) var(--space-4);background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-xs);transition:border-color var(--fast) var(--ease-out),box-shadow var(--fast) var(--ease-out)}.bubble--right .bubble__content{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-xs);background:var(--accent-soft)}.bubble.is-active .bubble__content{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.bubble__persona{display:block;margin-bottom:3px;font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent)}.bubble__text{font-size:var(--text-base);line-height:var(--leading-snug)}.bubble__play{display:grid;place-items:center;width:34px;height:34px;color:var(--ink-faint);border-radius:50%;transition:color var(--fast) var(--ease-out),background var(--fast) var(--ease-out);flex-shrink:0}.bubble__play:hover{color:var(--accent);background:var(--accent-soft)}.vocabgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:var(--space-3)}.vocabcard{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--fast) var(--ease-out),background var(--fast) var(--ease-out)}.vocabcard:hover{background:var(--surface-hover);border-color:var(--border-strong)}.vocabcard__image{width:52px;height:52px;overflow:hidden;border-radius:var(--radius-sm);flex-shrink:0}.vocabcard__image img{width:100%;height:100%;object-fit:cover}.vocabcard__main{flex:1;min-width:0}.vocabcard__english{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:700}.vocabcard__spanish{font-size:var(--text-sm);color:var(--ink-soft)}.vocabcard__pron{margin-top:2px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-faint)}.vocabcard__fav{display:grid;place-items:center;width:32px;height:32px;color:var(--ink-faint);border-radius:50%;transition:color var(--fast) var(--ease-out),background var(--fast) var(--ease-out);flex-shrink:0}.vocabcard__fav:hover{background:var(--surface-active)}.vocabcard__fav.is-on{color:var(--brand-gold-bright)}.speakbtn{display:inline-grid;place-items:center;width:34px;height:34px;color:var(--accent);background:var(--accent-soft);border:1px solid transparent;border-radius:50%;transition:transform var(--fast) var(--ease-out),background var(--fast) var(--ease-out),border-color var(--fast) var(--ease-out);flex-shrink:0}.speakbtn:hover{border-color:var(--border-glow);transform:scale(1.06)}.speakbtn:active{transform:scale(.96)}.speakbtn--sm{width:28px;height:28px}.speakbtn--lg{width:auto;min-width:64px;height:64px;padding:0 var(--space-6);gap:var(--space-3);font-size:var(--text-md);font-weight:700;border-radius:var(--radius-full)}.speakbtn.is-playing{color:var(--accent-ink);background:var(--accent);animation:breathe 1.4s var(--ease-in-out) infinite}.vtable{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.vtable table{width:100%;border-collapse:collapse}.vtable tr+tr{border-top:1px solid var(--border)}.vtable td{padding:var(--space-3) var(--space-4);vertical-align:middle}.vtable__en{display:flex;align-items:center;gap:var(--space-2);font-weight:700;white-space:nowrap}.vtable__es{color:var(--ink-soft)}.vtable__pron{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-faint);white-space:nowrap}.examples{display:flex;flex-direction:column;gap:var(--space-2)}.example{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.example__speaker{font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent);white-space:nowrap}.example__text{flex:1;font-size:var(--text-base)}.notebox{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--warn-soft);border:1px solid rgba(255,193,7,.24);border-radius:var(--radius-lg)}.notebox__icon{color:var(--warn);flex-shrink:0}.notebox p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--ink-soft)}.notebox p+p{margin-top:var(--space-3)}.study__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-5);margin-top:var(--space-10);padding:var(--space-6);background:linear-gradient(120deg,var(--accent-soft),transparent);border:1px solid var(--border-glow);border-radius:var(--radius-xl)}.study__cta h3{font-size:var(--text-xl);font-weight:800}.study__cta p{margin-top:var(--space-2);max-width:46ch;font-size:var(--text-sm);color:var(--ink-muted)}.activity{display:grid;place-items:center;min-height:60dvh}.activity__card{width:100%;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}@media(min-width:640px){.activity__card{padding:var(--space-8)}}.activity__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.activity__kind{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent)}.activity__attempts{padding:4px var(--space-3);font-size:var(--text-xs);font-weight:700;color:var(--ink-muted);background:var(--surface-active);border-radius:var(--radius-full)}.activity__attempts.is-low{color:var(--danger);background:var(--danger-soft)}.activity__prompt{font-family:var(--font-display);font-size:clamp(1.4rem,3.4vw,2rem);font-weight:700;line-height:1.25;text-align:center}.activity__image{margin-bottom:var(--space-5);overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:16 / 9}.activity__image img{width:100%;height:100%;object-fit:cover}.activity__audio{display:grid;place-items:center;gap:var(--space-4);padding:var(--space-4) 0}.activity__question{max-width:42ch;font-size:var(--text-lg);font-weight:600;text-align:center}.activity__target{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);background:var(--surface-active);border-radius:var(--radius-md)}.activity__target p{font-size:var(--text-lg);font-weight:700;text-align:center}.input--answer{min-height:60px;margin-top:var(--space-6);font-size:var(--text-lg);text-align:center}.activity__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6)}.wordbank{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}.wordbank__answer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:68px;padding:var(--space-3);background:var(--surface-active);border:2px dashed var(--border);border-radius:var(--radius-md);transition:border-color var(--fast) var(--ease-out)}.wordbank__answer.is-correct{border-style:solid;border-color:var(--ok)}.wordbank__answer.is-wrong{border-style:solid;border-color:var(--danger)}.wordbank__placeholder{font-size:var(--text-sm);color:var(--ink-faint)}.wordbank__pool{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.wordtile{padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:600;color:var(--ink);background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:transform var(--fast) var(--ease-out),background var(--fast) var(--ease-out),border-color var(--fast) var(--ease-out)}.wordtile:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent);transform:translateY(-2px)}.wordtile:active:not(:disabled){transform:translateY(0) scale(.97)}.wordtile--picked{color:var(--accent-ink);background:var(--accent);border-color:transparent}.choices{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-6)}.choice{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);text-align:left;background:var(--surface-solid);border:1.5px solid var(--border);border-radius:var(--radius-md);transition:transform var(--fast) var(--ease-out),border-color var(--fast) var(--ease-out),background var(--fast) var(--ease-out)}.choice:hover:not(:disabled){border-color:var(--border-strong);transform:translate(3px)}.choice.is-selected{border-color:var(--accent);background:var(--accent-soft)}.choice.is-correct{border-color:var(--ok);background:var(--ok-soft)}.choice.is-wrong{border-color:var(--danger);background:var(--danger-soft)}.choice__marker{display:grid;place-items:center;width:30px;height:30px;font-size:var(--text-sm);font-weight:800;color:var(--ink-muted);background:var(--surface-active);border-radius:var(--radius-xs);flex-shrink:0}.choice.is-selected .choice__marker{color:var(--accent-ink);background:var(--accent)}.choice__text{flex:1;font-size:var(--text-md);font-weight:600}.choice__check{color:var(--accent)}.micinput{display:grid;place-items:center;gap:var(--space-3);margin-top:var(--space-6)}.micbtn{position:relative;display:grid;place-items:center;width:88px;height:88px;color:var(--accent-ink);background:linear-gradient(135deg,var(--brand-green-bright),var(--brand-green));border-radius:50%;box-shadow:0 8px 28px #58cc0252;transition:transform var(--fast) var(--ease-out),box-shadow var(--fast) var(--ease-out)}.micbtn:hover:not(:disabled){transform:scale(1.04)}.micbtn:active:not(:disabled){transform:scale(.97)}.micbtn:disabled{opacity:.5}.micbtn.is-listening{background:linear-gradient(135deg,#ef6274,var(--brand-red));box-shadow:0 8px 28px #e04f5f5c}.micbtn__pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px solid var(--brand-red);border-radius:50%;animation:pulse-ring 1.6s var(--ease-out) infinite}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.micinput__hint{font-size:var(--text-sm);color:var(--ink-muted)}.micinput__result{max-width:100%;padding:var(--space-3) var(--space-5);font-size:var(--text-lg);font-weight:600;text-align:center;background:var(--surface-active);border:1.5px solid var(--border);border-radius:var(--radius-md)}.micinput__result.is-correct{border-color:var(--ok);background:var(--ok-soft)}.micinput__result.is-wrong{border-color:var(--danger);background:var(--danger-soft)}.micinput__fallback{display:grid;gap:var(--space-2);width:100%;font-size:var(--text-sm);color:var(--ink-muted)}.feedback{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-md)}.feedback--ok{background:var(--ok-soft);border:1px solid rgba(45,200,77,.28)}.feedback--warn{background:var(--warn-soft);border:1px solid rgba(255,193,7,.28)}.feedback--bad{background:var(--danger-soft);border:1px solid rgba(224,79,95,.28)}.feedback__art{width:52px;height:52px;object-fit:contain;flex-shrink:0}.feedback__icon{color:var(--warn);flex-shrink:0}.feedback strong{display:block;font-size:var(--text-base)}.feedback span{display:block;margin-top:2px;font-size:var(--text-sm);color:var(--ink-muted)}.feedback__said{font-size:var(--text-sm);color:var(--ink-muted)}.feedback__said .is-ok{color:var(--ok);font-weight:600}.feedback__said .is-bad{color:var(--danger);font-weight:600;text-decoration:line-through;text-decoration-thickness:1px}.feedback__answer{margin-top:var(--space-2);font-size:var(--text-base)}.feedback__answer strong{display:inline;color:var(--ok)}.summary{position:relative;display:grid;place-items:center;gap:var(--space-4);padding:var(--space-10) var(--space-6);overflow:hidden;text-align:center;background:var(--surface);border:1px solid var(--border-glow);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.summary__glow{position:absolute;top:-30%;left:50%;width:420px;aspect-ratio:1;background:radial-gradient(circle,rgba(123,232,63,.2),transparent 68%);filter:blur(24px);transform:translate(-50%);pointer-events:none}.summary__art{position:relative;width:132px;height:132px;object-fit:contain;animation:bounce-in var(--slow) var(--ease-spring) both}.summary__title{position:relative;font-family:var(--font-display);font-size:clamp(1.8rem,5vw,2.6rem);font-weight:900;background:linear-gradient(120deg,var(--brand-gold-bright),var(--brand-green-bright));-webkit-background-clip:text;background-clip:text;color:transparent}.summary__text{position:relative;max-width:46ch;color:var(--ink-muted)}.summary__stats{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-6);margin-top:var(--space-4)}.summary__ring,.summary__stat{display:grid;place-items:center;gap:6px;min-width:104px}.summary__ring span,.summary__stat span{font-size:var(--text-xs);color:var(--ink-muted)}.summary__stat strong{font-size:var(--text-2xl);font-weight:800}.summary__stat img{width:40px;height:40px;object-fit:contain}.summary__stat--reward strong{color:var(--brand-gold-bright)}.summary__actions{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.summary__next{position:relative;font-size:var(--text-sm);color:var(--ink-faint)}.topiccard{position:relative;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);overflow:hidden;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:transform var(--normal) var(--ease-out),border-color var(--normal) var(--ease-out),box-shadow var(--normal) var(--ease-out),background var(--normal) var(--ease-out)}.topiccard:hover{background:var(--surface-hover);border-color:color-mix(in srgb,var(--glow) 44%,transparent);transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 30px color-mix(in srgb,var(--glow) 18%,transparent)}.topiccard__art{display:grid;place-items:center;width:66px;height:66px;overflow:hidden;background:color-mix(in srgb,var(--glow) 14%,transparent);border:1px solid color-mix(in srgb,var(--glow) 30%,transparent);border-radius:var(--radius-md);flex-shrink:0}.topiccard__art img{width:100%;height:100%;object-fit:cover}.topiccard__emoji{font-size:30px;line-height:1}.topiccard__body{flex:1;min-width:0}.topiccard__title{display:block;font-size:var(--text-md);font-weight:700}.topiccard__meta{display:block;margin-top:2px;font-size:var(--text-sm);color:var(--ink-muted)}.topiccard__done{color:var(--ok);flex-shrink:0}.flipgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));gap:var(--space-3)}@media(min-width:768px){.flipgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--space-4)}}.flipcard{aspect-ratio:3 / 4;perspective:1200px;cursor:pointer}.flipcard__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .52s var(--ease-spring)}.flipcard.is-flipped .flipcard__inner{transform:rotateY(180deg)}.flipcard__face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);overflow:hidden;text-align:center;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg);backface-visibility:hidden;-webkit-backface-visibility:hidden}.flipcard:hover .flipcard__face{border-color:color-mix(in srgb,var(--glow) 46%,transparent)}.flipcard__front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,color-mix(in srgb,var(--glow) 26%,transparent));pointer-events:none}.flipcard__image{width:100%;height:62%;object-fit:cover;border-radius:var(--radius-sm)}.flipcard__emoji{font-size:46px;line-height:1}.flipcard__word{position:relative;z-index:1;font-size:var(--text-base);font-weight:700;line-height:1.2}.flipcard__keyword{position:relative;z-index:1;font-size:var(--text-2xs);color:var(--ink-faint)}.flipcard__back{background:linear-gradient(150deg,color-mix(in srgb,var(--glow) 22%,var(--surface-solid)),var(--surface-solid));border-color:color-mix(in srgb,var(--glow) 40%,transparent);transform:rotateY(180deg)}.flipcard__translation{font-size:var(--text-lg);font-weight:700;line-height:1.25}.flipcard__actions{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.flipcard__fav{display:grid;place-items:center;width:28px;height:28px;color:var(--ink-faint);border-radius:50%}.flipcard__fav.is-on{color:var(--brand-gold-bright)}.vocabcta{display:grid;place-items:center;margin:var(--space-8) 0 var(--space-10);max-width:420px;margin-inline:auto}.vocabcta__hint{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-muted)}.challenge{max-width:680px;margin:var(--space-5) auto var(--space-10)}.challenge__head{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.challenge__progress{flex:1;display:flex;align-items:center;gap:var(--space-3)}.challenge__progress .bar{flex:1}.challenge__progress span{font-size:var(--text-xs);font-weight:700;color:var(--ink-muted);white-space:nowrap}.challenge__score{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-sm);font-weight:800;color:var(--ok)}.challenge__card{padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.challenge__label{display:block;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;text-align:center;color:var(--glow, var(--accent))}.challenge__subject{display:grid;place-items:center;gap:var(--space-4);margin:var(--space-4) 0 var(--space-6)}.challenge__image{width:100%;max-width:460px;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}@media(min-width:720px){.challenge__image{aspect-ratio:3 / 2}}.challenge__emoji{display:grid;place-items:center;width:100%;max-width:460px;aspect-ratio:4 / 3;font-size:clamp(80px,22vw,140px);line-height:1;background:color-mix(in srgb,var(--glow) 10%,transparent);border:1px solid color-mix(in srgb,var(--glow) 24%,transparent);border-radius:var(--radius-xl)}.challenge__word{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;text-align:center}.dragdrop{max-width:900px;margin:var(--space-4) auto var(--space-10)}.dragdrop__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.dragdrop__progress{flex:1;display:flex;align-items:center;gap:var(--space-3)}.dragdrop__progress .bar{flex:1}.dragdrop__progress span{font-size:var(--text-xs);font-weight:700;color:var(--ink-muted);white-space:nowrap}.dragdrop__targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}@media(min-width:760px){.dragdrop__targets{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}}.dropzone{position:relative;display:grid;place-items:center;padding:var(--space-2);overflow:hidden;cursor:pointer;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--fast) var(--ease-out),border-color var(--fast) var(--ease-out),box-shadow var(--fast) var(--ease-out)}.dropzone img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md)}.dropzone__emoji{display:grid;place-items:center;width:100%;aspect-ratio:1;font-size:54px}.dropzone.is-open{border-color:color-mix(in srgb,var(--glow) 55%,transparent);border-style:dashed;box-shadow:0 0 0 4px color-mix(in srgb,var(--glow) 12%,transparent)}.dropzone.is-open:hover{transform:translateY(-3px)}.dropzone.is-matched{cursor:default;border-color:var(--ok)}.dropzone.is-flash{animation:pop-in var(--normal) var(--ease-spring)}.dropzone.is-wrong{border-color:var(--danger);animation:shake .44s var(--ease-in-out)}.dropzone__slot{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:34px;margin-top:var(--space-2);padding:4px var(--space-2);font-size:var(--text-sm);font-weight:700;line-height:1.15;text-align:center;border-radius:var(--radius-sm);overflow-wrap:anywhere}.dropzone.is-matched .dropzone__slot{color:var(--ok);background:var(--ok-soft)}.dropzone__hint{font-size:var(--text-xs);font-weight:500;color:var(--ink-faint)}.dragdrop__labels{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);min-height:60px;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.draglabel{padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:700;cursor:grab;color:var(--ink);background:var(--surface-solid);border:1.5px solid var(--border-strong);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--fast) var(--ease-out),background var(--fast) var(--ease-out),border-color var(--fast) var(--ease-out)}.draglabel:hover{border-color:var(--glow, var(--accent));transform:translateY(-2px)}.draglabel:active{cursor:grabbing}.draglabel.is-selected{color:var(--accent-ink);background:var(--accent);border-color:transparent;transform:scale(1.04)}.dragdrop__cleared{display:flex;align-items:center;gap:var(--space-2);font-weight:700;color:var(--ok)}.missedlist{position:relative;width:100%;max-width:420px;margin-top:var(--space-4);text-align:left}.missedlist h3{margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-muted)}.missedlist ul{display:grid;gap:var(--space-2);max-height:200px;overflow-y:auto}.missedlist li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-sm)}.missedlist li strong{min-width:90px}.missedlist li span{flex:1;font-size:var(--text-sm);color:var(--ink-muted)}.gameshero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-5);margin-top:var(--space-6);padding:var(--space-6);background:linear-gradient(120deg,var(--glass-hi),var(--surface));border:1px solid var(--border-strong);border-radius:var(--radius-xl);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.gameshero__title{margin-top:var(--space-2);font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.gameshero__sub{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--ink-muted)}.gameshero__stats{display:flex;gap:var(--space-6)}.gameshero__stats div{display:grid;gap:2px;text-align:center}.gameshero__stats strong{font-size:var(--text-2xl);font-weight:800;color:var(--accent)}.gameshero__stats span{font-size:var(--text-xs);color:var(--ink-muted)}.gamecard{position:relative;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:transform var(--normal) var(--ease-out),border-color var(--normal) var(--ease-out),background var(--normal) var(--ease-out),box-shadow var(--normal) var(--ease-out)}.gamecard:hover{background:var(--surface-hover);border-color:color-mix(in srgb,var(--glow) 44%,transparent);transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 30px color-mix(in srgb,var(--glow) 16%,transparent)}.gamecard__art{display:grid;place-items:center;width:62px;height:62px;overflow:hidden;color:var(--glow);background:color-mix(in srgb,var(--glow) 14%,transparent);border:1px solid color-mix(in srgb,var(--glow) 28%,transparent);border-radius:var(--radius-md);flex-shrink:0}.gamecard__art img{width:100%;height:100%;object-fit:cover}.gamecard__body{flex:1;min-width:0}.gamecard__title{display:block;font-size:var(--text-base);font-weight:700}.gamecard__sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;font-size:var(--text-sm);color:var(--ink-muted)}.gamecard__foot{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.gamecard__best{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:800;color:var(--brand-gold-bright)}.gamecard__play{color:var(--glow);flex-shrink:0;transition:transform var(--fast) var(--ease-out)}.gamecard:hover .gamecard__play{transform:scale(1.12)}.game{position:relative;min-height:100dvh}.game__bar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-h);padding:0 var(--space-4);background:var(--glass);border-bottom:1px solid var(--border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}@media(min-width:768px){.game__bar{padding:0 var(--space-8)}}.game__info{flex:1;min-width:0}.game__title{font-size:var(--text-base);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game__subtitle{font-size:var(--text-xs);color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game__stats{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.game__lives{display:inline-flex;gap:2px}.game__lives .is-alive{color:var(--brand-red)}.game__lives .is-lost{color:var(--ink-faint);opacity:.4}.game__timer,.game__score{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 var(--space-3);font-size:var(--text-sm);font-weight:800;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);font-variant-numeric:tabular-nums}.game__timer.is-urgent{color:var(--danger);background:var(--danger-soft);border-color:transparent;animation:breathe .9s var(--ease-in-out) infinite}.game__score{color:var(--brand-gold-bright)}.game__progress{position:sticky;top:var(--topbar-h);z-index:var(--z-sticky);height:3px;background:var(--surface-active)}.game__progressfill{height:100%;background:var(--accent-game, var(--accent));transition:width var(--normal) var(--ease-out)}.game__body{max-width:820px;margin:0 auto;padding:var(--space-6) var(--space-4) calc(var(--space-16) + var(--safe-bottom))}.game__hint{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-5);font-size:var(--text-sm);text-align:center;color:var(--ink-muted)}.game__label{display:block;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;text-align:center;color:var(--accent-game, var(--accent))}.quiz__prompt{display:grid;place-items:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-6)}.quiz__prompt h2{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;text-align:center}.quiz__image{width:min(200px,55vw);aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.quiz__spanish,.quiz__sentence{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-lg);font-weight:600;text-align:center}.quiz__hint{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:var(--space-5);font-size:var(--text-sm);text-align:center;color:var(--ink-muted)}.choice__thumb{width:38px;height:38px;object-fit:cover;border-radius:var(--radius-xs);flex-shrink:0}.memory__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}@media(min-width:640px){.memory__grid{gap:var(--space-3)}}.memcard{aspect-ratio:3 / 4;perspective:900px;background:none}.memcard__inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .44s var(--ease-spring)}.memcard.is-open .memcard__inner{transform:rotateY(180deg)}.memcard__back,.memcard__front{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-2);overflow:hidden;font-size:var(--text-sm);font-weight:700;line-height:1.2;text-align:center;border-radius:var(--radius-md);backface-visibility:hidden;-webkit-backface-visibility:hidden}.memcard__back{background:var(--surface-solid);border:1px solid var(--border-strong)}.memcard__back img{width:100%;height:100%;object-fit:cover;opacity:.85}.memcard__front{background:var(--surface-solid-hi);border:1.5px solid var(--accent);transform:rotateY(180deg);overflow-wrap:anywhere}.memcard--es .memcard__front{border-color:var(--brand-pink)}.memcard.is-matched .memcard__front{border-color:var(--ok);background:var(--ok-soft)}.memcard.is-wrong .memcard__front{border-color:var(--danger);background:var(--danger-soft);animation:shake .42s var(--ease-in-out)}.balloons__prompt{display:grid;place-items:center;gap:var(--space-2);margin-bottom:var(--space-8)}.balloons__prompt h2{font-family:var(--font-display);font-size:clamp(1.6rem,4.5vw,2.4rem);font-weight:700;text-align:center}.balloons__field{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-4);place-items:center}@media(min-width:720px){.balloons__field{grid-template-columns:repeat(4,minmax(0,1fr))}}.balloon{position:relative;display:grid;place-items:center;width:100%;padding-bottom:22px;background:none;animation:float-y 3.4s var(--ease-in-out) infinite;animation-delay:var(--delay, 0ms);transition:transform var(--fast) var(--ease-out),opacity var(--fast) var(--ease-out)}.balloon:hover:not(:disabled){transform:translateY(-6px) scale(1.03)}.balloon__body{display:grid;place-items:center;width:100%;min-height:104px;padding:var(--space-3);font-size:var(--text-sm);font-weight:700;line-height:1.2;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35);background:radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--balloon-color) 55%,white),var(--balloon-color) 72%);border-radius:48% 48% 46% 46%/42% 42% 58% 58%;box-shadow:inset -6px -10px 18px #0000002e,var(--shadow-md);overflow-wrap:anywhere}.balloon__string{position:absolute;bottom:0;left:50%;width:2px;height:22px;background:linear-gradient(var(--balloon-color),transparent);transform:translate(-50%)}.balloon.is-popped{animation:pop-away .48s var(--ease-out) forwards;pointer-events:none}@keyframes pop-away{0%{transform:scale(1);opacity:1}40%{transform:scale(1.28);opacity:.8}to{transform:scale(.2);opacity:0}}.scene{display:grid;gap:var(--space-4)}.scene__image{width:100%;max-width:520px;margin:0 auto;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.scene__image img{width:100%;height:100%;object-fit:cover}.scene__answer{display:flex;align-items:center;justify-content:center;gap:var(--space-3);max-width:520px;margin:0 auto;padding:var(--space-3) var(--space-5);background:var(--accent-soft);border:1px solid var(--border-glow);border-radius:var(--radius-md)}.scene__answer p{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;text-align:center}.connectgame{display:grid;gap:var(--space-5);max-width:560px;padding-bottom:var(--space-10)}.connectgame__targets{display:grid;gap:var(--space-2);justify-content:center;margin-top:var(--space-5)}.wordslot{display:flex;align-items:center;gap:5px}.wordslot__cell{display:grid;place-items:center;width:38px;height:44px;font-size:var(--text-lg);font-weight:800;color:var(--ink-faint);background:var(--surface-active);border-radius:var(--radius-xs)}.wordslot.is-found .wordslot__cell{color:var(--accent-ink);background:var(--ok);animation:pop-in var(--normal) var(--ease-spring) both}.connectgame__current{display:grid;place-items:center;min-height:62px;padding:var(--space-3);font-size:var(--text-2xl);font-weight:800;letter-spacing:.1em;background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-md);transition:border-color var(--fast) var(--ease-out),background var(--fast) var(--ease-out)}.connectgame__current.is-ok{border-style:solid;border-color:var(--ok);background:var(--ok-soft)}.connectgame__current.is-bad{border-style:solid;border-color:var(--danger);background:var(--danger-soft);animation:shake .42s var(--ease-in-out)}.connectgame__current.is-repeat{border-color:var(--warn);background:var(--warn-soft)}.connectgame__letters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.letterkey{display:grid;place-items:center;width:58px;height:58px;font-size:var(--text-xl);font-weight:800;color:var(--accent-ink);background:linear-gradient(140deg,var(--brand-green-bright),var(--brand-green));border-radius:var(--radius-md);box-shadow:0 4px 14px #58cc0247;transition:transform var(--fast) var(--ease-out)}.letterkey:hover{transform:translateY(-3px)}.letterkey:active{transform:translateY(0) scale(.95)}.connectgame__actions{display:flex;justify-content:center;gap:var(--space-3)}.connectgame__levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:var(--space-2)}.hearing{display:grid;place-items:center;gap:var(--space-5)}.hearing__play{display:grid;place-items:center;gap:var(--space-2);width:148px;height:148px;margin:0 auto var(--space-4);font-size:var(--text-sm);font-weight:700;color:var(--accent-ink);background:linear-gradient(140deg,var(--brand-green-bright),var(--brand-green));border-radius:50%;box-shadow:0 12px 34px #58cc024d;transition:transform var(--fast) var(--ease-out)}.hearing__play:hover{transform:scale(1.04)}.hearing__play:active{transform:scale(.97)}.hearing__context{display:flex;align-items:center;gap:var(--space-2);max-width:46ch;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-style:italic;text-align:center;color:var(--ink-soft);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.connect__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-4)}.connect__column{display:grid;gap:var(--space-2);align-content:start}.connectchip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:56px;padding:var(--space-3);font-size:var(--text-sm);font-weight:600;text-align:left;background:var(--surface-solid);border:1.5px solid var(--border);border-radius:var(--radius-md);transition:transform var(--fast) var(--ease-out),border-color var(--fast) var(--ease-out),background var(--fast) var(--ease-out);overflow-wrap:anywhere}.connectchip:hover:not(:disabled){border-color:var(--border-strong);transform:translateY(-2px)}.connectchip.is-selected{color:var(--accent-ink);background:var(--accent);border-color:transparent}.connectchip.is-linked{color:var(--ok);background:var(--ok-soft);border-color:#2dc84d66;opacity:.75}.connectchip.is-wrong{border-color:var(--danger);background:var(--danger-soft);animation:shake .42s var(--ease-in-out)}.wordsearch{padding-top:var(--space-5)}.wordsearch__layout{display:grid;gap:var(--space-5);align-items:start}@media(min-width:900px){.wordsearch__layout{grid-template-columns:minmax(0,1fr) 280px}}.wordsearch__grid{display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));gap:3px;max-width:560px;margin:0 auto;padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);touch-action:none;-webkit-user-select:none;user-select:none}.wscell{display:grid;place-items:center;aspect-ratio:1;font-size:clamp(.6rem,2.2vw,.95rem);font-weight:700;color:var(--ink-soft);background:var(--surface-active);border-radius:var(--radius-xs);transition:background var(--fast) var(--ease-out),color var(--fast) var(--ease-out)}.wscell:hover{background:var(--surface-hover)}.wscell.is-selected{color:var(--accent-ink);background:var(--accent)}.wscell.is-found{color:#fff;background:var(--ok)}.wordsearch__panel{display:grid;gap:var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.wordsearch__heading{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-muted)}.wordsearch__words{display:grid;gap:var(--space-2)}.wordsearch__words li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-xs);transition:opacity var(--fast) var(--ease-out)}.wordsearch__words li.is-found{background:var(--ok-soft)}.wordsearch__words li.is-found .wordsearch__en{color:var(--ok);text-decoration:line-through}.wordsearch__en{font-size:var(--text-sm);font-weight:700}.wordsearch__es{font-size:var(--text-xs);color:var(--ink-muted)}.wordsearch__done{display:grid;place-items:center;gap:var(--space-3);padding:var(--space-4);text-align:center;background:var(--ok-soft);border-radius:var(--radius-md)}.wordsearch__levelgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:var(--space-2);margin-top:var(--space-2)}.wslevel{display:grid;place-items:center;aspect-ratio:1;font-size:var(--text-xs);font-weight:700;color:var(--ink-muted);background:var(--surface-active);border-radius:var(--radius-xs)}.wslevel:hover{color:var(--ink);background:var(--surface-hover)}.wslevel.is-active{color:var(--accent-ink);background:var(--accent)}.wslevel.is-done{color:var(--ok)}.levelpick{padding:var(--space-6) 0}.levelpick__head{margin-bottom:var(--space-6);text-align:center}.levelpick__head h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700}.levelpick__head p{margin-top:var(--space-2);color:var(--ink-muted)}.levelcard{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform var(--fast) var(--ease-out),border-color var(--fast) var(--ease-out)}.levelcard:hover:not(:disabled){border-color:var(--border-glow);transform:translateY(-2px)}.levelcard.is-locked{opacity:.45;cursor:not-allowed}.levelcard__num{display:grid;place-items:center;width:38px;height:38px;font-size:var(--text-sm);font-weight:800;color:var(--accent);background:var(--accent-soft);border-radius:50%;flex-shrink:0}.levelcard__body{flex:1;min-width:0}.levelcard__title{display:block;font-size:var(--text-sm);font-weight:700;line-height:1.3}.levelcard__meta{display:block;font-size:var(--text-xs);color:var(--ink-muted)}.phonecall{display:grid;gap:var(--space-5)}.phonecall__device{padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.phonecall__contact{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.phonecall__contact img{width:46px;height:46px;object-fit:cover;border-radius:50%;border:2px solid var(--border-glow)}.phonecall__contact div{flex:1;display:grid}.phonecall__contact strong{font-size:var(--text-base)}.phonecall__contact span{font-size:var(--text-xs);color:var(--ink-muted)}.phonecall__log{display:grid;gap:var(--space-3);padding-top:var(--space-4)}.phonecall__pair{display:grid;gap:4px;padding:var(--space-2) 0;opacity:.55;font-size:var(--text-sm)}.phonecall__you{padding-left:var(--space-4);font-style:italic}.phonecall__you.is-ok{color:var(--ok)}.phonecall__you.is-bad{color:var(--danger)}.phonecall__current{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--surface-active);border-radius:var(--radius-md)}.phonecall__current p{flex:1}.phonecall__prompt{display:grid;gap:var(--space-2);padding:var(--space-4);text-align:center;background:var(--accent-soft);border:1px solid var(--border-glow);border-radius:var(--radius-md)}.phonecall__prompt p{font-size:var(--text-lg);font-weight:700}.speakgame__target{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-2)}.speakgame__target p{font-family:var(--font-display);font-size:clamp(1.3rem,3.6vw,1.9rem);font-weight:700;text-align:center}.speakgame__translation{font-size:var(--text-sm);text-align:center;color:var(--ink-muted)}.pron__translation{font-size:var(--text-base);color:var(--ink-muted)}.library__controls{display:grid;gap:var(--space-3);margin:var(--space-6) 0 var(--space-4)}.library__search{max-width:520px}.library__chips{display:flex;gap:var(--space-2);padding-bottom:var(--space-2);overflow-x:auto;scrollbar-width:none}.library__chips::-webkit-scrollbar{display:none}.chip{padding:7px var(--space-4);font-size:var(--text-sm);font-weight:600;white-space:nowrap;color:var(--ink-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);transition:color var(--fast) var(--ease-out),background var(--fast) var(--ease-out),border-color var(--fast) var(--ease-out);flex-shrink:0}.chip:hover{color:var(--ink);border-color:var(--border-strong)}.chip.is-active{color:var(--accent-ink);background:var(--accent);border-color:transparent}.library__count{margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--ink-muted)}.entrylist{display:grid;gap:var(--space-2);padding-bottom:var(--space-10)}@media(min-width:1100px){.entrylist{grid-template-columns:repeat(2,minmax(0,1fr))}}.entry{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:background var(--fast) var(--ease-out),border-color var(--fast) var(--ease-out)}.entry:hover{background:var(--surface-hover);border-color:var(--border-strong)}.entry__art{display:grid;place-items:center;width:46px;height:46px;overflow:hidden;font-size:22px;background:var(--surface-active);border-radius:var(--radius-sm);flex-shrink:0}.entry__art img{width:100%;height:100%;object-fit:cover}.entry__body{flex:1;min-width:0}.entry__english{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:700;overflow-wrap:anywhere}.entry__spanish{font-size:var(--text-sm);color:var(--ink-soft);overflow-wrap:anywhere}.entry__note{display:flex;align-items:flex-start;gap:5px;margin-top:var(--space-2);font-size:var(--text-xs);font-style:italic;color:var(--ink-muted)}.entry__answer{margin-top:var(--space-2);font-size:var(--text-sm)}.entry__answer summary{cursor:pointer;font-size:var(--text-xs);font-weight:700;color:var(--accent)}.entry__answer p{margin-top:var(--space-2);font-weight:600}.entry__answer-es{font-weight:400;color:var(--ink-muted)}.entry__end{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.entry__fav{display:grid;place-items:center;width:32px;height:32px;color:var(--ink-faint);border-radius:50%}.entry__fav:hover{background:var(--surface-active)}.entry__fav.is-on{color:var(--brand-gold-bright)}@media(max-width:640px){.entry__end .tag{display:none}}.verbgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:var(--space-3);padding-bottom:var(--space-10)}.verbcard{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform var(--fast) var(--ease-out),border-color var(--fast) var(--ease-out),background var(--fast) var(--ease-out)}.verbcard:hover{background:var(--surface-hover);border-color:var(--border-glow);transform:translateY(-2px)}.verbcard__name{flex:1;font-size:var(--text-base);font-weight:700}.verbcard__meta{font-size:var(--text-2xs);color:var(--ink-muted);white-space:nowrap}.verbcard__go{color:var(--ink-faint)}.verbsection{margin-top:var(--space-6)}.verbsection__title{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-lg);font-weight:800;color:var(--accent)}.verbtable{display:grid;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.verbrow{display:grid;grid-template-columns:1fr;gap:2px;padding:var(--space-3) var(--space-4)}@media(min-width:640px){.verbrow{grid-template-columns:1.1fr 1fr 1.1fr;gap:var(--space-3);align-items:center}}.verbrow+.verbrow{border-top:1px solid var(--border)}.verbrow__en{display:flex;align-items:center;gap:var(--space-2);font-weight:700}.verbrow__pron{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-faint)}.verbrow__es{font-size:var(--text-sm);color:var(--ink-soft)}.verbexample{display:flex;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-4);background:var(--accent-soft);border:1px solid var(--border-glow);border-radius:var(--radius-md)}.verbexample>.mi{color:var(--accent);flex-shrink:0}.verbexample__en{display:flex;align-items:center;gap:var(--space-2);font-weight:700}.verbexample__es{margin-top:2px;font-size:var(--text-sm);color:var(--ink-soft)}.verbexample__pron{margin-top:2px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-faint)}.missionhero{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);margin-top:var(--space-6);padding:var(--space-6);background:linear-gradient(120deg,rgba(255,201,74,.12),var(--surface));border:1px solid rgba(255,201,74,.26);border-radius:var(--radius-xl);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.missionhero img{width:76px;height:76px;object-fit:contain;flex-shrink:0}.missionhero>div{flex:1;min-width:220px}.missionhero h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.missionhero p{margin:var(--space-2) 0 var(--space-3);font-size:var(--text-sm);color:var(--ink-muted)}.missionlist{display:grid;gap:var(--space-2);padding-bottom:var(--space-10)}.mission{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--fast) var(--ease-out)}.mission.is-done{border-color:#ffc94a66}.mission.is-claimed{opacity:.62}.mission__mark{display:grid;place-items:center;width:40px;height:40px;color:var(--ink-muted);background:var(--surface-active);border-radius:50%;flex-shrink:0}.mission.is-done .mission__mark{color:var(--brand-gold-bright);background:#ffc94a24}.mission.is-claimed .mission__mark{color:var(--ok);background:var(--ok-soft)}.mission__body{flex:1;min-width:0}.mission__title{font-size:var(--text-base);font-weight:700}.mission__desc{margin-top:2px;font-size:var(--text-sm);color:var(--ink-muted)}.mission__progress{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);max-width:320px}.mission__progress .bar{flex:1}.mission__count{font-size:var(--text-xs);font-weight:700;color:var(--ink-muted);white-space:nowrap}.mission__end{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);flex-shrink:0}.mission__reward{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:800;color:var(--brand-gold-bright)}.mission__reward img{width:20px;height:20px;object-fit:contain}.achievehero{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);margin-top:var(--space-6);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.achievehero__count{display:grid;place-items:center;padding:var(--space-3) var(--space-5);background:#ffc94a1a;border:1px solid rgba(255,201,74,.26);border-radius:var(--radius-lg)}.achievehero__count strong{font-size:var(--text-3xl);font-weight:800;color:var(--brand-gold-bright);line-height:1}.achievehero__count span{font-size:var(--text-xs);color:var(--ink-muted)}.achievehero h2{margin-bottom:var(--space-3);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.achievement{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);opacity:.55;filter:grayscale(1);transition:opacity var(--normal) var(--ease-out),filter var(--normal) var(--ease-out)}.achievement.is-won{opacity:1;filter:none;border-color:#ffc94a52}.achievement__icon{display:grid;place-items:center;width:48px;height:48px;font-size:26px;background:var(--surface-active);border-radius:var(--radius-md);flex-shrink:0}.achievement__body{flex:1;min-width:0}.achievement__title{font-size:var(--text-base);font-weight:700}.achievement__desc{margin-top:2px;font-size:var(--text-sm);color:var(--ink-muted)}.achievement__check{color:var(--brand-gold-bright);flex-shrink:0}.reader{max-width:var(--reading-max);padding-bottom:var(--space-10)}.reader__page,.tutorialstep{margin:var(--space-5) 0;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.reader__image{margin-bottom:var(--space-5);overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:16 / 10}.reader__image img{width:100%;height:100%;object-fit:cover}.reader__english{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-relaxed)}.reader__spanish{margin-top:var(--space-4);padding-top:var(--space-4);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--ink-muted);border-top:1px solid var(--border)}.reader__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6)}.tutorialstep{text-align:center}.tutorialstep__emoji{font-size:54px;line-height:1}.tutorialstep__title{margin:var(--space-3) 0 var(--space-4);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700}.tutorialstep__text{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--ink-soft)}.roleplay{max-width:680px;padding-bottom:var(--space-10)}.roleplay__log{display:grid;gap:var(--space-2);margin:var(--space-4) 0}.roleplay__past{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--ink-muted);background:var(--surface);border-radius:var(--radius-sm);opacity:.7}.roleplay__past.is-mine{border-left:3px solid var(--accent)}.roleplay__turn{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.roleplay__turn.is-mine{background:var(--accent-soft);border-color:var(--border-glow)}.roleplay__who{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent)}.roleplay__who img{width:30px;height:30px;object-fit:cover;border-radius:50%}.roleplay__text{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug)}.roleplay__hint{margin-top:var(--space-3);font-size:var(--text-sm);font-style:italic;color:var(--ink-muted)}.reviewcta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-6);background:linear-gradient(120deg,var(--accent-soft),transparent);border:1px solid var(--border-glow);border-radius:var(--radius-xl)}.reviewcta h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.reviewcta p{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--ink-muted)}.notecard{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);text-align:left;color:var(--ink-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--fast) var(--ease-out),border-color var(--fast) var(--ease-out)}.notecard:hover{border-color:var(--border-strong);transform:translateY(-2px)}.notecard--free{margin-top:var(--space-6);color:var(--accent);background:var(--accent-soft);border-color:var(--border-glow)}.notecard.has-note{color:var(--brand-gold-bright)}.notecard>div{flex:1;min-width:0}.notecard strong{display:block;font-size:var(--text-base);color:var(--ink)}.notecard p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:var(--text-sm);color:var(--ink-muted)}.notepad{margin-top:var(--space-6);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.notepad__area{min-height:46dvh;line-height:var(--leading-relaxed);background:transparent;border-color:transparent;resize:vertical}.notepad__foot{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3);font-size:var(--text-xs);color:var(--ink-faint)}.destress{position:relative;min-height:calc(100dvh - var(--topbar-h));overflow:hidden}.destress__sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bubble-float{position:absolute;bottom:-160px;left:var(--left);width:var(--size);height:var(--size);pointer-events:auto;border-radius:50%;background:radial-gradient(circle at 32% 30%,#ffffffbf,color-mix(in srgb,var(--color) 60%,transparent) 55%,color-mix(in srgb,var(--color) 30%,transparent));border:1px solid color-mix(in srgb,var(--color) 45%,transparent);box-shadow:inset -6px -8px 16px #ffffff29,0 4px 18px #00000024;animation:bubble-rise var(--duration) linear var(--delay) infinite;transition:transform var(--fast) var(--ease-out)}.bubble-float:hover{transform:scale(1.08)}@keyframes bubble-rise{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-120dvh) translate(28px);opacity:0}}.destress__center{position:relative;display:grid;place-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);text-align:center;pointer-events:none}.destress__pip{width:min(260px,60vw);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:float-y 6s var(--ease-in-out) infinite}.destress__prompt{max-width:40ch;font-size:var(--text-lg);color:var(--ink-soft)}.destress__timer{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:700;color:var(--accent)}.destress__quote{position:fixed;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--space-5));left:50%;z-index:var(--z-overlay);width:min(440px,calc(100vw - 32px));padding:var(--space-4) var(--space-5);text-align:center;background:var(--glass-hi);border:1px solid var(--border-glow);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transform:translate(-50%)}@media(min-width:1024px){.destress__quote{bottom:var(--space-8)}}.destress__quote p{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:700}.destress__quote span{display:block;margin-top:4px;font-size:var(--text-sm);color:var(--ink-muted)}.easycard{display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.easycard__art{aspect-ratio:16 / 10;overflow:hidden}.easycard__art img{width:100%;height:100%;object-fit:cover}.easycard__body{display:grid;gap:var(--space-2);padding:var(--space-4)}.easycard__text{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:700}.easycard__translation{font-size:var(--text-base);color:var(--ink-soft)}.easycard__note{font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--ink-muted)}.profilehero{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);margin-top:var(--space-6);padding:var(--space-6);overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.profilehero__glow{position:absolute;top:-60%;left:-5%;width:320px;aspect-ratio:1;background:radial-gradient(circle,rgba(255,201,74,.16),transparent 68%);filter:blur(22px);pointer-events:none}.profilehero__avatar{position:relative;display:grid;place-items:center;width:104px;height:104px;background:var(--accent-soft);border:2px solid var(--border-glow);border-radius:50%;box-shadow:var(--shadow-glow);flex-shrink:0}.profilehero__avatar img{width:76px;height:76px;object-fit:contain}.profilehero__info{position:relative;flex:1;min-width:240px}.profilehero__name{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700}.profilehero__edit{display:flex;flex-wrap:wrap;gap:var(--space-2)}.profilehero__edit .input{flex:1;min-width:180px;min-height:42px}.profilehero__rank{margin-top:2px;font-size:var(--text-base);font-weight:600;color:var(--accent)}.profilehero__mail{margin-top:2px;font-size:var(--text-sm);color:var(--ink-muted)}.profilehero__warning{display:flex;align-items:center;gap:6px;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--warn)}.profilehero__progress{max-width:380px;margin-top:var(--space-4)}.profilehero__fireflies{position:relative;display:grid;place-items:center;gap:2px;padding:var(--space-4) var(--space-6);background:#ffc94a17;border:1px solid rgba(255,201,74,.24);border-radius:var(--radius-lg)}.profilehero__fireflies img{width:44px;height:44px;object-fit:contain}.profilehero__fireflies strong{font-size:var(--text-2xl);font-weight:800;color:var(--brand-gold-bright)}.profilehero__fireflies span{font-size:var(--text-xs);color:var(--ink-muted)}.ministat{display:grid;place-items:center;gap:4px;padding:var(--space-5) var(--space-3);text-align:center;color:var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.ministat strong{font-size:var(--text-2xl);font-weight:800;color:var(--ink)}.ministat span{font-size:var(--text-xs);color:var(--ink-muted)}.skillbars{display:grid;gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.skillbar__head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.skillbar__label{flex:1;font-size:var(--text-base);font-weight:600}.skillbar__value{font-size:var(--text-sm);font-weight:700;color:var(--ink-muted)}.ranklist{display:grid;gap:var(--space-2)}.rankrow{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);opacity:.55;filter:grayscale(1);transition:opacity var(--normal) var(--ease-out),filter var(--normal) var(--ease-out)}.rankrow.is-reached{opacity:1;filter:none}.rankrow img{width:44px;height:44px;object-fit:contain;flex-shrink:0}.rankrow__body{flex:1;min-width:0}.rankrow__name{display:block;font-size:var(--text-base);font-weight:700}.rankrow__threshold{display:block;font-size:var(--text-xs);color:var(--ink-muted)}.settings{display:grid;gap:var(--space-2);padding-bottom:var(--space-8)}.settingrow{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);text-align:left;color:var(--ink-soft);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.settingrow--action{cursor:pointer;transition:background var(--fast) var(--ease-out)}.settingrow--action:hover{background:var(--surface-hover)}.settingrow__body{flex:1;min-width:0}.settingrow__label{display:block;font-size:var(--text-base);font-weight:600;color:var(--ink)}.settingrow__hint{display:block;font-size:var(--text-xs);color:var(--ink-muted)}.switch{position:relative;width:50px;height:28px;background:var(--surface-active);border:1px solid var(--border);border-radius:var(--radius-full);transition:background var(--fast) var(--ease-out),border-color var(--fast) var(--ease-out);flex-shrink:0}.switch.is-on{background:var(--accent);border-color:transparent}.switch__knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--ink-soft);border-radius:50%;transition:transform var(--normal) var(--ease-spring),background var(--fast) var(--ease-out)}.switch.is-on .switch__knob{background:var(--accent-ink);transform:translate(22px)}