:root{--primary:#1d5fbf;--primary-dark:#174d9c;--primary-bg:#e8f0fc;--accent:#c0392b;--accent-bg:#fdecea;--gold:#e0a106;--gold-bg:#fbf3dd;--success:#1e8e3e;--success-bg:#e6f4ea;--success-border:#a8dab5;--error:#c5221f;--error-bg:#fce8e6;--error-border:#f5b7b1;--text:#202124;--text-secondary:#5f6368;--muted:var(--text-secondary);--text-disabled:#9aa0a6;--bg:#fff;--bg-muted:#f7f8fa;--surface:#eff1f4;--border:#dde1e8;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 2px #3c40430f;--shadow-md:0 1px 3px #3c40431a, 0 1px 2px #3c40430f;--shadow-lg:0 4px 16px #3c404329;--transition:.2s ease}:root[data-theme=dark]{--primary:#8ab4f8;--primary-dark:#aecbfa;--primary-bg:#1e2a3d;--accent:#f08a7e;--accent-bg:#3a201e;--gold:#f3cf6b;--gold-bg:#2f2a18;--success:#81c995;--success-bg:#1d3324;--success-border:#2d4a35;--error:#f28b82;--error-bg:#3a201e;--error-border:#5c2f2c;--text:#e3e3e6;--text-secondary:#9aa0a6;--text-disabled:#6e7174;--bg:#1b1b1d;--bg-muted:#242528;--surface:#2a2b2e;--border:#3c4043;--shadow-sm:0 1px 2px #00000073;--shadow-md:0 1px 3px #00000080, 0 1px 2px #0006;--shadow-lg:0 6px 20px #0000008c}:root[data-theme=dark] .btn-primary,:root[data-theme=dark] .btn-primary-lg{color:#0c1a2e}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Roboto,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6}a{color:var(--primary);text-decoration:none}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}.wrap{max-width:760px;margin:0 auto;padding:40px 24px 80px}.topbar{margin-bottom:8px}.home-link{color:var(--text-secondary);font-size:14px}.home-link:hover{color:var(--primary)}.theme-toggle{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg);width:44px;height:44px;box-shadow:var(--shadow-md);z-index:50;place-items:center;font-size:20px;line-height:1;display:grid;position:fixed;bottom:16px;right:16px}.page-header{margin:16px 0 32px}.page-header h1{letter-spacing:-.5px;margin:0 0 8px;font-size:30px;font-weight:700}.page-header p{color:var(--text-secondary);margin:0;font-size:15px}.eyebrow{letter-spacing:1px;text-transform:uppercase;color:var(--primary);margin:0 0 6px;font-size:12px;font-weight:700}.btn-primary,.btn-primary-lg{background:var(--primary);color:#fff;border-radius:var(--radius-pill);transition:background var(--transition);border:none;padding:10px 20px;font-weight:600}.btn-primary-lg{padding:13px 26px;font-size:16px}.btn-primary:hover,.btn-primary-lg:hover{background:var(--primary-dark)}.btn-outline{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-pill);transition:border-color var(--transition);align-items:center;gap:6px;padding:10px 20px;font-weight:600;display:inline-flex}.btn-outline:hover{border-color:var(--primary)}.btn-secondary{background:var(--surface);color:var(--text);border-radius:var(--radius-pill);border:none;padding:10px 20px;font-weight:600}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-pill);background:0 0;padding:6px 14px;font-size:13px;font-weight:600}.btn-ghost:hover{color:var(--primary);border-color:var(--primary)}.banner-row{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}@media (width<=560px){.banner-row{grid-template-columns:1fr}}.banner{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-muted);transition:border-color var(--transition), box-shadow var(--transition);align-items:center;gap:12px;padding:16px 18px;display:flex}.banner:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.banner-icon{font-size:24px}.banner-title{color:var(--text);font-size:15px;font-weight:700}.banner-desc{color:var(--text-secondary);font-size:12px}.home-section-title{color:var(--text-secondary);letter-spacing:.8px;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:700}.lesson-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width<=560px){.lesson-grid{grid-template-columns:1fr}}.lesson-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;gap:8px;padding:18px;display:flex}.lesson-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.lesson-card.disabled{background:var(--bg-muted);opacity:.65;cursor:not-allowed}.lesson-card-top{justify-content:space-between;align-items:center;display:flex}.lesson-num{color:var(--primary);letter-spacing:.5px;font-size:12px;font-weight:700}.lesson-date{color:var(--text-secondary);font-size:11px}.lesson-title{color:var(--text);font-size:16px;font-weight:700}.lesson-summary{color:var(--text-secondary);font-size:13px;line-height:1.5}.lesson-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.lesson-actions a{font-size:13px;font-weight:600}.lesson-actions .learn{color:var(--text)}.lesson-actions .sep{color:var(--border)}.doc-breadcrumb{color:var(--text-secondary);flex-wrap:wrap;gap:8px;margin:14px 0 18px;font-size:13px;display:flex}.doc-breadcrumb a{color:var(--text-secondary)}.doc-breadcrumb a:hover{color:var(--primary)}.doc-hero{margin-bottom:8px}.doc-hero h1{letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:700}.doc-hero-summary{color:var(--text-secondary);margin:0;font-size:15px}.doc-section{margin-top:40px;scroll-margin-top:20px}.doc-section-title{align-items:baseline;gap:10px;margin:0 0 14px;font-size:20px;font-weight:700;display:flex}.doc-section-num{color:#fff;background:var(--primary);border-radius:var(--radius-sm);letter-spacing:.5px;padding:2px 7px;font-size:12px;font-weight:700}:root[data-theme=dark] .doc-section-num{color:#0c1a2e}.doc-section-lead{color:var(--text-secondary);margin:-6px 0 14px;font-size:14px}.entry{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);margin:12px 0;padding:16px 18px}.entry-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.entry-en{font-size:18px;font-weight:700}.entry-type{color:var(--primary);background:var(--primary-bg);border-radius:var(--radius-pill);letter-spacing:.4px;padding:2px 9px;font-size:11px;font-weight:700}.entry-ko{color:var(--text-secondary);font-size:14px}.entry-def{margin-top:8px;font-size:14px}.entry-def .eq{color:var(--text-disabled);margin-right:6px}.entry-def-ko{color:var(--text-secondary);font-size:13px}.entry-note{color:var(--gold);margin-top:8px;font-size:12px}.examples{flex-direction:column;gap:2px;margin:10px 0 0;display:flex}.example{border-radius:var(--radius-md);grid-template-columns:1fr;gap:2px;padding:11px 14px;display:grid}.example:nth-child(odd){background:var(--bg-muted)}.example-en{font-size:15px;font-weight:500}.example-ko{color:var(--text-secondary);font-size:13px}.example-note{color:var(--gold);margin-top:2px;font-size:12px}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:8px 0;display:grid}.vocab-cell{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.vocab-cell-en{align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.vocab-cell-ko{color:var(--text-secondary);font-size:13px}.note{border-left:3px solid var(--gold);background:var(--gold-bg);border-radius:var(--radius-sm);margin:14px 0;padding:12px 16px;font-size:14px}.note strong{color:var(--text)}.note.tip{border-left-color:var(--primary);background:var(--primary-bg)}.corrections{flex-direction:column;gap:8px;margin:8px 0;display:flex}.correction{border:1px solid var(--border);border-left:3px solid var(--error);border-radius:var(--radius-md);background:var(--bg);padding:12px 14px}.correction-wrong{color:var(--error);font-size:14px;text-decoration:line-through}.correction-right{color:var(--success);font-size:15px;font-weight:600}.correction-note{color:var(--text-secondary);margin-top:2px;font-size:12px}.v{border-bottom:1.5px dotted var(--primary);cursor:help;color:inherit;font-weight:600}.v:hover,.v:focus{background:var(--primary-bg);border-radius:3px}#v-popover{z-index:100;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);min-width:190px;max-width:300px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;padding:12px 14px;font-size:14px;line-height:1.5;transition:opacity .12s,transform .12s;position:absolute;transform:translateY(4px)}#v-popover.show{opacity:1;pointer-events:auto;transform:translateY(0)}.vp-head{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.vp-en{font-size:16px;font-weight:700}.vp-type{color:var(--primary);background:var(--primary-bg);border-radius:var(--radius-pill);padding:1px 8px;font-size:11px;font-weight:700}.vp-ko{color:var(--text)}.vp-def{color:var(--text-secondary);margin-top:6px;font-size:13px}.vp-note{color:var(--text-secondary);border-top:1px solid var(--border);margin-top:8px;padding-top:7px;font-size:12px}.article-body{margin-top:8px}.article-body p{margin:0 0 18px;font-family:Georgia,Times New Roman,Noto Serif KR,serif;font-size:17px;line-height:1.75}.article-meta{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 18px;display:flex}.article-tag{border-radius:var(--radius-pill);background:var(--surface);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;font-size:11px;font-weight:700}.article-tag.covered{background:var(--success-bg);color:var(--success)}.questions{counter-reset:q;flex-direction:column;gap:8px;margin:8px 0;display:flex}.question{border-radius:var(--radius-md);background:var(--bg-muted);gap:10px;padding:12px 14px;font-size:15px;display:flex}.question:before{counter-increment:q;content:counter(q);border-radius:var(--radius-pill);background:var(--primary);color:#fff;flex:none;place-items:center;width:22px;height:22px;margin-top:2px;font-size:12px;font-weight:700;display:grid}:root[data-theme=dark] .question:before{color:#0c1a2e}.article-list{flex-direction:column;gap:10px;display:flex}.article-item{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;gap:3px;padding:14px 18px;display:flex}.article-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.article-item-title{color:var(--text);font-size:15px;font-weight:700}.article-item-ko{color:var(--text-secondary);font-size:13px}.article-item-meta{color:var(--text-disabled);font-size:12px}.lesson-nav{border-top:1px solid var(--border);justify-content:space-between;gap:12px;margin-top:48px;padding-top:24px;display:flex}.lesson-nav a{border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition);flex:1;padding:12px 16px}.lesson-nav a:hover{border-color:var(--primary)}.lesson-nav .nav-dir{color:var(--text-secondary);font-size:12px}.lesson-nav .nav-title{color:var(--text);font-size:14px;font-weight:700}.lesson-nav .next{text-align:right}.review-cta{border-radius:var(--radius-lg);background:var(--primary-bg);border:1px solid var(--primary);justify-content:space-between;align-items:center;gap:12px;margin-top:36px;padding:18px 20px;display:flex}.review-cta-text{color:var(--text);font-weight:700}.review-cta-sub{color:var(--text-secondary);font-size:13px;font-weight:400}.toc{flex-wrap:wrap;gap:8px;margin:4px 0 8px;display:flex}.toc a{border-radius:var(--radius-pill);background:var(--surface);color:var(--text-secondary);padding:5px 12px;font-size:13px;font-weight:600}.toc a:hover{background:var(--primary);color:#fff}.mode-tabs{flex-wrap:wrap;gap:8px;margin:18px 0 24px;display:flex}.mode-tab{border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-pill);color:var(--text);padding:9px 16px;font-size:14px;font-weight:600}.mode-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}:root[data-theme=dark] .mode-tab.active{color:#0c1a2e}.mode-tab .count{opacity:.7;margin-left:4px;font-size:12px}.fc-stage{perspective:1200px}.fc-card{cursor:pointer;width:100%;min-height:280px;transform-style:preserve-3d;margin:0 auto;transition:transform .45s;position:relative}.fc-card.flipped{transform:rotateY(180deg)}.fc-face{backface-visibility:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);text-align:center;box-shadow:var(--shadow-md);flex-direction:column;justify-content:safe center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0;overflow-y:auto}.fc-back{transform:rotateY(180deg)}.fc-en{font-size:30px;font-weight:700;line-height:1.3}.fc-ko{font-size:24px;font-weight:600}.fc-sub{color:var(--text-secondary);font-size:14px}.fc-def{border-top:1px solid var(--border);text-align:left;width:100%;max-width:380px;margin-top:12px;padding-top:12px}.fc-def-en{color:var(--text);font-size:14px;line-height:1.5}.fc-def-ko{color:var(--text-secondary);margin-top:3px;font-size:13px;line-height:1.5}.fc-ex{border-radius:var(--radius-md);background:var(--surface);text-align:left;width:100%;max-width:380px;margin-top:10px;padding:10px 12px}.fc-ex-en{color:var(--primary);font-size:14px;font-weight:600;line-height:1.45}.fc-ex-ko{color:var(--text-secondary);margin-top:3px;font-size:13px;line-height:1.45}.fc-hint{color:var(--text-disabled);margin-top:8px;font-size:12px}.fc-controls{justify-content:center;gap:10px;margin-top:20px;display:flex}.fc-controls .know{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border);border-radius:var(--radius-pill);padding:11px 22px;font-weight:700}.fc-controls .dont{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border);border-radius:var(--radius-pill);padding:11px 22px;font-weight:700}.fc-progress{text-align:center;color:var(--text-secondary);margin-bottom:14px;font-size:13px}.fc-dir-toggle{justify-content:center;margin-bottom:16px;display:flex}.quiz-progress-row{align-items:center;gap:12px;margin-bottom:18px;display:flex}.quiz-bar{flex:1;gap:4px;display:flex}.quiz-seg{background:var(--surface);border-radius:3px;flex:1;height:6px}.quiz-seg.answered{background:var(--primary)}.quiz-seg.current{background:var(--gold)}.quiz-counter{color:var(--text-secondary);white-space:nowrap;font-size:13px}.badge{border-radius:var(--radius-pill);padding:3px 9px;font-size:12px;font-weight:700}.badge-correct{background:var(--success-bg);color:var(--success)}.badge-wrong{background:var(--error-bg);color:var(--error)}.q-prompt{margin:6px 0 18px;font-size:18px;font-weight:600;line-height:1.5}.q-prompt .q-num{color:var(--primary);margin-right:6px}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-md);transition:border-color var(--transition), background var(--transition);width:100%;padding:13px 16px;font-size:15px}.option:not(:disabled):hover{border-color:var(--primary)}.option.correct{border-color:var(--success-border);background:var(--success-bg)}.option.wrong{border-color:var(--error-border);background:var(--error-bg)}.option-row{align-items:baseline;gap:10px;display:flex}.option-label{color:var(--text-secondary);font-weight:700}.option-feedback{color:var(--text-secondary);margin-top:8px;font-size:13px}.option-feedback-label{font-weight:700}.option.correct .option-feedback-label{color:var(--success)}.option.wrong .option-feedback-label{color:var(--error)}.quiz-nav{justify-content:space-between;gap:12px;margin-top:22px;display:flex}.drill-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-sm);padding:24px}.drill-prompt{color:var(--text-secondary);margin-bottom:6px;font-size:16px}.drill-subject{text-align:center;margin:8px 0 4px;font-size:28px;font-weight:700}.drill-meta{text-align:center;color:var(--text-secondary);margin-bottom:18px;font-size:14px}.drill-input{text-align:center;border-radius:var(--radius-md);border:2px solid var(--border);background:var(--bg);width:100%;color:var(--text);padding:12px;font-family:inherit;font-size:20px}.drill-input:focus{border-color:var(--primary);outline:none}.drill-input.correct{border-color:var(--success);background:var(--success-bg)}.drill-input.wrong{border-color:var(--error);background:var(--error-bg)}.drill-answer{text-align:center;margin-top:14px;font-size:15px}.drill-answer .sol{color:var(--success);font-weight:700}.ordena-built{border:2px dashed var(--border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:8px;min-height:58px;margin:16px 0 12px;padding:10px 12px;display:flex}.ordena-built.ok{border-color:var(--success);background:var(--success-bg);border-style:solid}.ordena-built.no{border-color:var(--error);background:var(--error-bg);border-style:solid}.ordena-empty{color:var(--text-disabled);font-size:13px}.ordena-bank{flex-wrap:wrap;gap:8px;min-height:40px;display:flex}.tile{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;padding:9px 14px;font-size:16px;font-weight:600}.tile:hover{border-color:var(--primary)}.tile.used{opacity:.25;pointer-events:none;box-shadow:none}.ordena-tip{margin:12px 0 0;font-size:12px}.esc-q{text-align:center;color:var(--primary);margin:4px 0 2px;font-size:18px;font-weight:700}.hint-blur{color:inherit;font:inherit;cursor:pointer;filter:blur(5px);user-select:none;background:0 0;border:none;padding:0;font-weight:700;transition:filter .15s}.hint-blur.revealed{filter:none;cursor:auto;user-select:auto}.result{text-align:center;padding:36px 0}.result-score{color:var(--primary);font-size:52px;font-weight:700}.result-message{margin:8px 0 18px;font-size:18px}.result-badges{justify-content:center;gap:10px;margin-bottom:24px;display:flex}.result-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.review-list{text-align:left;flex-direction:column;gap:8px;max-width:520px;margin:18px auto 0;display:flex}.review-list-title{text-align:left;max-width:520px;color:var(--text-secondary);margin:28px auto 0;font-size:14px;font-weight:700}.review-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);border-left-width:3px;padding:10px 14px}.review-item.ok{border-left-color:var(--success)}.review-item.no{border-left-color:var(--error)}.review-q{margin-bottom:4px;font-size:14px;font-weight:600}.review-a{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.review-a .sol{color:var(--success);font-weight:700}.review-a .mine-wrong{color:var(--error);text-decoration:line-through}.vocab-slot:empty{display:none}.vocab-inline{border-top:1px solid var(--border);text-align:left;margin-top:16px;padding-top:14px}.vocab-inline-title{color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:700}.vocab-inline-title .muted{font-weight:400}.result .vocab-inline{max-width:520px;margin:24px auto 0}.vocab-chips{flex-wrap:wrap;gap:7px;display:flex}.vocab-chip{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:var(--radius-pill);transition:border-color var(--transition), background var(--transition);align-items:baseline;gap:6px;padding:5px 11px;font-size:13px;display:inline-flex}.vocab-chip:hover{border-color:var(--primary)}.vocab-chip.is-fav{border-color:var(--gold);background:var(--gold-bg)}.vocab-chip .vc-star{color:var(--text-disabled);font-size:14px}.vocab-chip.is-fav .vc-star{color:var(--gold)}.vocab-chip .vc-en{font-weight:700}.vocab-chip .vc-ko{color:var(--text-secondary)}.resume-bar{border-radius:var(--radius-md);background:var(--gold-bg);border:1px solid var(--gold);color:var(--text);justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.resume-bar[hidden]{display:none}.quiz-tag{color:var(--primary);background:var(--primary-bg);border-radius:var(--radius-pill);margin-bottom:8px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.review-tag{color:var(--text-secondary);background:var(--border);border-radius:var(--radius-pill);vertical-align:middle;margin-right:4px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.wrong-count-badge{text-align:center;color:#fff;background:var(--error);border-radius:var(--radius-pill);vertical-align:middle;min-width:20px;margin-left:4px;padding:1px 7px;font-size:12px;font-weight:700;display:inline-block}.notas-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 6px;display:flex}.notas-count{color:var(--text-secondary);font-size:15px}.notas-count strong{color:var(--text);font-size:18px}.notas-actions{flex-wrap:wrap;gap:8px;display:flex}.notas-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.notas-item{border:1px solid var(--border);border-left:3px solid var(--error);border-radius:var(--radius-md);background:var(--bg);align-items:center;gap:10px;padding:10px 14px;display:flex}.notas-body{flex:1;min-width:0}.notas-q{margin-bottom:3px;font-size:14px;font-weight:600}.notas-meta{color:var(--text-secondary);font-size:12px}.notas-del{color:var(--text-disabled);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:4px 6px;font-size:15px}.notas-del:hover{color:var(--error);background:var(--error-bg)}.fav-count-badge{color:var(--text);background:var(--gold-bg);border:1px solid var(--gold);border-radius:var(--radius-pill);vertical-align:middle;margin-left:4px;padding:0 8px;font-size:12px;font-weight:700;display:inline-block}.empty{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty h2{color:var(--text)}.vocab-search{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);width:100%;color:var(--text);margin-bottom:8px;padding:12px 16px;font-family:inherit;font-size:15px}.vocab-search:focus{border-color:var(--primary);outline:none}.vocab-count{color:var(--text-secondary);margin:0 0 18px;font-size:13px}.vocab-filters{flex-wrap:wrap;gap:8px;margin:10px 0 6px;display:flex}.filter-chip{border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);border-radius:var(--radius-pill);padding:6px 14px;font-size:13px;font-weight:600}.filter-chip:hover{border-color:var(--gold)}.filter-chip.active{background:var(--gold-bg);border-color:var(--gold);color:var(--text)}.vocab-item{border-bottom:1px solid var(--border)}.vocab-item.hidden{display:none}.vocab-row-wrap{align-items:center;gap:4px;display:flex}.vocab-fav{color:var(--text-disabled);border-radius:var(--radius-md);background:0 0;border:none;flex:none;padding:8px 6px;font-size:17px;line-height:1}.vocab-fav:hover{background:var(--gold-bg);color:var(--gold)}.vocab-fav.is-fav{color:var(--gold)}.vocab-row{text-align:left;cursor:pointer;border-radius:var(--radius-sm);width:100%;transition:background var(--transition);background:0 0;border:none;align-items:baseline;gap:12px;padding:11px 4px;font-family:inherit;display:flex}.vocab-row:hover{background:var(--bg-muted)}.vocab-row-en{color:var(--text);min-width:150px;font-size:16px;font-weight:700}.vocab-row-ko{color:var(--text-secondary);flex:1;font-size:14px}.vocab-row-tag{color:var(--text-disabled);white-space:nowrap;font-size:11px}.vocab-row-caret{color:var(--text-disabled);transition:transform var(--transition);font-size:11px}.vocab-item.open .vocab-row-caret{transform:rotate(180deg)}.vocab-item.open .vocab-row{background:var(--bg-muted)}@media (width<=560px){.vocab-row{grid-template-columns:1fr auto;grid-template-areas:"en caret""ko ko";gap:2px 8px;display:grid}.vocab-row-en{grid-area:en;min-width:0}.vocab-row-ko{grid-area:ko}.vocab-row-caret{grid-area:caret;align-self:center}.vocab-row-tag{display:none}}.vocab-detail{padding:4px 14px 18px}.vd-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.vd-en{font-size:20px;font-weight:700}.vd-tag{color:var(--text-disabled);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px 8px;font-size:11px}.vd-ko{color:var(--text);margin-top:4px;font-size:15px}.vd-def{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.vd-def-en{color:var(--text);font-size:14px;line-height:1.55}.vd-def-ko{color:var(--text-secondary);margin-top:3px;font-size:13px;line-height:1.55}.vd-ex{border-radius:var(--radius-md);background:var(--surface);margin-top:10px;padding:10px 12px}.vd-ex-en{color:var(--primary);font-size:14px;font-weight:600;line-height:1.45}.vd-ex-ko{color:var(--text-secondary);margin-top:3px;font-size:13px;line-height:1.45}.vd-note{color:var(--text-secondary);margin-top:10px;font-size:12px}.vd-src{margin-top:10px;font-size:12px}.speak-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-sm);text-align:center;padding:28px 24px}.speak-q{margin:8px 0 4px;font-size:22px;font-weight:700;line-height:1.45}.speak-src{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.speak-src a{font-weight:600}.speak-timer{color:var(--primary);font-variant-numeric:tabular-nums;margin:10px 0 2px;font-size:44px;font-weight:700}.speak-timer.warn{color:var(--error)}.speak-phase{letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:14px;font-size:13px;font-weight:700}.speak-controls{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.speak-tip{color:var(--text-secondary);text-align:left;margin-top:20px;font-size:13px}.hint-toggle{color:var(--primary);background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:600}.muted{color:var(--text-secondary)}.center{text-align:center}