:root{--bg: #0c0d10;--surface: #14161b;--card: #1a1d23;--line: #262a33;--fg: #eceae4;--muted: #8b8f98;--accent: #d4ff3a;--accent-ink: #11140a;--hot: #ff5c39;--good: #4ade80;--soft: #c9c7c1;--line-hi: #3a404c;--glass: #0c0d10e6;--radius: 14px;--font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--serif: "Lora", Georgia, serif;color-scheme:dark}:root[data-theme=light]{--bg: #f6f5f1;--surface: #ffffff;--card: #eeede8;--line: #dddbd3;--fg: #16181d;--muted: #6a6e76;--accent: #5d7a00;--accent-ink: #ffffff;--hot: #e0431f;--good: #15803d;--soft: #3d4047;--line-hi: #b9b6ab;--glass: #f6f5f1e6;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.02em;line-height:1.15}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.soft{color:var(--soft)}.center{text-align:center}.app{min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px 20px 48px}.topbar{position:sticky;top:0;z-index:5;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1100px;margin:0 auto;height:64px;padding:0 20px;display:flex;align-items:center;gap:24px}.topbar-right{margin-left:auto;display:flex;gap:8px}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-mark{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:26px;height:26px}.logo-mark i{border-radius:3px;background:var(--fg)}.logo-mark i:nth-child(1){background:var(--accent)}.logo-mark i:nth-child(4){background:var(--hot);border-radius:50%}.logo-word{font-size:1.2rem;font-weight:500;letter-spacing:-.03em}.logo-word b{font-weight:800}.nav{display:flex;gap:4px}.nav a{padding:8px 12px;border-radius:8px;color:var(--muted);font-weight:500;white-space:nowrap}.nav a:hover{color:var(--fg)}.nav a.active{color:var(--fg);background:var(--card)}.theme-btn,.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;flex-shrink:0}.theme-btn:hover,.icon-btn:hover{border-color:var(--line-hi)}.icon-btn{width:32px;height:32px;border:0;background:transparent;color:var(--muted);vertical-align:middle}.icon-btn:hover{color:var(--accent);background:var(--card)}.footer{border-top:1px solid var(--line);background:var(--surface)}.footer-bottom{max-width:1100px;margin:0 auto;padding:16px 20px;color:var(--muted);font-size:.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--fg);font-weight:600;font-size:.95rem;cursor:pointer;white-space:nowrap;transition:filter .15s,transform .1s}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.ghost{background:transparent}.btn.danger{color:var(--hot)}.btn.big{padding:14px 22px;font-size:1.02rem;border-radius:12px}.btn small{font-weight:500;font-size:.72rem;opacity:.65}.link{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;font-size:.9rem}.link:hover{color:var(--accent)}.input{width:100%;min-width:0;padding:11px 14px;font:inherit;font-size:16px;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:10px}.input:focus{outline:none;border-color:var(--accent)}textarea.input{resize:vertical}.input.mono{font-family:ui-monospace,Consolas,monospace;font-size:13px}.select{width:auto;cursor:pointer}.input-icon{position:relative;display:flex;align-items:center}.input-icon svg{position:absolute;left:13px;color:var(--muted);pointer-events:none}.input-icon .input{padding-left:38px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:.82rem;font-weight:600;color:var(--muted)}.check{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--soft);font-size:.92rem}.check input{width:18px;height:18px;accent-color:var(--accent)}.check.small{font-size:.85rem;justify-content:center;margin-bottom:12px}.self-end{align-self:end;padding-bottom:12px}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.row.end{justify-content:flex-end}.row.center{justify-content:center;flex-wrap:wrap}.grow{flex:1;min-width:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.error{margin:0;color:var(--hot);font-weight:600}.warn{margin:-4px 0 0;color:var(--hot);font-size:.85rem}.errors{margin:0;padding-left:18px;color:var(--hot);font-size:.88rem}.empty{padding:48px 0;text-align:center;color:var(--muted)}.eyebrow{display:inline-block;padding:4px 10px;border-radius:99px;background:var(--accent);color:var(--accent-ink);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:28px 0 14px}.section-head h1{margin:0;font-size:1.8rem}.section-head h2{margin:0;font-size:1.3rem}.page>div>.section-head:first-child{margin-top:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}.center-col{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:40px 22px}.center-col h2{margin:0}.type-tag{display:inline-block;padding:1px 8px;border-radius:6px;background:var(--card);color:var(--muted);font-size:.75rem;font-weight:600;font-style:italic}.progress{height:6px;border-radius:99px;background:var(--card);overflow:hidden}.progress i{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .3s}.progress.big{height:8px;margin-top:18px}.guest-chip{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--fg);font:inherit;font-weight:600;font-size:.9rem;white-space:nowrap;max-width:180px;cursor:pointer}.guest-chip:hover{border-color:var(--line-hi)}.guest-chip span{overflow:hidden;text-overflow:ellipsis}.name-form{display:flex;gap:8px;width:min(380px,100%)}.greet{margin:12px 0 0;color:var(--soft);font-weight:600}.word-row.readonly{cursor:default}code{padding:1px 6px;border-radius:5px;background:var(--card);font-size:.85em}.login{min-height:100dvh;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 40%),radial-gradient(circle at 85% 90%,color-mix(in srgb,var(--hot) 12%,transparent),transparent 40%),var(--bg)}.login-card{width:min(380px,100%);display:flex;flex-direction:column;gap:14px;padding:32px 28px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px #0004}.login-card h1{margin:12px 0 0;font-size:1.7rem}.login-card p{margin:0}.empty-state{max-width:520px;margin:60px auto;text-align:center}.empty-state h1{font-size:2rem;margin:0 0 8px}.empty-state .row{margin-top:24px}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center;padding:28px;border-radius:22px;background:linear-gradient(135deg,var(--surface),var(--card));border:1px solid var(--line)}.hero-panel h1{margin:14px 0 18px;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800}.hero-panel h1 em{font-style:normal;color:var(--accent)}.stat-row{display:flex;gap:28px}.stat-row div{display:flex;flex-direction:column}.stat-row b{font-size:1.6rem;font-weight:800}.stat-row span{color:var(--muted);font-size:.82rem}.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mode{display:flex;flex-direction:column;gap:6px;padding:18px 16px;border-radius:14px;background:var(--bg);border:1px solid var(--line);transition:transform .15s,border-color .15s}.mode svg{color:var(--accent)}.mode b{font-size:1.02rem}.mode small{color:var(--muted);font-size:.8rem;line-height:1.35}.mode:hover{transform:translateY(-3px);border-color:var(--accent)}.mode.off{opacity:.45;pointer-events:none}.decks{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.deck{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--fg);text-align:left;cursor:pointer;font:inherit}.deck span{color:var(--muted);font-size:.82rem}.deck .progress{margin-top:8px;height:4px}.deck:hover{border-color:var(--line-hi)}.deck.on{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.word-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);transition:transform .15s}.word-card:hover{transform:translateY(-2px)}.word-card .word-art{aspect-ratio:4 / 3}.word-card-body{display:flex;flex-direction:column;padding:10px 12px 12px}.word-card-body span{color:var(--muted);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-art{display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--card),var(--line))}.word-art img{width:100%;height:100%;object-fit:cover;display:block}.word-art span{font-family:var(--serif);font-size:2rem;font-weight:700;color:var(--muted)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.toolbar.small{margin-bottom:18px}.toolbar.small:empty{display:none}.word-list{display:flex;flex-direction:column;gap:8px}.word-row{display:flex;align-items:center;gap:14px;padding:10px 14px 10px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer}.word-row:hover{border-color:var(--line-hi)}.thumb{position:relative;flex-shrink:0;width:72px;height:56px;padding:0;border:0;border-radius:10px;overflow:hidden;cursor:pointer;background:none}.thumb .word-art{width:100%;height:100%}.thumb .word-art span{font-size:1.3rem}.thumb i{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--accent);color:var(--accent-ink)}.word-main{flex:1;min-width:0}.word-line{display:flex;align-items:center;gap:8px}.word-line b{font-size:1.08rem}.word-main .ex{font-size:.85rem;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.deck-chip{font-size:.75rem;color:var(--muted)}.level{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--card);color:var(--muted)}.level.l2,.level.l3{color:var(--soft)}.level.l4,.level.l5{background:var(--accent);color:var(--accent-ink)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:16px;background:#000b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .15s}.modal{position:relative;width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px #000c;animation:pop .18s}.modal.wide{width:min(860px,100%)}.close{position:absolute;top:14px;right:14px;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:var(--card);color:var(--fg);cursor:pointer}.modal-body{padding:22px;display:flex;flex-direction:column;gap:14px}.modal-h{margin:0;padding-right:40px;font-size:1.3rem}.img-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:180px;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg);color:var(--muted);cursor:pointer;font:inherit}.img-slot.empty{border-style:dashed}.img-slot img{width:100%;height:100%;object-fit:cover}.img-slot:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.img-slot:disabled{cursor:default}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:52vh;overflow:auto;padding:2px}.img-cell{position:relative;aspect-ratio:4 / 3;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:var(--card);cursor:pointer}.img-cell img{width:100%;height:100%;object-fit:cover;display:block}.img-cell span{position:absolute;left:6px;bottom:6px;padding:1px 6px;border-radius:5px;background:#000a;color:#fff;font-size:.65rem}.img-cell:hover{border-color:var(--line-hi)}.img-cell.on{border-color:var(--accent)}.skeleton{animation:pulse 1.2s ease-in-out infinite;cursor:default}.span-all{grid-column:1 / -1;text-align:center}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;margin-bottom:18px;border-radius:14px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.import .panel{display:flex;flex-direction:column;gap:12px}.import>.panel{margin-bottom:16px}.import .panel .btn{align-self:flex-start}.step{display:flex;align-items:center;gap:10px;margin:0;font-size:1.02rem}.step i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-style:normal;font-size:.85rem;font-weight:800;flex-shrink:0}.code{margin:0;padding:14px;border-radius:10px;background:var(--bg);border:1px solid var(--line);color:var(--soft);font-size:.8rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto}.help summary{cursor:pointer;color:var(--muted);font-size:.9rem}.help[open] summary{margin-bottom:10px}.table-wrap{overflow:auto;max-height:420px}.preview{width:100%;border-collapse:collapse;font-size:.9rem}.preview th{position:sticky;top:0;background:var(--surface);text-align:left;color:var(--muted);font-weight:600;font-size:.8rem}.preview th,.preview td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}.preview tr.dup td{opacity:.45}.study{max-width:640px;margin:0 auto}.study-head{margin-bottom:18px}.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.9rem}.back:hover{color:var(--fg)}.study-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 10px}.study-title h1{margin:0;font-size:1.6rem}.card-word{font-family:var(--serif);font-size:clamp(2rem,7vw,2.8rem);font-weight:700;line-height:1.1;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.card-meaning{font-size:clamp(1.25rem,4.5vw,1.6rem);font-weight:700}.card-ex{margin:4px 0 0;font-family:var(--serif);font-style:italic;color:var(--soft);font-size:1.02rem}.flashcard{display:grid;width:100%;min-height:380px;padding:0;border:0;background:none;color:var(--fg);cursor:pointer;perspective:1400px;font:inherit}.face{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;border-radius:22px;border:1px solid var(--line);background:var(--surface);text-align:center;backface-visibility:hidden;transition:transform .45s cubic-bezier(.3,.7,.3,1)}.face.back{transform:rotateY(180deg);background:linear-gradient(160deg,var(--surface),var(--card))}.flashcard.flipped .front{transform:rotateY(-180deg)}.flashcard.flipped .back{transform:rotateY(0)}.card-art{width:min(100%,300px);aspect-ratio:4 / 3;border-radius:14px}.face .hint{margin-top:6px}.answer-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 8px;transition:opacity .2s}.answer-row.hidden{opacity:0;pointer-events:none}.answer-row .btn{flex-direction:column;gap:0}.btn.again{border-color:var(--hot);color:var(--hot);background:transparent}.question{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:28px 22px}.q-art{width:min(100%,260px);aspect-ratio:4 / 3;border-radius:14px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.option{display:flex;align-items:center;gap:12px;padding:16px;min-height:64px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:inherit;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.option:hover:not(:disabled){border-color:var(--accent)}.option:disabled{cursor:default}.option kbd{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--card);color:var(--muted);font:inherit;font-size:.8rem;flex-shrink:0}.option.right{border-color:var(--good);background:color-mix(in srgb,var(--good) 15%,var(--surface))}.option.wrong{border-color:var(--hot);background:color-mix(in srgb,var(--hot) 15%,var(--surface))}.option.dim{opacity:.5}.feedback{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px;text-align:center}.big-score{font-size:4rem;font-weight:800;color:var(--accent);line-height:1}.hint-word{font-family:ui-monospace,Consolas,monospace;font-size:1.3rem;letter-spacing:.1em;color:var(--accent)}.type-form{display:flex;flex-direction:column;gap:12px;margin-top:14px}.type-form .row{justify-content:flex-end;flex-wrap:wrap}.type-input{padding:16px 18px;font-size:1.3rem;text-align:center;font-weight:600;border-radius:14px}.type-input.right{border-color:var(--good);color:var(--good)}.type-input.wrong{border-color:var(--hot);color:var(--hot);text-decoration:line-through}.verdict{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:14px;font-size:1.05rem}.verdict.right{background:color-mix(in srgb,var(--good) 14%,var(--surface))}.verdict.wrong{background:color-mix(in srgb,var(--hot) 14%,var(--surface))}.verdict b{font-size:1.2rem}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.96);opacity:0}}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 860px){.hero-panel,.import-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.page{padding:16px 16px 40px}.topbar-inner{gap:10px;padding:0 12px}.logo-word{display:none}.login .logo-word{display:inline}.nav a{padding:8px;font-size:.9rem}.guest-chip{max-width:110px;padding:0 10px}.topbar-right{gap:6px}.hero-panel{padding:20px}.modes{grid-template-columns:minmax(0,1fr)}.mode{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:14px}.mode small{flex-basis:100%}.grid2,.options{grid-template-columns:minmax(0,1fr)}.word-meta{display:none}.toolbar .select{flex:1}.flashcard{min-height:340px}.self-end{padding-bottom:0}}.pick{max-width:860px;margin:0 auto}.pick h1{margin:10px 0 20px;font-size:clamp(1.6rem,4vw,2.2rem)}.pick .greet{margin:0}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.pick-grid.grades{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pick-card{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--surface);transition:transform .15s,border-color .15s}.pick-card:hover{transform:translateY(-3px);border-color:var(--accent)}.pick-card b{font-size:1.15rem}.pick-card small{color:var(--muted);font-size:.82rem}.pick-card .progress{margin-top:8px;height:4px}.pick-card.grade{align-items:center;text-align:center;padding:22px 12px}.pick-card.grade b{font-size:2.6rem;font-weight:800;line-height:1;color:var(--accent)}.pick-card.grade span{font-weight:700}.pick .modes{margin-top:4px}.small-note{font-size:.85rem;margin-top:6px}.row.between{justify-content:space-between}.prev-img{display:grid;place-items:center;width:56px;height:42px;padding:0;border:1px dashed var(--line-hi);border-radius:8px;overflow:hidden;background:var(--bg);color:var(--muted);cursor:pointer}.prev-img:hover{border-color:var(--accent);color:var(--accent)}.prev-img img{width:100%;height:100%;object-fit:cover}.preview td:first-child{width:64px}.spinner{width:44px;height:44px;margin:0 auto 14px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice>span{flex:1}.seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--card);border:1px solid var(--line)}.seg button{padding:8px 12px;border:0;border-radius:8px;background:none;color:var(--muted);font:inherit;font-weight:600;font-size:.88rem;cursor:pointer;white-space:nowrap}.seg button.on{background:var(--surface);color:var(--fg)}.table-wrap.tall{max-height:none;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.results td{vertical-align:middle}.results .sub{font-size:.78rem;line-height:1.35;margin-top:2px}.nowrap{white-space:nowrap}.score{display:inline-block;padding:2px 10px;border-radius:99px;font-weight:800;font-size:.9rem}.score.good{background:color-mix(in srgb,var(--good) 18%,transparent);color:var(--good)}.score.mid{background:color-mix(in srgb,#f5b400 20%,transparent);color:#c98f00}.score.bad{background:color-mix(in srgb,var(--hot) 16%,transparent);color:var(--hot)}.name-form-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(420px,100%)}.name-form-wrap .name-form{width:100%}.error.small{font-size:.88rem;font-weight:500;text-align:center}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.stu-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.stu-head b{font-size:1.05rem}.hard{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.85rem}.chip{padding:2px 9px;border-radius:99px;font-size:.8rem;font-weight:600}.chip.bad{background:color-mix(in srgb,var(--hot) 14%,transparent);color:var(--hot)}.run-list{display:flex;flex-direction:column;gap:4px}.run{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:7px 8px;border:0;border-radius:10px;background:none;color:var(--fg);font:inherit;font-size:.86rem;text-align:left;cursor:pointer}.run:hover{background:var(--card)}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--card)}tr.row-bad td{background:color-mix(in srgb,var(--hot) 6%,transparent)}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (max-width: 640px){.grid3{grid-template-columns:1fr}}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.chip.pick{cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}.chip.pick input{display:none}.chip.pick.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);font-weight:600}.pick-sub{margin:8px 0 12px;font-size:1.1rem}.pick-card.test{border-color:var(--accent)}.pick+h1,.pick-grid+h1{margin-top:28px}.option.picked{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.card-ex.big{font-size:1.25rem;line-height:1.6}.ipa{font-family:Segoe UI,Lucida Sans Unicode,Arial Unicode MS,sans-serif;color:var(--muted);font-size:.9em;font-weight:400}.card-word+.ipa{display:block;margin-top:-4px}.img-cell{background:var(--card)}.img-cell img{opacity:0;transition:opacity .2s}.img-cell img.ok{opacity:1}.cards{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}.seg{max-width:100%;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}@media (hover: none){.pick-card:hover{transform:none}}@media (max-width: 860px){.topbar-inner{flex-wrap:wrap;height:auto;min-height:56px;row-gap:0;padding-top:8px;padding-bottom:8px}.nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none;margin:4px -4px 0;padding-bottom:2px}.nav::-webkit-scrollbar{display:none}.nav.solo{display:none}.topbar-right{margin-left:auto}}@media (max-width: 640px){html{-webkit-text-size-adjust:100%}body{padding-bottom:env(safe-area-inset-bottom)}input,select,textarea,.input{font-size:16px!important}.btn{min-height:44px}.btn.big{width:100%;justify-content:center}.section-head{flex-wrap:wrap;margin:18px 0 12px}.section-head h1{font-size:1.45rem}.panel{padding:16px;border-radius:14px}.center-col{padding:28px 16px}.toolbar>*{flex:1 1 100%}.toolbar .seg,.toolbar .check{flex:1 1 100%}.row{flex-wrap:wrap}.row .grow{flex:1 1 180px}.grid3{grid-template-columns:minmax(0,1fr)}.import .panel .btn{align-self:stretch;justify-content:center}.name-form{flex-direction:column}.backdrop{place-items:end center;padding:0}.modal,.modal.wide{width:100%;max-height:92dvh;border-radius:20px 20px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}.modal-body{padding:18px 16px;gap:12px}.close{top:10px;right:10px}.img-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;max-height:46dvh}.img-slot{height:150px}.table-wrap{-webkit-overflow-scrolling:touch}.preview{font-size:.85rem}.preview th,.preview td{padding:7px 8px}.results td.nowrap{white-space:normal;min-width:150px}.results td.nowrap .btn{min-height:36px;padding:6px 10px;margin:2px 0}.study-title h1{font-size:1.3rem}.question{padding:20px 14px}.option{min-height:56px;padding:12px 14px}.type-form .row{flex-wrap:nowrap}.type-form .row .btn{flex:1;justify-content:center}.feedback .row{flex-wrap:nowrap}.feedback .row .btn{flex:1;justify-content:center}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.pick-card{padding:14px}.word-row{gap:10px;padding:8px 10px 8px 8px}.thumb{width:60px;height:48px}.stu-card{padding:14px}.chips{gap:6px}}@media (max-width: 380px){.guest-chip{max-width:90px}.pick-grid.grades{grid-template-columns:repeat(2,minmax(0,1fr))}}