@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/SpaceGrotesk-400.ttf) format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/SpaceGrotesk-500.ttf) format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/SpaceGrotesk-600.ttf) format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/SpaceGrotesk-700.ttf) format("truetype")}:root{--bg: #2b0d0f;--bg-soft: #3b0f12;--card: #24090b;--hanzi-font-stack: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", "WenQuanYi Micro Hei", system-ui, sans-serif;--accent: #f59e0b;--accent-2: #ef4444;--text: #f8e7e1;--muted: #d4a9a1;--success: #34d399;--danger: #fb7185;--rate-again-bg: rgba(239, 68, 68, .26);--rate-again-border: rgba(248, 113, 113, .75);--rate-again-text: #ffd9d9;--rate-good-bg: rgba(16, 185, 129, .28);--rate-good-border: rgba(52, 211, 153, .8);--rate-good-text: #d1fae5;--rate-easy-bg: rgba(245, 158, 11, .3);--rate-easy-border: rgba(251, 191, 36, .8);--rate-easy-text: #fff3cf;--shadow: 0 20px 50px rgba(20, 4, 5, .55);--chip: rgba(248, 231, 225, .08)}[data-theme=light]{--bg: #fff7f4;--bg-soft: #ffe6dc;--card: #ffffff;--accent: #f59e0b;--accent-2: #dc2626;--text: #2d0f12;--muted: #7a4b50;--success: #16a34a;--danger: #dc2626;--rate-again-bg: rgba(220, 38, 38, .15);--rate-again-border: rgba(220, 38, 38, .45);--rate-again-text: #7f1d1d;--rate-good-bg: rgba(22, 163, 74, .15);--rate-good-border: rgba(22, 163, 74, .45);--rate-good-text: #14532d;--rate-easy-bg: rgba(245, 158, 11, .18);--rate-easy-border: rgba(217, 119, 6, .45);--rate-easy-text: #78350f;--shadow: 0 20px 40px rgba(120, 64, 64, .2);--chip: rgba(220, 38, 38, .08)}[data-theme=light] .panel{background:linear-gradient(145deg,#fff7f4e6,#ffe6dcf2)}[data-theme=light] select{background:#fff7f4f2;color:var(--text)}[data-theme=light] .wordmap-root-input{background:#fff7f4f2}[data-theme=light] .wordmap-root-menu{background:#fff7f4fa}[data-theme=light] .wordmap-root-option{background:#fff7f4e6}[data-theme=light] .wordmap-canvas{background:#fff7f4e6;border:1px solid rgba(148,163,184,.32)}[data-theme=light] .wordmap-node{background:#fff7f4f2;border:1px solid rgba(148,163,184,.38);color:var(--text)}[data-theme=light] .wordmap-node:hover{background:#ffe6dcf5;border-color:#f59e0b94}[data-theme=light] .wordmap-node.active{background:#ffece0fa;border-color:#f59e0bb8;box-shadow:0 0 0 1px #f59e0b33}[data-theme=light] .wordmap-center{background:#f59e0b38;border-color:#d97706a6;color:var(--text)}[data-theme=light] .option{background:#fff7f4e6}[data-theme=light] .flashcard-box{background:#fff7f4e6;border:1px solid rgba(148,163,184,.3)}[data-theme=light] .flashcard-box:hover{background:#ffe6dcf2;border-color:#f59e0b8c}[data-theme=light] .explain-panel{background:#f5f5f5eb;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .explain-card{background:#fafafaf2;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .explain-section .label{color:var(--muted)}[data-theme=light] .menu-button{background:#fff7f4e6}[data-theme=light] .menu-popover{background:#fff7f4fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;width:100%;background:radial-gradient(1200px 600px at 10% 10%,rgba(239,68,68,.18),transparent),radial-gradient(900px 500px at 90% 20%,rgba(245,158,11,.18),transparent),var(--bg);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;padding:40px 20px}.app{width:min(900px,100%);display:grid;gap:24px;margin-inline:auto}header{display:flex;flex-direction:column;gap:8px}.header-row{display:flex;align-items:flex-start;justify-content:center;gap:16px;flex-wrap:wrap;position:relative}.study-menu{position:absolute;top:0;left:0;z-index:25}.menu-button{width:44px;height:44px;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:#24090bb3;display:grid;align-content:center;gap:5px;padding:10px 11px;cursor:pointer;transition:background .2s ease,border .2s ease,transform .2s ease}.menu-button:hover{border-color:#f59e0b99;background:#24090beb;transform:translateY(-1px)}.menu-button.open{border-color:#f59e0bcc;background:#24090bf5}.menu-icon-line{display:block;width:100%;height:2px;border-radius:999px;background:var(--text)}.menu-popover{margin-top:10px;min-width:180px;border-radius:14px;border:1px solid rgba(148,163,184,.3);background:#24090bf5;box-shadow:var(--shadow);padding:8px;display:grid;gap:6px}.menu-item{border-radius:10px;padding:10px 12px;color:var(--text);text-decoration:none;font-weight:600;background:transparent;border:1px solid transparent}.menu-item-button{width:100%;text-align:left;cursor:pointer;font:inherit}.menu-item:hover{background:#f59e0b1f;border-color:#f59e0b59}.menu-item.active{background:#f59e0b29;border-color:#f59e0b80}.header-copy{display:grid;gap:6px;text-align:center;justify-items:center;width:100%}.theme-box{padding:10px 12px;border-radius:16px;background:var(--chip);border:1px solid rgba(148,163,184,.2);display:inline-flex;align-items:center;gap:10px;margin-top:4px;min-width:340px;max-width:100%;justify-content:flex-end}.theme-stack{display:flex;flex-direction:column;gap:8px}.theme-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.level-toggle-group{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.level-chip{border:1px solid rgba(148,163,184,.35);background:transparent;color:var(--text);border-radius:999px;padding:6px 12px;font-size:.86rem;font-weight:600;cursor:pointer;transition:border .2s ease,background .2s ease,transform .2s ease}.level-chip:hover{transform:translateY(-1px);border-color:#f59e0b99;background:#f59e0b1f}.level-chip.active{border-color:#f59e0bcc;background:#f59e0b33}.wordmap-root-picker{position:relative;min-width:280px;max-width:420px;flex:1 1 320px}.wordmap-root-input{width:100%;background:#24090bd9;color:var(--text);border:1px solid rgba(148,163,184,.3);border-radius:12px;padding:10px 14px;font-size:.95rem}.wordmap-root-input::placeholder{color:var(--muted)}.wordmap-root-input:focus{outline:none;border-color:#f59e0bb3;box-shadow:0 0 0 2px #f59e0b33}.wordmap-root-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:300px;overflow:auto;padding:8px;border-radius:14px;border:1px solid rgba(148,163,184,.25);background:#24090bf7;box-shadow:var(--shadow);z-index:20;display:grid;gap:6px}.wordmap-root-option{width:100%;border:1px solid rgba(148,163,184,.24);background:#24090be6;border-radius:10px;color:var(--text);text-align:left;padding:8px 10px;display:grid;gap:3px;cursor:pointer;transition:border .2s ease,background .2s ease,transform .2s ease}.wordmap-root-option:hover,.wordmap-root-option.active{border-color:#f59e0b9e;background:#f59e0b24;transform:translateY(-1px)}.wordmap-root-option.selected{border-color:#f59e0bcc;background:#f59e0b33}.wordmap-root-option-char{font-family:var(--hanzi-font-stack);font-size:1.15rem;line-height:1}.wordmap-root-option-meta{font-size:.8rem;color:var(--muted)}.wordmap-root-empty,.wordmap-root-more{font-size:.85rem;color:var(--muted);padding:6px 8px}.theme-label{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}header h1{margin:0;font-size:clamp(2rem,3vw,2.8rem);letter-spacing:-.02em}header p{margin:0;color:var(--muted);font-size:1rem}.panel{background:linear-gradient(145deg,#3b0f12c7,#20080af5);border:1px solid rgba(148,163,184,.2);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--chip);color:var(--text);font-weight:600;font-size:.9rem}select{background:#24090bd9;color:var(--text);border:1px solid rgba(148,163,184,.3);border-radius:12px;padding:10px 14px;font-size:.95rem}.quiz{display:grid;gap:18px}.character{font-family:var(--hanzi-font-stack);font-size:clamp(5rem,18vw,8rem);text-align:center;letter-spacing:.05em;line-height:1;margin:0;display:flex;align-items:center;justify-content:center;width:100%;gap:16px}.character-text{display:inline-block}.speak-button{border:1px solid rgba(148,163,184,.3);background:transparent;color:var(--text);width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:transform .2s ease,border .2s ease,background .2s ease}.speak-button:hover{border-color:#f59e0b99;background:#f59e0b1a;transform:translateY(-1px)}.speak-button:active,.speak-button.active{border-color:#f59e0be6;background:#f59e0b2e;transform:translateY(0)}.speak-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.prompt-meaning{display:grid;gap:4px;justify-items:center;text-align:center}.prompt-pinyin{font-size:clamp(2rem,5vw,3rem);font-weight:600;letter-spacing:0}.prompt-english{font-size:clamp(1.1rem,2.5vw,1.6rem);color:var(--muted);letter-spacing:0}.options{display:grid;gap:12px}.option{width:100%;background:#24090bb3;color:var(--text);border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:14px 18px;font-size:1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .2s ease,border .2s ease,background .2s ease;gap:12px}.option.correct{border-color:#34d399cc;background:#34d39926}.option.wrong{border-color:#fb7185cc;background:#fb71851f}.option-index{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:#94a3b826;color:var(--muted);flex-shrink:0}.option-text{display:flex;justify-content:space-between;gap:12px;width:100%}.hanzi-answer-text{font-size:1.17rem}.option.correct .option-index{background:#34d39933;color:var(--success)}.option.wrong .option-index{background:#fb718533;color:var(--danger)}@media(hover:hover)and (pointer:fine){.option:hover{transform:translateY(-2px);border-color:#f59e0b99;background:#24090be6}[data-theme=light] .option:hover{background:#ffe6dcf2}}.meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;color:var(--muted);font-size:.95rem}.keyboard-hint{color:var(--muted);font-size:.9rem}.status{font-weight:600}.status.correct{color:var(--success)}.status.wrong{color:var(--danger)}.flash-status{border-radius:10px;padding:6px 10px}.flash-status-again{color:var(--rate-again-text);border:1px solid var(--rate-again-border);background:var(--rate-again-bg)}.flash-status-good{color:var(--rate-good-text);border:1px solid var(--rate-good-border);background:var(--rate-good-bg)}.flash-status-easy{color:var(--rate-easy-text);border:1px solid var(--rate-easy-border);background:var(--rate-easy-bg)}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text)}.toggle input{accent-color:var(--accent-2);width:18px;height:18px}.radio-group{display:inline-flex;align-items:center;gap:10px}.radio-option{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text);cursor:pointer}.radio-option input{accent-color:var(--accent-2);width:16px;height:16px}.meta-row{margin-top:12px;display:flex;justify-content:flex-end}.meta-note{color:var(--muted);font-size:.9rem}.wrongs{display:grid;gap:16px}.wrongs-header{display:flex;justify-content:space-between;align-items:center;font-weight:600}.wrongs-count{color:var(--muted);font-weight:500;font-size:.95rem;display:inline-flex;align-items:center;gap:8px}.wrongs-bar{display:flex;gap:10px;flex-wrap:wrap;min-height:40px;font-size:1.05rem}.wrong-chip{border:1px solid rgba(251,113,133,.6);background:#fb71851a;color:var(--text);border-radius:999px;padding:6px 14px;font-weight:600;cursor:pointer;transition:transform .2s ease,border .2s ease,background .2s ease;font-size:1.15rem}.wrong-chip:hover{transform:translateY(-1px);border-color:#fb7185e6;background:#fb71852e}.wrongs-empty{color:var(--muted);font-size:1.05rem}.footer{text-align:center;color:var(--muted);font-size:.9rem;margin-top:8px}.star-button{border:1px solid rgba(245,158,11,.4);background:transparent;color:var(--text);width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:transform .2s ease,border .2s ease,background .2s ease}.star-button:hover{border-color:#f59e0bcc;background:#f59e0b1f;transform:translateY(-1px)}.star-button.active{background:#f59e0b2e;border-color:#f59e0bf2}.star-chip{border:1px solid rgba(245,158,11,.6);background:#f59e0b1a;color:var(--text);border-radius:999px;padding:6px 14px;font-weight:600;cursor:pointer;transition:transform .2s ease,border .2s ease,background .2s ease;font-size:1.15rem}.star-chip:hover{transform:translateY(-1px);border-color:#f59e0be6;background:#f59e0b2e}.reset-x{border:1px solid rgba(148,163,184,.35);background:transparent;color:var(--text);border-radius:10px;padding:6px 10px;cursor:pointer;font-weight:600;transition:transform .2s ease,border .2s ease,background .2s ease}.reset-x:hover{transform:translateY(-1px);border-color:#94a3b8b3;background:#f8e7e114}.button{background:linear-gradient(135deg,#f59e0bd9,#ef4444d9);color:#24090b;border:none;border-radius:12px;padding:10px 18px;font-weight:600;cursor:pointer;transition:transform .2s ease,filter .2s ease}.button:hover{transform:translateY(-1px);filter:brightness(1.05)}.button.muted{background:#94a3b81f;color:var(--text);border:1px solid rgba(148,163,184,.25)}.button.muted:hover{filter:none;background:#94a3b833}.button.flash-rate-again{background:var(--rate-again-bg);color:var(--rate-again-text);border:1px solid var(--rate-again-border)}.button.flash-rate-good{background:var(--rate-good-bg);color:var(--rate-good-text);border:1px solid var(--rate-good-border)}.button.flash-rate-easy{background:var(--rate-easy-bg);color:var(--rate-easy-text);border:1px solid var(--rate-easy-border)}.button.flash-rate-again:disabled,.button.flash-rate-good:disabled,.button.flash-rate-easy:disabled{opacity:.55;filter:none;cursor:not-allowed}.flashcard-panel{gap:20px}.wordmap-panel{gap:18px}.wordmap-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.wordmap-empty{border:1px dashed rgba(148,163,184,.35);border-radius:16px;padding:20px;color:var(--muted);text-align:center}.wordmap-canvas{position:relative;min-height:560px;border-radius:22px;border:1px solid rgba(148,163,184,.25);background:#24090b8f;overflow:hidden}.wordmap-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:116px;height:116px;border-radius:999px;border:1px solid rgba(245,158,11,.7);background:#f59e0b29;color:var(--text);display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:var(--hanzi-font-stack);font-size:3.1rem;line-height:1;z-index:2}.wordmap-node{position:absolute;transform:translate(-50%,-50%);width:148px;border-radius:14px;border:1px solid rgba(148,163,184,.25);background:#24090be6;color:var(--text);padding:8px 10px;display:grid;gap:2px;text-align:center;cursor:pointer;transition:transform .2s ease,border .2s ease,background .2s ease,box-shadow .2s ease}.wordmap-node:hover{border-color:#f59e0b8c;background:#24090bf5}.wordmap-node.active{z-index:5;transform:translate(-50%,-50%) scale(1.08);border-color:#f59e0bd9;background:#24090bfa;box-shadow:0 0 0 1px #f59e0b40}.wordmap-node.active .wordmap-node-hanzi{font-size:calc(1.42rem + 2px)}.wordmap-node.active .wordmap-node-pinyin{font-size:calc(.82rem + 2px)}.wordmap-node.active .wordmap-node-english{font-size:calc(.76rem + 2px)}.wordmap-node.active .wordmap-node-level{font-size:calc(.7rem + 2px)}.wordmap-node-hanzi{font-family:var(--hanzi-font-stack);font-size:1.42rem;line-height:1.05}.wordmap-node-pinyin{font-size:.82rem;color:var(--text)}.wordmap-node-english{font-size:.76rem;color:var(--muted);line-height:1.2}.wordmap-node-level{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.flashcard-stage{position:relative;display:grid;justify-items:center;gap:16px}.flashcard-box{width:min(620px,100%);height:clamp(260px,34vw,340px);border:1px solid rgba(148,163,184,.25);border-radius:22px;background:#24090bb8;color:var(--text);display:grid;place-items:center;text-align:center;padding:18px;cursor:pointer;transition:border-color .2s ease,transform .2s ease,background .2s ease}.flashcard-box:hover{border-color:#f59e0b99;background:#24090be6;transform:translateY(-1px)}.flashcard-box:disabled{cursor:not-allowed;opacity:.7;transform:none}.flashcard-tools{display:inline-flex;align-items:center;gap:16px;justify-content:center;width:100%}.explain-tool-button{border:1px solid rgba(148,163,184,.35);background:transparent;color:var(--text);width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;font-weight:700;transition:transform .2s ease,border .2s ease,background .2s ease}.explain-tool-button:hover{border-color:#94a3b8b3;background:#94a3b829;transform:translateY(-1px)}.explain-tool-button.active{border-color:#94a3b8e6;background:#94a3b83d}.explain-tool-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.flash-gesture-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);width:min(620px,calc(100% - 22px));background:#12161cdb;border:1px solid rgba(148,163,184,.35);border-radius:14px;padding:10px 12px;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.86rem;z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.flash-gesture-dismiss{border:1px solid rgba(148,163,184,.35);background:transparent;color:var(--text);border-radius:8px;padding:4px 8px;font-weight:700;cursor:pointer}.flashcard-sticky-bar{display:none}.flashcard-actions-inline{width:100%;justify-content:center}.flashcard-back{display:grid;gap:10px;width:100%}.flashcard-hanzi-xl{font-family:var(--hanzi-font-stack);font-size:clamp(5.4rem,17vw,7.6rem);line-height:1}.flashcard-hanzi-lg{font-family:var(--hanzi-font-stack);font-size:clamp(4.6rem,14vw,6.6rem);line-height:1}.flashcard-hanzi-md{font-family:var(--hanzi-font-stack);font-size:clamp(3.8rem,11vw,5.4rem);line-height:1}.flashcard-pinyin-xl{font-size:clamp(2.4rem,5.6vw,3.2rem);font-weight:700;line-height:1.2}.flashcard-pinyin-lg{font-size:clamp(2rem,5vw,2.8rem);font-weight:700;line-height:1.2}.flashcard-pinyin-md{font-size:clamp(1.6rem,4vw,2.3rem);font-weight:700;line-height:1.2}.flashcard-english-md{font-size:clamp(1rem,2.4vw,1.35rem);color:var(--muted);line-height:1.35}.flashcard-english-sm{font-size:clamp(.92rem,2vw,1.15rem);color:var(--muted);line-height:1.35}.explain-panel{margin-top:24px;padding:18px;border-radius:18px;background:#16181cb3;border:1px solid rgba(148,163,184,.18);display:grid;gap:16px;filter:grayscale(1)}.explain-header{display:flex;justify-content:space-between;align-items:center;font-weight:600}.explain-badge{background:var(--chip);color:var(--text);padding:4px 10px;border-radius:999px;font-size:.85rem}.explain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.explain-card{background:#1e2126b3;border-radius:14px;padding:14px;border:1px solid rgba(148,163,184,.18);display:grid;gap:10px}.explain-char{font-family:var(--hanzi-font-stack);font-size:2.4rem}.explain-section{display:grid;gap:4px;font-size:.95rem;color:var(--text)}.explain-section .label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.explain-note{color:var(--muted);font-size:.95rem}.explain-note.error{color:var(--danger)}.explain-footnote{font-size:.8rem;color:var(--muted);line-height:1.3}@media(max-width:720px){.panel{padding:22px}.controls{flex-direction:column;align-items:flex-start}.study-menu{position:static;width:100%;display:flex;justify-content:flex-start}.menu-popover{position:absolute;top:48px;left:0}.theme-box{min-width:100%}.level-toggle-group{width:100%}.wordmap-root-picker{min-width:100%;max-width:100%;flex-basis:100%}.flashcard-box{height:250px}.wordmap-canvas{min-height:470px}.wordmap-node{width:122px;padding:7px 8px}.wordmap-node-hanzi{font-size:1.25rem}.wordmap-node-pinyin{font-size:.75rem}.wordmap-node-english{font-size:.7rem}.wordmap-node.active .wordmap-node-hanzi{font-size:calc(1.25rem + 2px)}.wordmap-node.active .wordmap-node-pinyin{font-size:calc(.75rem + 2px)}.wordmap-node.active .wordmap-node-english{font-size:calc(.7rem + 2px)}.wordmap-center{width:98px;height:98px;font-size:2.5rem}}@media(max-width:900px)and (pointer:coarse),(max-width:900px)and (hover:none){.app.flashcards-active{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.flashcard-actions-inline{display:none}.flash-gesture-hint{width:calc(100% - 20px);max-width:640px;font-size:.8rem}.flashcard-sticky-bar{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(920px,calc(100% - 16px));padding:10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;background:#140609e6;border:1px solid rgba(148,163,184,.25);border-radius:16px;z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.flashcard-sticky-bar .button{min-height:46px;padding:8px 10px;font-size:.9rem}}.landing-hero{display:grid;gap:20px;padding:34px}.landing-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.landing-topbar .study-menu{position:relative;width:auto}.landing-topbar .menu-popover{position:absolute;top:calc(100% + 8px);left:0}.landing-hero-copy{display:grid;gap:10px;text-align:center}.landing-hero-copy h1{margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.05;letter-spacing:-.02em}.landing-hero-copy p{margin:0;font-size:clamp(1rem,2.3vw,1.2rem);color:var(--muted)}.landing-jump-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.landing-jump-link{color:var(--muted);text-decoration:none;border-bottom:1px solid rgba(148,163,184,.35);padding-bottom:2px}.landing-jump-link:hover{color:var(--text);border-bottom-color:#f59e0bcc}.landing-cta-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.landing-cta,.landing-card-cta{min-width:170px;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.landing-cta.cta-sprint,.landing-card-cta.cta-sprint{background:linear-gradient(135deg,#f59e0b,#ef4444)}.landing-cta.cta-flashcards,.landing-card-cta.cta-flashcards{background:linear-gradient(135deg,#16a34a,#059669);color:#ecfeff}.landing-cta.cta-wordmap,.landing-card-cta.cta-wordmap{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#eff6ff}.landing-section{display:grid;gap:16px}.landing-section h2{margin:0;font-size:clamp(1.3rem,2.8vw,1.8rem)}.landing-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.landing-mode-card{border:1px solid rgba(148,163,184,.28);border-radius:16px;padding:16px;background:#24090b73;display:grid;gap:10px}.landing-mode-card h3{margin:0;font-size:1.2rem}.landing-mode-card p{margin:0;color:var(--muted)}.landing-card-bestfor{font-size:.92rem;color:var(--text)!important}.landing-benefits-list,.landing-steps-list{margin:0;padding-left:1.2rem;display:grid;gap:10px}.landing-benefits-list li,.landing-steps-list li{color:var(--text);line-height:1.45}.landing-steps-list h3{margin:0 0 4px;font-size:1.05rem}.landing-steps-list p{margin:0;color:var(--muted)}.landing-smart{gap:14px}.landing-smart-summary{margin:0;color:var(--muted);line-height:1.45}.landing-smart-cta{display:flex;justify-content:center}.landing-faq-list{display:grid;gap:10px}.landing-faq-item{border:1px solid rgba(148,163,184,.25);border-radius:14px;padding:14px;background:#24090b59}.landing-faq-item h3{margin:0 0 6px;font-size:1.02rem}.landing-faq-item p{margin:0;color:var(--muted);line-height:1.45}.landing-final-cta{display:grid;gap:12px;text-align:center}.landing-final-cta h2{margin:0;font-size:clamp(1.4rem,3vw,2rem)}.landing-final-cta p{margin:0;color:var(--muted)}[data-theme=light] .landing-mode-card{background:#fff7f4bf}[data-theme=light] .landing-faq-item{background:#fff7f4d1}@media(max-width:900px){.landing-mode-grid{grid-template-columns:1fr}.landing-cta,.landing-card-cta{width:100%}.landing-topbar{justify-content:flex-start}}.sentences-panel{gap:16px}.sentences-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.sentences-prompt{display:grid;gap:6px}.sentences-tools{display:inline-flex;align-items:center;gap:10px}.sentences-board{display:grid;gap:14px}.sentences-zone{border:1px solid rgba(148,163,184,.28);border-radius:16px;padding:12px;background:#24090b66;display:grid;gap:10px}.sentences-zone-title{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.sentences-token-row{display:flex;flex-wrap:wrap;gap:10px;min-height:50px}.sentences-empty{color:var(--muted);font-size:.95rem}.sentences-token{border:1px solid rgba(148,163,184,.35);background:#24090bbf;color:var(--text);border-radius:12px;padding:8px 10px;min-height:44px;min-width:72px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:600;cursor:pointer;white-space:pre-wrap;transition:transform .2s ease,border .2s ease,background .2s ease}.sentences-token:hover{transform:translateY(-1px);border-color:#f59e0b99;background:#24090beb}.sentences-token-answer{border-color:#f59e0b99;background:#f59e0b24}.sentences-reveal{display:grid;gap:8px;border:1px solid rgba(148,163,184,.28);border-radius:16px;padding:12px;background:#24090b66}.sentences-reveal-row{display:grid;gap:4px}[data-theme=light] .sentences-zone,[data-theme=light] .sentences-reveal{background:#fff7f4e6}[data-theme=light] .sentences-token{background:#fff7f4f2;border-color:#94a3b852}[data-theme=light] .sentences-token:hover{background:#ffe6dcf2;border-color:#f59e0b94}[data-theme=light] .sentences-token-answer{background:#ffece0fa;border-color:#f59e0bb8}@media(max-width:720px){.sentences-token{min-width:64px;padding:8px;font-size:.95rem}}.blanks-panel{gap:16px}.blanks-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.blanks-prompt{display:grid;gap:6px}.blanks-tools{display:inline-flex;gap:10px}.blanks-empty{color:var(--muted);font-size:.95rem}.blanks-prompt-board{min-height:96px;border-radius:16px;border:1px solid rgba(148,163,184,.2);background:#24090ba6;padding:18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.blanks-prompt-token{border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#24090b99;padding:10px 14px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:56px;font-weight:600;line-height:1.1}.blanks-prompt-token.is-blank{border-style:dashed;border-color:#f59e0bcc;background:#f59e0b29}.blanks-options .option-text{flex-direction:column;align-items:flex-start;gap:4px}.blanks-reveal{margin-top:2px;border-radius:16px;border:1px solid rgba(148,163,184,.2);background:#24090ba6;padding:14px 16px;display:grid;gap:10px}.blanks-reveal-row{display:grid;gap:4px}[data-theme=light] .blanks-prompt-board,[data-theme=light] .blanks-reveal{background:#fff7f4eb;border-color:#0000001f}[data-theme=light] .blanks-prompt-token{background:#fff7f4f2;border-color:#0000001f}[data-theme=light] .blanks-prompt-token.is-blank{background:#f59e0b33}@media(max-width:720px){.blanks-header{align-items:flex-start}}