:root{--bg:#0b0e17;--surface:#141a2b;--surface-2:#1b2238;--text:#edeff5;--muted:#8b93a7;--cobalt:#4c6fff;--cobalt-dark:#3a5aef;--coral:#ff6b57;--gold:#f2b84b;--mint:#3fcf8e;--blue:var(--cobalt);--blue-dark:var(--cobalt-dark);--card:var(--surface);--line:#edeff517;--btn-bg:var(--surface-2);--input-bg:var(--surface-2);--danger:var(--coral);--danger-bg:#ff6b5729;--ok:var(--mint);--error-bg:#ff6b5729;--error-text:#ffb4a9;--due-bg:#4c6fff29;--shadow:0 20px 50px #00000073;--page-glow:transparent;--menu-hover:#4c6fff1f;--radius:14px;--menu-width:280px;--header-height:56px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--font-display:"Space Grotesk", Inter, ui-sans-serif, system-ui, sans-serif;--font-body:Inter, ui-sans-serif, system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);color:var(--text);background:var(--bg)}html[data-theme=light]{--bg:#f4f6fb;--surface:#fff;--surface-2:#eef1f8;--text:#0b0e17;--muted:#5c6478;--card:#fff;--line:#0b0e1717;--btn-bg:#e8ecf7;--input-bg:#fff;--danger-bg:#ff6b571f;--error-bg:#ff6b571f;--error-text:#c44536;--due-bg:#4c6fff1f;--shadow:0 12px 40px #0b0e1714;--menu-hover:#4c6fff14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100dvh;color:var(--text);margin:0}html{scroll-behavior:smooth}body{background:var(--bg);-webkit-font-smoothing:antialiased}::selection{background:var(--cobalt);color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.section-heading,.btn.primary,.menu-link,.tab-btn{font-family:var(--font-display)}h1{font-size:2rem;font-weight:700}.muted{color:var(--muted)}.small{font-size:.85rem}.page-loading{min-height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);place-items:center;display:grid}.saving-indicator{top:calc(12px + var(--safe-top));z-index:80;border:1px solid var(--line);background:var(--card);min-height:44px;box-shadow:var(--shadow);color:var(--text);pointer-events:none;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-weight:600;display:inline-flex;position:fixed;left:50%;transform:translate(-50%)}.saving-spinner{border:2px solid var(--line);border-top-color:var(--cobalt);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite saving-spin}@keyframes saving-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.saving-spinner{border-top-color:var(--cobalt);animation:none}}.app-frame{min-height:100dvh;display:flex}.app-menu{width:var(--menu-width);background:var(--surface);border-right:1px solid var(--line);padding:var(--safe-top) 0 var(--safe-bottom) var(--safe-left);flex-direction:column;flex-shrink:0;display:flex;overflow:auto}.app-pane{flex-direction:column;flex:1;min-width:0;min-height:100dvh;display:flex}.page-content{width:min(960px,100% - 32px);padding-bottom:calc(48px + var(--safe-bottom));flex:1;margin:0 auto}.page{gap:12px;display:grid}.page-back{align-items:center;min-height:44px;font-size:.9rem;font-weight:700;display:inline-flex}.auth-card{width:min(960px,100% - 32px);margin:0 auto}.app-header{width:100%;max-width:none;min-height:calc(var(--header-height) + var(--safe-top));padding:var(--safe-top) calc(16px + var(--safe-right)) 8px 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex;position:sticky;top:0}.header-start{align-items:center;gap:10px;min-width:0;display:flex}.header-brand{color:inherit}.header-actions,.create-row,.study-modes,.rating-row,.stat-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;font-size:1.2rem;font-weight:600;display:flex}.brand-word{line-height:1}.brand-mark{flex-shrink:0;width:40px;height:40px;display:block}.group-add-empty{justify-items:start;gap:12px;display:grid}.group-add-empty .btn{text-decoration:none}.auth-shell{min-height:100dvh;padding:calc(24px + var(--safe-top)) calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(24px + var(--safe-left));place-items:center;display:grid;position:relative}.auth-card,.deck-card,.study-card,.card-row,.empty,.card-form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}.deck-card:hover{border-color:var(--cobalt)}.auth-card{gap:14px;padding:32px;display:grid}.auth-divider{color:var(--muted);align-items:center;gap:12px;margin:2px 0;font-size:.85rem;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.google-signin{justify-items:center;gap:8px;display:grid}.google-signin-host{width:min(100%,400px);min-height:44px}.google-signin.is-busy{pointer-events:none;opacity:.6}.stack,.card-form{gap:12px;display:grid}label{gap:6px;font-size:.92rem;font-weight:600;display:grid}.login-drop label{color:var(--muted);font-size:.78rem;font-weight:500}input,textarea,select,.btn,.choice{font:inherit}input,textarea,select{border:1px solid var(--line);background:var(--input-bg);width:100%;color:var(--text);border-radius:10px;min-height:44px;padding:10px 12px;font-size:1rem}textarea{resize:vertical;min-height:88px}.btn{background:var(--btn-bg);color:var(--text);font-family:var(--font-display);cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;min-height:44px;padding:10px 16px;font-weight:600}.btn.primary{background:var(--cobalt);color:#fff}.btn.primary:hover{background:var(--cobalt-dark)}.btn.ghost{background:0 0}.btn.danger{background:var(--danger-bg);color:var(--danger)}.btn:disabled,.choice:disabled{opacity:.6;cursor:default}.error{background:var(--error-bg);color:var(--error-text);border-radius:10px;padding:10px 12px}.ok{color:var(--ok);font-weight:700}.page-title{justify-content:space-between;align-items:flex-start;gap:16px;margin:8px 0 20px;display:flex}.page-title-actions{flex-wrap:wrap;gap:8px;display:flex}.deck-filter{max-width:320px}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:16px;display:grid}.deck-card,.empty,.study-card,.card-row,.card-form{padding:18px}.deck-card{color:inherit;gap:8px;display:grid}.deck-card-main{color:inherit;gap:8px;text-decoration:none;display:grid}.deck-card-actions{flex-wrap:wrap;gap:8px;display:flex}.deck-card h2{font-size:1.15rem}.due-badge{background:var(--due-bg);color:var(--cobalt);border-radius:999px;padding:2px 8px;font-size:.85rem;font-weight:700}.card-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.card-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-row-body{flex:1;min-width:0}.card-hint{margin-top:10px}.reorder-controls{flex-shrink:0;align-items:center;gap:2px;display:flex}.drag-handle{width:44px;height:44px;color:var(--muted);cursor:grab;justify-content:center;align-items:center;display:inline-flex}.drag-handle:active{cursor:grabbing}.btn.icon-btn{width:44px;min-width:44px;height:44px;padding:0;font-size:1.15rem;line-height:1}.settings-subhead{margin:20px 0 4px;font-size:1rem;font-weight:700}#study-options{scroll-margin-top:calc(var(--header-height) + var(--safe-top) + 16px)}.study-card{gap:16px;width:min(640px,100%);margin:0 auto;display:grid}.study-progress{gap:8px;width:min(640px,100%);margin:0 auto 20px;display:grid}.study-progress-meta{font-family:var(--font-mono);color:var(--muted);justify-content:space-between;gap:12px;font-size:.85rem;display:flex}.study-progress-track{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.study-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--cobalt), var(--mint));height:100%;transition:width .35s}.study-results{grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 8px;display:grid}.study-results-3{grid-template-columns:1fr 1fr 1fr}.study-result{background:var(--surface-2);text-align:center;border-radius:12px;gap:4px;padding:16px 12px;display:grid}.study-result strong{font-family:var(--font-display);font-size:1.8rem;line-height:1.1}.study-result span{color:var(--muted);font-size:.9rem;font-weight:600}.done-actions{gap:18px;display:grid}.done-action{gap:6px;display:grid}.done-action .btn{justify-content:center;align-items:center;width:100%;display:flex}.done-action .muted{margin:0}.flip-stage{gap:12px;width:min(640px,100%);margin:0 auto;animation:.35s study-card-enter;display:grid}.flip-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.flip-card{perspective:1400px}.flip-inner{min-height:320px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,1,.36,1);position:relative}.flip-inner.is-flipped{transform:rotateY(180deg)}.flip-face{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #4c6fff14, transparent 42%), var(--card);box-shadow:var(--shadow);backface-visibility:hidden;flex-direction:column;justify-content:center;gap:12px;padding:28px 24px 22px;display:flex;position:absolute;inset:0;overflow:auto}.flip-face-front{appearance:none;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transform:rotateY(0)}.flip-face-front h2,.flip-face-back .answer{font-family:var(--font-display);margin:0;font-size:clamp(1.4rem,3vw,2rem);line-height:1.25}.flip-cue{font-family:var(--font-mono);color:var(--muted);margin-top:auto;font-size:.8rem}.flip-face-back{transform:rotateY(180deg)}.flip-prompt{margin:0;font-size:.95rem}.flip-ratings{flex-wrap:nowrap;align-items:stretch;gap:8px;width:min(640px,100%);margin:16px auto 0;animation:.3s .12s both study-card-enter}.match-stage,.audio-stage{gap:14px;width:min(720px,100%);margin:0 auto;animation:.35s study-card-enter;display:grid}.audio-stage{width:min(640px,100%)}.match-cue,.match-left{text-align:center;margin:0}.match-board{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.match-col{align-content:start;gap:8px;display:grid}.match-tile{border:1px solid var(--line);background:var(--card);min-height:56px;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;overflow-wrap:anywhere;border-radius:12px;padding:12px 14px}.match-tile.selected{border-color:var(--cobalt);box-shadow:0 0 0 3px #4c6fff38}.match-tile.matched,.match-tile.correct{border-color:var(--mint);background:#3fcf8e24}.match-tile.matched{opacity:.45}.match-tile.wrong{border-color:var(--coral);background:#ff6b5724;animation:.35s match-shake}.audio-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #4c6fff14, transparent 42%), var(--card);min-height:280px;box-shadow:var(--shadow);text-align:center;align-content:center;justify-items:center;gap:14px;padding:28px 24px;display:grid}.audio-card h2{font-family:var(--font-display);margin:0;font-size:clamp(1.3rem,3vw,1.9rem);line-height:1.25}.audio-play{background:var(--cobalt);color:#fff;cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;justify-content:center;align-items:center;width:88px;height:88px;display:inline-flex}.audio-play svg{width:36px;height:36px}.audio-play:hover{background:var(--cobalt-dark)}.audio-hidden{color:var(--muted);font-weight:600}@keyframes match-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.flip-stage.is-leaving-again,.audio-stage.is-leaving-again{animation:.38s forwards study-leave-again}.flip-stage.is-leaving-hard,.audio-stage.is-leaving-hard{animation:.38s forwards study-leave-side}.flip-stage.is-leaving-good,.audio-stage.is-leaving-good{animation:.38s forwards study-leave-good}.flip-stage.is-leaving-easy,.audio-stage.is-leaving-easy{animation:.38s forwards study-leave-easy}@keyframes study-card-enter{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes study-leave-again{0%{opacity:1;transform:translate(0)}18%{transform:translate(-10px)rotate(-1.2deg)}36%{transform:translate(10px)rotate(1.2deg)}to{opacity:0;transform:translateY(18px)}}@keyframes study-leave-side{to{opacity:0;transform:translate(-28px)}}@keyframes study-leave-good{to{opacity:0;transform:translate(36px)}}@keyframes study-leave-easy{to{opacity:0;transform:translate(56px)scale(.96)}}@media (prefers-reduced-motion:reduce){.flip-inner,.study-progress-fill{transition:none}.flip-stage,.flip-ratings,.audio-stage,.match-stage,.match-tile.wrong,.flip-stage.is-leaving-again,.flip-stage.is-leaving-hard,.flip-stage.is-leaving-good,.flip-stage.is-leaving-easy,.audio-stage.is-leaving-again,.audio-stage.is-leaving-hard,.audio-stage.is-leaving-good,.audio-stage.is-leaving-easy{animation:none}}.eyebrow{font-family:var(--font-mono);letter-spacing:0;text-transform:none;color:var(--mint);font-size:.8rem;font-weight:500}.answer{font-size:1.25rem}.hint-block{justify-items:start;gap:8px;display:grid}.hint-text{border:1px dashed var(--line);background:var(--input-bg);width:100%;color:var(--muted);border-radius:12px;margin:0;padding:12px 14px}.rating-row .rating{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:64px;padding:8px 6px;line-height:1.15;display:flex}.rating-label{font-weight:700}.rating-hint{opacity:.82;text-align:center;text-wrap:balance;max-width:100%;font-size:.68rem;font-weight:500}.rating.again{color:var(--coral);background:#ff6b572e}.rating.hard{color:var(--gold);background:#f2b84b2e}.rating.good{color:var(--mint);background:#3fcf8e2e}.rating.easy{color:var(--cobalt);background:#4c6fff2e}.choice-list{gap:8px;display:grid}.choice{text-align:left;border:1px solid var(--line);background:var(--input-bg);color:var(--text);cursor:pointer;border-radius:12px;padding:12px 14px}.choice.correct{border-color:var(--mint);color:var(--text);background:#3fcf8e29}.choice.wrong{border-color:var(--coral);color:var(--text);background:#ff6b5729}.user-menu{position:relative}.user-menu-trigger{border:1px solid var(--line);color:var(--text);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:10px;align-items:center;gap:6px;min-height:44px;padding:8px 14px;font-weight:600;display:flex}.user-menu-caret{color:var(--muted);font-size:.75rem}.pro-badge{background:var(--due-bg);color:var(--cobalt);letter-spacing:.02em;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700}.user-menu-dropdown{background:var(--surface);border:1px solid var(--line);min-width:200px;box-shadow:var(--shadow);z-index:40;border-radius:14px;padding:8px;position:absolute;top:calc(100% + 12px);right:0}.user-menu-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;padding:6px 10px 4px;font-size:.72rem;font-weight:800}.user-menu-item{text-align:left;width:100%;color:var(--text);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;min-height:44px;padding:8px 10px;font-weight:600;display:block}.user-menu-item:hover,.user-menu-item.selected{background:var(--menu-hover)}.user-menu-divider{background:var(--line);height:1px;margin:6px 4px}.section-heading{margin-bottom:8px;font-size:1.15rem;font-weight:700}.deck-section{border-top:1px solid var(--line);gap:16px;padding:28px 0 8px;display:grid}.deck-section .section-heading{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}.deck-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.deck-section-header .section-heading{margin:0}.card-form .header-actions{padding-top:8px}.card-form .header-actions .btn.primary{min-height:48px;padding:14px 22px}.deck-hero{gap:8px;min-width:0;display:grid}.deck-hero h1,.deck-hero p{margin:0}.radio-list{gap:4px;display:grid}.radio-row{cursor:pointer;touch-action:manipulation;border-radius:10px;align-items:center;gap:12px;min-height:44px;padding:8px 12px;font-weight:600;display:flex}.radio-row.selected{background:var(--due-bg);color:var(--text)}.radio-row input{width:18px;height:18px;min-height:18px;accent-color:var(--blue);flex-shrink:0}.field-label{margin-bottom:8px;font-size:.92rem;font-weight:600}.group-strip-wrap{margin-bottom:18px}.group-strip{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 6px;display:flex}.group-chip{border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:700;display:inline-flex}.group-chip.active{border-width:2px}.group-chip.new{border-style:dashed}.chip-dot{border-radius:50%;width:10px;height:10px}.chip-count{color:var(--muted);font-size:.8rem;font-weight:600}.group-badge{font-family:var(--font-mono);letter-spacing:0;border-radius:20px;align-self:flex-start;padding:4px 11px;font-size:.7rem;font-weight:600;display:inline-flex}.color-picker{gap:10px;display:grid}.swatch-row{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0}.swatch.selected{outline:2px solid var(--text);outline-offset:2px}.custom-color{align-items:center;gap:10px;display:flex}.custom-color input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;width:44px;height:32px;padding:0}.modal-backdrop{z-index:50;background:#0b0e17b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:min(440px,100%);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:12px;padding:24px;display:grid}.modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-close{border:1px solid var(--line);width:44px;height:44px;color:var(--text);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1.4rem;line-height:1;display:inline-flex}.study-mode-modal{width:min(480px,100%);max-height:min(80dvh,720px);overflow:auto}.study-mode-list{display:grid}.study-mode-item{border:0;border-bottom:1px solid var(--line);width:100%;min-height:56px;color:inherit;text-align:left;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:10px;align-items:center;gap:12px;padding:12px 8px;display:flex}.study-mode-item:last-child{border-bottom:0}.study-extra-item{border-top:1px solid var(--line);margin-top:8px}.study-extra-item.is-follow-on{border-top:0;margin-top:0}.study-mode-item:has(+.study-extra-item){border-bottom:0}.study-hard-item .study-mode-icon{color:var(--gold)}.study-again-item .study-mode-icon{color:var(--coral)}.study-mode-icon{width:24px;height:24px;color:var(--cobalt);flex-shrink:0}.study-mode-copy{flex:1;gap:4px;min-width:0;display:grid}.study-mode-copy strong{font-family:var(--font-display);font-weight:600}.study-mode-copy span{color:var(--muted);font-size:.9rem}.study-mode-chevron{color:var(--muted);font-size:1.4rem;line-height:1}.modal textarea{min-height:88px}.card-edit-modal{width:min(520px,100%);max-height:min(80dvh,720px);overflow:auto}.group-edit{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.group-select-label{min-width:180px}.menu-toggle{border:1px solid var(--line);background:var(--card);width:44px;height:44px;color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}.menu-toggle-bars,.menu-toggle-bars:before,.menu-toggle-bars:after{background:currentColor;border-radius:1px;width:18px;height:2px;display:block}.menu-toggle-bars{position:relative}.menu-toggle-bars:before,.menu-toggle-bars:after{content:"";position:absolute;left:0}.menu-toggle-bars:before{top:-6px}.menu-toggle-bars:after{top:6px}.menu-backdrop{z-index:55;background:#0b0e17b8;border:0;padding:0;position:fixed;inset:0}.side-menu{flex-direction:column;flex:1;gap:8px;padding:16px 12px 24px;display:flex}.side-menu-brand{color:inherit;padding:8px 10px 16px}.side-menu-spacer{flex:1;min-height:12px}.side-menu-divider{background:color-mix(in srgb, var(--text) 16%, transparent);border:0;height:1px;margin:8px 10px}.agent-progress{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);gap:8px;margin:0;padding:12px 14px;display:grid}.agent-progress-meta{align-items:center;display:flex}.agent-progress ol{gap:6px;margin:0;padding-left:1.25rem;display:grid}.agent-progress li{min-height:28px}.agent-progress li[aria-current=true]{font-weight:700}.mix-sources{gap:10px;display:grid}.mix-sources.is-disabled{opacity:.55}.mix-sources h2{margin:8px 0 0;font-size:1rem}.mix-set{border-bottom:1px solid var(--line);gap:4px;padding-bottom:8px;display:grid}.mix-set-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mix-set-toggle{margin-left:auto}.mix-decks{gap:2px;padding-left:12px;display:grid}.mix-pick{align-items:flex-start;gap:10px;min-height:44px;margin:0;font-weight:500;display:flex}.mix-pick input{flex-shrink:0;width:20px;height:20px;margin-top:12px}.mix-pick-nested{padding-left:8px}.mix-card{align-content:start}.menu-icon{flex-shrink:0;width:22px;height:22px}.menu-link{width:100%;min-height:44px;color:var(--text);font:inherit;font-family:var(--font-display);text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-weight:600;display:flex}.menu-link.active{background:var(--due-bg);color:var(--text)}@media (width<=991px){.app-menu{z-index:60;box-shadow:var(--shadow);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-frame.menu-open .app-menu{transform:translate(0)}}@media (width>=992px){.menu-toggle,.menu-backdrop,.header-brand{display:none}}.lang-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.library-search{gap:6px;max-width:420px;font-size:.92rem;font-weight:600;display:grid}.library-hit-list{color:var(--muted);margin:8px 0 0;padding-left:18px;font-size:.9rem}.library-grid{grid-template-columns:1fr;gap:20px;margin-top:16px;display:grid}.library-card{align-content:start;min-height:168px;padding:26px 24px}.library-card h2{font-size:1.4rem}.library-pager{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}@media (width>=701px){.library-grid{grid-template-columns:1fr 1fr}}.locale-select{gap:6px;max-width:420px;display:grid}.card-heading,.card-side-line{align-items:center;gap:8px;display:flex}.card-side-line .speak-btn{flex-shrink:0}.speak-btn{border:1px solid var(--line);background:var(--card);width:44px;height:44px;color:var(--blue);cursor:pointer;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.speak-btn svg{width:20px;height:20px;display:block}@media (width<=700px){.lang-row{grid-template-columns:1fr}.page-title,.card-row{flex-direction:column;align-items:stretch}.page-title-actions{width:100%}.page-title-actions .btn{flex:1}.user-menu{align-self:auto}}.marketing{background:var(--bg);min-height:100dvh;color:var(--text);overflow-x:hidden}.marketing-header{z-index:50;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.marketing-nav{max-width:1200px;padding:calc(12px + var(--safe-top)) calc(24px + var(--safe-right)) 12px calc(24px + var(--safe-left));justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.marketing-logo{color:inherit;flex-shrink:0}.marketing-links{color:var(--muted);gap:32px;font-size:.95rem;display:flex}.marketing-links a{color:inherit;align-items:center;min-height:44px;display:inline-flex}.marketing-links a:hover{color:var(--text)}.marketing-auth{flex-shrink:0;align-items:center;gap:10px;display:flex;position:relative}.login-btn{border:1px solid color-mix(in srgb, var(--text) 28%, transparent);color:var(--text);background:0 0;border-radius:999px;padding:8px 18px;font-weight:500}.login-btn:hover{border-color:color-mix(in srgb, var(--text) 48%, transparent);background:color-mix(in srgb, var(--text) 6%, transparent)}.login-drop{background:var(--surface);border:1px solid var(--line);width:min(320px,100vw - 32px);box-shadow:var(--shadow);z-index:60;border-radius:14px;gap:12px;padding:22px;display:grid;position:absolute;top:calc(100% + 12px);right:0}.login-drop .google-signin-host{width:100%}.login-alt{text-align:center;color:var(--muted);font-size:.8rem;display:block}.login-alt:hover{color:var(--text)}.marketing-wrap{max-width:1200px;margin:0 auto;padding:0 32px}.hero{padding:100px 0 60px}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.kicker{font-family:var(--font-mono);color:var(--mint);margin:0 0 20px;font-size:.8rem}.hero h1,.footer-cta h2{max-width:12ch;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;line-height:1.05}.lede,.modes .sub,.library .sub,.stat-band p{color:var(--muted);max-width:42ch;font-size:1.1rem;line-height:1.65}.lede{margin:22px 0 32px}.hero-cta{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.hero-cta .btn.primary,.footer-cta .btn.primary{padding:15px 26px}.hero-note{color:var(--muted);font-size:.85rem}.scatter{height:420px;position:relative}.scard{border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;width:190px;padding:18px;transition:transform .3s;display:flex;position:absolute}.scard:hover{z-index:5;transform:translateY(-6px)rotate(0)!important}.scard .pill,.preview-grid .pill{font-family:var(--font-mono);border-radius:20px;align-self:flex-start;padding:3px 9px;font-size:.65rem;font-weight:500}.scard .front{font-size:1.3rem;font-weight:600;font-family:var(--font-display)}.scard .back{color:var(--muted);font-size:.85rem}.c1{background:#4c6fff1f;border-color:#4c6fff59;top:0;left:20px;transform:rotate(-7deg)}.c1 .pill,.pill.cobalt{background:var(--cobalt);color:#fff}.c2{z-index:2;background:#ff6b571f;border-color:#ff6b5759;top:70px;left:230px;transform:rotate(5deg)}.c2 .pill,.pill.coral{background:var(--coral);color:#fff}.c3{background:#f2b84a1f;border-color:#f2b84a59;top:210px;left:40px;transform:rotate(4deg)}.c3 .pill,.pill.gold{background:var(--gold);color:#141a2b}.c4{z-index:2;background:#3fcf8e1f;border-color:#3fcf8e59;top:250px;left:250px;transform:rotate(-4deg)}.c4 .pill,.pill.mint{background:var(--mint);color:#0b0e17}.modes,.library,.stat-band,.footer-cta{border-top:1px solid var(--line);padding:90px 0;scroll-margin-top:88px}.modes h2,.library h2{margin:0 0 12px;font-size:clamp(1.8rem,3vw,2.2rem);font-weight:700}.modes .sub,.library .sub{margin:0 0 46px}.tabs{flex-wrap:wrap;gap:10px;display:flex}.tab-btn{background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:10px 10px 0 0;min-height:44px;padding:12px 22px;font-size:.95rem;font-weight:600}.tab-btn[aria-selected=true]{background:var(--surface-2);color:var(--text);border-bottom-color:var(--surface-2)}.tab-panel{background:var(--surface-2);border:1px solid var(--line);border-radius:0 14px 14px;padding:36px}.tab-panel.active{grid-template-columns:1fr 1fr;align-items:center;gap:30px;display:grid}.tab-panel h3{margin:0 0 10px;font-size:1.5rem}.tab-panel p{color:var(--muted);line-height:1.6}.demo-box{background:var(--bg);border:1px solid var(--line);text-align:center;font-family:var(--font-display);border-radius:12px;padding:26px;font-size:1.6rem;font-weight:600}.demo-box small{font-family:var(--font-mono);color:var(--muted);margin-top:10px;font-size:.7rem;font-weight:400;display:block}.preview-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.preview-grid .deck-card{min-height:160px;color:inherit;padding:22px}.preview-grid .deck-card h3{font-family:var(--font-display);margin:2px 0 0;font-size:1.15rem}.preview-grid .meta{color:var(--muted);margin-top:auto;font-size:.8rem}.stat-grid{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.stat-band .big{font-family:var(--font-display);font-size:clamp(3rem,7vw,4.6rem);font-weight:700;line-height:1}.stat-band .big span{color:var(--coral)}.footer-cta{text-align:center}.footer-cta h2{max-width:none;margin:0 auto 28px}.site-end{border-top:1px solid var(--line);padding:26px 32px calc(26px + var(--safe-bottom));color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:.85rem;display:flex}.register-panel{place-items:center;padding:64px 24px 80px;display:grid}.register-panel .auth-card{width:min(440px,100%)}@media (width<=900px){.hero{padding:56px 0 40px}.hero-grid,.tab-panel.active,.stat-grid,.preview-grid{grid-template-columns:1fr}.preview-grid{grid-template-columns:repeat(2,1fr)}.marketing-links{display:none}.scatter{height:340px;margin-top:20px}.scard{width:150px}.c2,.c4{left:170px}}@media (width<=560px){.preview-grid{grid-template-columns:1fr}.marketing-wrap{padding:0 20px}}@media (width<=420px){.flip-ratings{gap:6px}.rating-row .rating{padding:8px 4px;font-size:.86rem}.rating-hint{font-size:.64rem}}