:root{color-scheme:light dark;--bg: #f2f0eb;--surface: #f8f6f2;--surface-2: #e8e5de;--border: #e0e0d9;--outline: #e0e0d9;--outline-w: 1px;--text: #3b3b38;--text-dim: #6f6f69;--text-faint: #9d9d95;--accent-fill: #a9dcc6;--accent-fill-hi: #bbe6d5;--accent-text: #1d4a3b;--accent: #2a6b56;--accent-deep: #1d4a3b;--accent-soft: #e4f4ed;--accent-line: #c9e8db;--focus-hue: 0, 207, 204;--ok-fill: #a9dcc6;--warn-fill: #f2dd93;--err-fill: #f0a9a4;--gold: #6b5a1e;--gold-soft: #faf1d6;--danger: #8c3b36;--danger-soft: #fbe6e4;--success: #2a6b56;--radius: 20px;--radius-btn: 999px;--radius-sm: 10px;--rim: inset 0 1px 0 rgba(255, 255, 255, .55);--e1: -2px -2px 3px rgba(255, 255, 255, .95), 2px 2px 3px rgba(90, 82, 62, .3);--e2: -3px -3px 5px rgba(255, 255, 255, 1), 3px 3px 5px rgba(90, 82, 62, .34);--e3: -5px -5px 8px rgba(255, 255, 255, 1), 5px 5px 8px rgba(90, 82, 62, .38);--e4: -7px -7px 11px rgba(255, 255, 255, 1), 7px 7px 11px rgba(90, 82, 62, .42);--e5: -10px -10px 16px rgba(255, 255, 255, 1), 10px 10px 16px rgba(90, 82, 62, .46);--shadow: var(--e3);--inset: inset 3px 3px 6px rgba(90, 82, 62, .28), inset -3px -3px 6px rgba(255, 255, 255, 1);--glow: 0 0 0 6px rgba(169, 220, 198, .4);--focus: 0 0 0 3px rgba(var(--focus-hue), .38);--plates: 0 6px 0 -2px var(--surface), 0 7px 2px -2px rgba(58, 58, 52, .06), 0 12px 0 -4px var(--surface), 0 13px 2px -4px rgba(58, 58, 52, .05);--gap-row: .75rem;--gap: 1.25rem;--gap-section: 2.5rem;--tabbar: 64px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #232622;--surface: #282b27;--surface-2: #1d201c;--border: #363a34;--outline: #363a34;--text: #edefe9;--text-dim: #a9aca5;--text-faint: #7c7f78;--accent-fill: #3f7a64;--accent-fill-hi: #4d8f76;--accent-text: #e8faf1;--accent: #8ed4b7;--accent-deep: #a9dcc6;--accent-soft: #24332d;--accent-line: #3a5a4c;--ok-fill: #3f7a64;--warn-fill: #6b5a1e;--err-fill: #7a3a36;--gold: #e6cf8a;--gold-soft: #2f2a18;--danger: #eaa39c;--danger-soft: #331f1d;--rim: inset 0 1px 0 rgba(255, 255, 255, .05);--e1: -2px -2px 3px rgba(255, 255, 255, .07), 2px 2px 3px rgba(0, 0, 0, .7);--e2: -3px -3px 5px rgba(255, 255, 255, .08), 3px 3px 5px rgba(0, 0, 0, .74);--e3: -5px -5px 8px rgba(255, 255, 255, .09), 5px 5px 8px rgba(0, 0, 0, .8);--e4: -7px -7px 11px rgba(255, 255, 255, .1), 7px 7px 11px rgba(0, 0, 0, .86);--e5: -10px -10px 16px rgba(255, 255, 255, .11), 10px 10px 16px rgba(0, 0, 0, .92);--inset: inset 3px 3px 7px rgba(0, 0, 0, .6), inset -3px -3px 7px rgba(255, 255, 255, .05);--glow: 0 0 0 6px rgba(63, 122, 100, .45);--plates: 0 6px 0 -2px var(--surface), 0 7px 2px -2px rgba(0, 0, 0, .35), 0 12px 0 -4px var(--surface), 0 13px 2px -4px rgba(0, 0, 0, .3)}}:root[data-theme=dark]{--bg: #232622;--surface: #282b27;--surface-2: #1d201c;--border: #363a34;--outline: #363a34;--text: #edefe9;--text-dim: #a9aca5;--text-faint: #7c7f78;--accent-fill: #3f7a64;--accent-fill-hi: #4d8f76;--accent-text: #e8faf1;--accent: #8ed4b7;--accent-deep: #a9dcc6;--accent-soft: #24332d;--accent-line: #3a5a4c;--ok-fill: #3f7a64;--warn-fill: #6b5a1e;--err-fill: #7a3a36;--gold: #e6cf8a;--gold-soft: #2f2a18;--danger: #eaa39c;--danger-soft: #331f1d;--rim: inset 0 1px 0 rgba(255, 255, 255, .05);--e1: -2px -2px 3px rgba(255, 255, 255, .07), 2px 2px 3px rgba(0, 0, 0, .7);--e2: -3px -3px 5px rgba(255, 255, 255, .08), 3px 3px 5px rgba(0, 0, 0, .74);--e3: -5px -5px 8px rgba(255, 255, 255, .09), 5px 5px 8px rgba(0, 0, 0, .8);--e4: -7px -7px 11px rgba(255, 255, 255, .1), 7px 7px 11px rgba(0, 0, 0, .86);--e5: -10px -10px 16px rgba(255, 255, 255, .11), 10px 10px 16px rgba(0, 0, 0, .92);--inset: inset 3px 3px 7px rgba(0, 0, 0, .6), inset -3px -3px 7px rgba(255, 255, 255, .05);--glow: 0 0 0 6px rgba(63, 122, 100, .45);--plates: 0 6px 0 -2px var(--surface), 0 7px 2px -2px rgba(0, 0, 0, .35), 0 12px 0 -4px var(--surface), 0 13px 2px -4px rgba(0, 0, 0, .3)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Noto Sans KR,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}:root[data-lang=ja] body{font-family:Inter,Noto Sans JP,Noto Sans KR,Hiragino Sans,Hiragino Kaku Gothic ProN,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}.ko,.ko-big,.word{font-weight:700;letter-spacing:-.01em}.shell{max-width:60rem;margin:0 auto;padding:1.1rem 1.4rem 3rem}.topbar{display:block;padding:.6rem 1rem .5rem;background:var(--bg);position:sticky;top:0;z-index:20}.topbar .brand{font-weight:800;letter-spacing:-.03em;text-decoration:none;color:var(--text);font-size:1.25rem}.topbar .who{font-size:.85rem;color:var(--text-dim);display:inline-flex;align-items:center;gap:.3rem}.topbar .spacer{flex:1}.topbar-main{display:flex;align-items:center;gap:.55rem}.topnav{display:flex;flex:1 1 auto;justify-content:space-evenly;gap:.2rem}.topnav a{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;font-size:.84rem;font-weight:600;color:var(--text-dim);padding:.4rem .85rem;border-radius:999px;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.topnav .ico{display:inline-block;width:1.1em;text-align:center;font-size:1.05rem;line-height:1}.topnav a:hover{color:var(--text)}.topnav a.on{background:var(--accent-fill);color:var(--accent-text);box-shadow:var(--rim),var(--e3)}.topnav a.on:hover{color:var(--accent-text)}@media (max-width: 719px){.topnav{gap:.1rem}.topnav a{padding:.42rem}.topnav .lbl{display:none}.topnav .ico{font-size:1.1rem}.topnav .badge{position:absolute;top:-2px;right:-2px;margin:0;min-width:.95rem;height:.95rem;padding:0 .18rem;font-size:.6rem;box-shadow:var(--rim),var(--e1)}}.learn-modes{margin:.8rem 0 0}.learn-bar{gap:.45rem;margin:.2rem 0 0}.learn-bar .seg{margin-bottom:0;min-width:0}.btn.small.learn-level{font-size:.92rem;padding:.44rem .9rem;flex-shrink:0}@media (max-width: 430px){.learn-bar .seg button{padding-left:.6rem;padding-right:.6rem;font-size:.8rem}.btn.small.learn-level{font-size:.88rem;padding-left:.72rem;padding-right:.72rem}}.lvl-next{opacity:.6;font-weight:400}.map-card{margin-top:1.5rem}.map-card-text{min-width:0}.map-card-text .subtitle{margin:.2rem 0 0}.crumb{color:var(--text-dim);font-size:.85rem}.crumb a{color:var(--text-dim)}a{color:var(--accent)}h1{font-size:2rem;font-weight:800;letter-spacing:-.035em;margin:1.4rem 0 .3rem;line-height:1.15}h2{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:var(--gap-section) 0 .9rem}.subtitle{color:var(--text-dim);margin:0 0 1.4rem;font-size:.94rem}.subtitle.small{font-size:.82rem;margin-bottom:.8rem}.dim{color:var(--text-dim)}.card{background:var(--surface);border:0;border-radius:var(--radius);padding:1.15rem 1.25rem;box-shadow:var(--rim),var(--e3)}.card.stacked{box-shadow:var(--rim),var(--plates),var(--e3);margin-bottom:14px}.card,.notice{margin-bottom:var(--gap)}.card-list>.card,.grid>.card,.wb-list>.card,.today-list>.card,.shelf>.card,.login-wrap .card{margin-bottom:0}a.card,.card.clickable{transition:box-shadow .16s ease,transform .16s ease}a.card:hover,.card.clickable:hover{box-shadow:var(--rim),var(--e4);transform:translateY(-1px)}a.card:active,.card.clickable:active{transform:translateY(0);box-shadow:var(--e2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;text-decoration:none;font:inherit;font-weight:600;font-size:.9rem;padding:.62rem 1.2rem;border-radius:var(--radius-btn);border:0;background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--rim),var(--e2);transition:transform .14s ease,background .14s ease,box-shadow .14s ease;white-space:nowrap}.btn:hover{box-shadow:var(--rim),var(--e3);transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:var(--inset)}.btn:focus-visible{outline:none;box-shadow:var(--rim),var(--e2),var(--focus)}.btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none;background:var(--surface-2);color:var(--text-faint)}.btn.primary{background:var(--accent-fill);color:var(--accent-text);box-shadow:var(--rim),var(--e3)}.btn.primary:hover{background:var(--accent-fill-hi);box-shadow:var(--rim),var(--e4),var(--glow)}.btn.primary:active{transform:translateY(0);box-shadow:var(--inset)}.btn.ghost{background:transparent;color:var(--text-dim);box-shadow:none}.btn.ghost:hover{background:var(--surface-2);color:var(--text);transform:none;box-shadow:none}.btn.ghost:active{transform:none;box-shadow:none}.btn.ghost:hover{background:var(--surface-2);color:var(--text)}.btn.small{padding:.38rem .85rem;font-size:.8rem}.row{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.row.center{justify-content:center}.row.between{justify-content:space-between}.pill.hint{white-space:normal;line-height:1.4;max-width:100%}.pill{font-size:.7rem;font-weight:600;padding:.22rem .65rem;border-radius:999px;background:var(--surface-2);color:var(--text-dim);border:0;white-space:nowrap}.pill.said{background:var(--accent-soft);color:var(--accent)}.pill.warn{background:var(--danger-soft);color:var(--danger)}.chip{font:inherit;font-size:.82rem;font-weight:600;padding:.38rem .85rem;border-radius:999px;border:0;background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--rim),var(--e2);transition:background .14s ease,color .14s ease,box-shadow .14s ease}.chip:hover{box-shadow:var(--rim),var(--e3)}.chip:focus-visible{outline:none;box-shadow:var(--rim),var(--e2),var(--focus)}.chip.on{background:var(--accent-fill);color:var(--accent-text);box-shadow:var(--inset)}.seg{display:inline-flex;gap:2px;padding:4px;border-radius:var(--radius-btn);background:var(--surface-2);box-shadow:var(--inset);margin-bottom:.5rem}.seg button{font:inherit;font-size:.85rem;font-weight:600;padding:.42rem 1rem;border:none;border-radius:999px;background:transparent;color:var(--text-dim);cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.seg button:hover{color:var(--text)}.seg button.on{background:var(--accent-fill);color:var(--accent-text);box-shadow:var(--rim),var(--e2)}.notice{background:var(--warn-fill);border:0;box-shadow:var(--rim),var(--e2);color:var(--gold);border-radius:var(--radius);padding:.9rem 1.1rem;font-size:.85rem}.shelf{display:flex;gap:.7rem;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:.4rem;margin:0 -1.1rem;padding-left:1.1rem;padding-right:1.1rem;scrollbar-width:none}.shelf::-webkit-scrollbar{display:none}.shelf>*{scroll-snap-align:start;flex:0 0 auto}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.tile{display:block;text-decoration:none;color:inherit;background:var(--surface);border:0;border-radius:var(--radius);padding:1.15rem;box-shadow:var(--rim),var(--e3);transition:box-shadow .16s ease,transform .16s ease}.tile:hover{box-shadow:var(--rim),var(--e4);transform:translateY(-2px)}.tile:active{transform:translateY(0);box-shadow:var(--e2)}.icon{display:grid;place-items:center;width:2.6rem;height:2.6rem;margin-bottom:.6rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:1.15rem;font-weight:700;box-shadow:var(--rim)}.tile .name{font-weight:600}.tile .sub{color:var(--text-dim);font-size:.85rem}.progress{height:9px;background:var(--surface-2);border:0;border-radius:999px;box-shadow:var(--inset);overflow:hidden}.progress>div{height:100%;background:var(--accent);border-radius:999px;transition:width .25s ease}.progress-label{font-size:.8rem;color:var(--text-dim);margin-top:.35rem}.flashcard{min-height:14rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.flashcard .word{font-size:2.4rem;font-weight:700;letter-spacing:-.02em}.flashcard .meaning{font-size:1.25rem}.flashcard .example{color:var(--text-dim);font-size:.95rem;max-width:32rem}.flashcard .tap{color:var(--text-dim);font-size:.85rem}.grammar-title{font-size:2rem;font-weight:700;margin:0 0 .25rem}.example-row{padding:.75rem 0;border-bottom:1px solid var(--border)}.example-row:last-child{border-bottom:none}.example-row .ko{font-size:1.2rem;font-weight:600}.example-row .en{color:var(--text-dim)}.example-row .note{color:var(--text-dim);font-size:.88rem;margin-top:.3rem;font-style:italic}ul.plain{margin:.5rem 0 0;padding-left:1.2rem}ul.plain li{margin-bottom:.4rem}.slot-area{min-height:4.5rem;border:2px dashed var(--border);border-radius:var(--radius);padding:.75rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;background:var(--surface-2)}.slot-area.correct{border-color:var(--accent);border-style:solid;background:var(--accent-soft)}.slot-area.wrong{border-color:var(--danger);border-style:solid;background:var(--danger-soft)}.slot-area:empty:after{content:attr(data-placeholder);color:var(--text-dim);font-size:.9rem}.chunk{font:inherit;font-size:1.15rem;font-weight:600;padding:.45rem .85rem;border-radius:9px;border:var(--outline-w) solid var(--outline);background:var(--surface);color:var(--text);cursor:pointer}.chunk:hover{border-color:var(--accent)}.dictation-input{font:inherit;font-size:1.3rem;width:100%;padding:.7rem .9rem;border-radius:9px;border:0;box-shadow:var(--inset);background:var(--surface);color:var(--text)}.dictation-input:focus{outline:2px solid var(--accent);outline-offset:1px}.diff-ok{color:var(--accent);font-weight:700}.diff-bad{color:var(--danger);font-weight:700;text-decoration:underline wavy}.answer-line{font-size:1.35rem;font-weight:600}.speak-btn{font-size:1.5rem;width:3.4rem;height:3.4rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--surface);cursor:pointer;color:var(--text);box-shadow:var(--rim),var(--e2);transition:box-shadow .14s ease,background .14s ease,transform .14s ease}.speak-btn.small{width:2rem;height:2rem;font-size:.9rem}.speak-btn:hover{box-shadow:var(--rim),var(--e3);transform:translateY(-1px)}.speak-btn:active{transform:translateY(0);box-shadow:var(--inset)}.speak-btn:focus-visible{outline:none;box-shadow:var(--rim),var(--e2),var(--focus)}.speak-btn.speaking{background:var(--accent-fill);color:var(--accent-text);box-shadow:var(--inset)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.login-wrap{max-width:24rem;margin:4rem auto;padding:0 1.25rem}.login-wrap h1{margin-bottom:.25rem}.login-wrap .card{display:flex;flex-direction:column;gap:.75rem}.login-label{font-size:.85rem;color:var(--text-dim)}.login-error{color:var(--danger);font-size:.9rem;margin:0}.who{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-dim)}.legend{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.5rem}.chip.known,.chip.taught,.chip.weak{font-size:.74rem;padding:.2rem .62rem;border-radius:999px;border:0;background:var(--surface-2);color:var(--text-dim);box-shadow:none;white-space:nowrap}.chip.known{background:var(--accent-fill);color:var(--accent-text)}.chip.taught{background:var(--accent-soft);color:var(--accent)}.chip.weak{background:var(--danger-soft);color:var(--danger)}.chip.next{background:var(--surface);border-color:var(--accent);color:var(--accent)}.chip.locked{opacity:.6}.cat-block{margin:1rem 0 1.25rem}.cat-title{font-size:.95rem;margin:0 0 .5rem;letter-spacing:-.01em}.cat-en{color:var(--text-dim);font-weight:400;font-size:.85rem}.node-row{display:flex;gap:.45rem;flex-wrap:wrap}.node{font:inherit;font-size:.95rem;font-weight:600;padding:.4rem .75rem;border-radius:9px;border:var(--outline-w) solid var(--outline);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .1s ease}.node:hover{transform:translateY(-1px);border-color:var(--accent)}.node.known{background:var(--accent);border-color:var(--accent);color:#fff}.node.taught{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.node.weak{background:var(--danger-soft);border-color:var(--danger);color:var(--danger);box-shadow:inset 0 -3px 0 var(--danger)}.node.todo{color:var(--text-dim);border-style:dashed}button.tile{text-align:left;font:inherit;cursor:pointer;width:100%}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120f73;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto;z-index:50}.sheet{background:var(--surface);border:var(--outline-w) solid var(--outline);border-radius:var(--radius);padding:1.5rem;max-width:42rem;width:100%}.chunk.ok{border-color:var(--accent);background:var(--accent-soft)}.chunk.bad{border-color:var(--danger);background:var(--danger-soft)}.card-list{display:flex;flex-direction:column;gap:var(--gap)}.phrase{transition:border-color .15s ease}.phrase.done{border-color:var(--accent);background:var(--accent-soft)}.phrase-ko{font-size:1.35rem;font-weight:600;letter-spacing:-.01em}.raw{margin-top:.6rem;font-size:.85rem;color:var(--text-dim)}.raw-text{font-style:italic;text-decoration:line-through}.mic{font-size:2rem;width:5rem;height:5rem;border-radius:999px;border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease}.mic:hover{border-color:var(--accent)}.mic.on{border-color:var(--danger);background:var(--danger-soft);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ff693366}50%{box-shadow:0 0 0 12px #ff693300}}@media (prefers-reduced-motion: reduce){.mic.on{animation:none}}.mic-hint{text-align:center;color:var(--text-dim);font-size:.9rem;margin:0}.fine-print{color:var(--text-dim);font-size:.82rem;line-height:1.5;margin:1rem 0 0}.node.word{cursor:default;font-weight:500;font-size:.9rem;padding:.3rem .6rem}.node.word:hover{transform:none}.lang-toggle{position:relative;flex-shrink:0}.lang-btn{font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.04em;min-width:2.35rem;height:calc(26px + .44rem);padding:0 .55rem;border:0;border-radius:999px;background:var(--surface);box-shadow:var(--rim),var(--e2);color:var(--text);cursor:pointer}.lang-btn:hover,.lang-btn[aria-expanded=true]{box-shadow:var(--rim),var(--e3)}.lang-btn:focus-visible,.lang-menu button:focus-visible{outline:none;box-shadow:var(--rim),var(--e2),var(--focus)}.lang-menu{position:absolute;right:0;top:calc(100% + .55rem);z-index:41;width:max-content;min-width:12rem;max-height:calc(100vh - 5rem);overflow-y:auto;padding:.35rem;border-radius:var(--radius);background:var(--surface);box-shadow:var(--rim),var(--e4);display:flex;flex-direction:column;gap:.1rem}.lang-menu button{font:inherit;font-size:.9rem;display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.5rem .7rem;border:0;border-radius:10px;background:transparent;color:var(--text);cursor:pointer}.lang-menu button:hover{background:var(--surface-2)}.lang-menu button.on{background:var(--accent-fill);color:var(--accent-text);font-weight:600}.lang-menu .code{width:1.8rem;font-size:.7rem;font-weight:700;letter-spacing:.04em;color:var(--text-dim)}.lang-menu button.on .code{color:inherit}@media (max-width: 379px){.topbar-main{gap:.4rem}}.table-scroll{overflow-x:auto}.matrix{border-collapse:collapse;width:100%;font-size:.9rem}.matrix th,.matrix td{border:var(--outline-w) solid var(--outline);padding:.6rem .75rem;text-align:left;vertical-align:top}.matrix thead th{background:var(--surface-2);white-space:nowrap}.matrix tbody th{font-weight:600;max-width:22rem}.matrix td{text-align:center;font-variant-numeric:tabular-nums}.matrix .current{background:var(--accent-soft)}.pct{font-weight:700;font-size:1.05rem}.pct.full{color:var(--accent)}.pct.none{color:var(--text-dim)}.matrix td.warn{color:var(--danger);font-weight:600}.code-cell{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;background:var(--surface-2);padding:.15rem .4rem;border-radius:6px;white-space:nowrap}.add-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.add-grid label{display:flex;flex-direction:column;gap:.25rem}.section-title{font-size:1rem;font-weight:600;color:var(--text-dim);margin:var(--gap-section) 0 .85rem}.homework{margin-bottom:.5rem}.homework-card{margin-bottom:var(--gap)}.homework-card.late{box-shadow:var(--rim),var(--e4)}.homework-card.done{opacity:.7}.homework-note{margin:.75rem 0 0;font-size:.9rem}.chip.late{color:var(--danger);border-color:var(--danger)}.chip.ok{color:var(--accent);border-color:var(--accent)}a.chip.task,button.chip.task{font:inherit;font-size:.8rem;text-decoration:none;cursor:pointer;padding:.3rem .6rem}.chip.task.done{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.matrix td.expanded{text-align:left;background:var(--surface-2);padding:1rem}.assign-row{border:var(--outline-w) solid var(--outline);border-radius:var(--radius);background:var(--surface);padding:.75rem .9rem;margin-bottom:.6rem}.assign-row.on{border-color:var(--accent)}.assign-form{margin-top:.75rem;border-top:1px solid var(--border);padding-top:.75rem}textarea.transcript,textarea.generated{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.5;resize:vertical}textarea.generated{margin-top:.75rem;white-space:pre}.marker-list{margin:.5rem 0 0;padding-left:1.1rem;font-size:.88rem;line-height:1.7}.sentence-list{display:flex;flex-direction:column;gap:var(--gap-row)}.sentence-row{display:flex;gap:.75rem;align-items:flex-start;border:var(--outline-w) solid var(--outline);border-radius:var(--radius);background:var(--surface);padding:.6rem .75rem;opacity:.55}.sentence-row.on{opacity:1;border-color:var(--accent)}.sentence-row .pick{display:flex;gap:.4rem;align-items:center;padding-top:.45rem}.sentence-fields{flex:1;display:flex;flex-direction:column;gap:.35rem;min-width:0}.sentence-fields input{width:100%}details.card>summary{cursor:pointer;font-weight:600}.cell-btn{font:inherit;font-variant-numeric:tabular-nums;color:inherit;background:none;border:var(--outline-w) solid transparent;border-radius:8px;padding:.15rem .5rem;cursor:pointer}.cell-btn:hover{border-color:var(--border);background:var(--surface-2)}.cell-btn.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.detail-tabs{margin-bottom:.9rem}.detail-sub{font-size:.95rem;font-weight:600;margin:1.25rem 0 .5rem}.matrix td.left{text-align:left}.matrix td.full{color:var(--accent);font-weight:600}.start-here{background:var(--surface);border:var(--outline-w) solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.25rem;margin-bottom:1.5rem}.start-row{margin:.9rem 0 .25rem}.node.big{font-size:1.05rem;padding:.55rem 1rem}.start-row .node.todo{color:var(--text);border-style:solid;border-color:var(--accent)}.tally{font-size:.85rem;color:var(--text-dim)}.tally b{font-size:1.3rem;color:var(--text);font-variant-numeric:tabular-nums}.tally.weak b{color:var(--danger)}.axis-bar{margin-bottom:.9rem}.weak-toggle{font-size:.85rem;color:var(--text-dim);cursor:pointer;gap:.35rem}.legend-key{font-size:.75rem;padding:.15rem .5rem;cursor:default}.legend-key:hover{transform:none}.lesson-block{margin-bottom:2rem}.lesson-block.rest{opacity:.75}.can-do{color:var(--accent);font-size:.95rem;margin:.35rem 0 .75rem}.lesson-open{margin-top:.6rem;display:inline-block}.preview-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.6rem 1.25rem;background:var(--accent-soft);border-bottom:1px solid var(--accent);color:var(--accent);font-size:.9rem}.cell-btn.name{font-weight:600;padding:.2rem .45rem;margin-left:-.45rem}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding:0 .3rem;margin-left:.3rem;border-radius:999px;background:var(--accent-fill);color:var(--accent-text);box-shadow:var(--rim);font-size:.68rem;font-weight:700;font-variant-numeric:tabular-nums;vertical-align:middle}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem;margin-bottom:2rem}.review-word{cursor:pointer;-webkit-user-select:none;user-select:none;min-height:8rem}.review-word .word{font-size:1.3rem;font-weight:700}.review-word .meaning{margin-top:.5rem;font-size:.95rem}.review-word .tap{margin-top:1.5rem;color:var(--text-dim);font-size:.82rem}.continue-card{display:flex;align-items:center;gap:1rem;border:var(--outline-w) solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);padding:1rem 1.25rem;text-decoration:none;color:var(--text);margin-bottom:1.75rem}.continue-card .icon{font-size:1.8rem}.continue-card .label{font-size:.8rem;color:var(--text-dim)}.continue-card .name{font-size:1.15rem;font-weight:700}.stage-block{margin-bottom:1.75rem}.stage-title{font-size:.85rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;margin:0 0 .6rem}.tile.done{opacity:.7}.tile.done .name:after{content:" ✓";color:var(--accent)}.quiz-levels{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 2rem}.quiz-card{border:0;border-radius:var(--radius);background:var(--surface);box-shadow:var(--rim),var(--e3);padding:1.25rem;margin-top:1.25rem}.quiz-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.quiz-ref{color:var(--text-dim);font-size:.72rem;font-variant-numeric:tabular-nums}.quiz-ask{color:var(--text-dim);font-size:.88rem;margin:0 0 .75rem}.quiz-question{font-size:1.25rem;line-height:1.7;margin:0 0 1.25rem}.quiz-question.passage{font-size:1.02rem;white-space:pre-line;background:var(--surface-2);border-radius:var(--radius);padding:.9rem 1rem}.quiz-options{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.quiz-option{width:100%;text-align:left;white-space:normal;line-height:1.5;align-items:flex-start}.quiz-num{display:inline-block;min-width:1.5rem;font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums}.quiz-option.picked{background:var(--accent-fill);color:var(--accent-text);box-shadow:var(--inset)}.quiz-option.picked .quiz-num{color:var(--accent-text)}.quiz-option.right{border-color:var(--accent);background:var(--accent-soft)}.quiz-option.wrong{border-color:var(--danger);background:var(--danger-soft)}.quiz-feedback{margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--border)}.quiz-feedback.right strong{color:var(--accent)}.quiz-feedback.wrong strong{color:var(--danger)}.quiz-hint{color:var(--text-dim);margin:.5rem 0 .9rem}.quiz-feedback .btn{margin-top:.6rem}.exam-picks{display:grid;gap:var(--gap);grid-template-columns:1fr;margin:1rem 0 var(--gap-section)}@media (min-width: 560px){.exam-picks{grid-template-columns:1fr 1fr}}.exam-pick{display:flex;flex-direction:column;gap:.25rem;text-align:left;font:inherit;color:var(--text);cursor:pointer;border:0;margin-bottom:0}.exam-pick:hover{box-shadow:var(--rim),var(--e4);transform:translateY(-2px)}.exam-pick:active{transform:translateY(0);box-shadow:var(--inset)}.exam-pick-name{font-size:1.15rem;font-weight:700}.exam-pick-spec{font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.exam-pick-levels{margin:0}.exam-bar{position:sticky;top:3.6rem;z-index:10;display:flex;align-items:center;gap:.5rem;margin:0 -.2rem 1rem;padding:.5rem .7rem;border-radius:var(--radius-btn);background:var(--surface);box-shadow:var(--rim),var(--e3)}.exam-clock{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.exam-bar.urgent .exam-clock{color:var(--danger);font-weight:800}.exam-count{color:var(--text-dim);font-size:.82rem;font-variant-numeric:tabular-nums;margin-right:auto}.exam-bar .btn{flex-shrink:0}.exam-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.4rem,1fr));gap:.35rem;margin-bottom:1rem;padding:.8rem;border-radius:var(--radius);background:var(--surface);box-shadow:var(--rim),var(--e2)}.exam-cell{font:inherit;font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;padding:.45rem 0;border:0;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-faint);box-shadow:var(--inset);cursor:pointer}.exam-cell.filled{background:var(--accent-fill);color:var(--accent-text);box-shadow:var(--rim),var(--e1)}.exam-cell.at{box-shadow:var(--rim),var(--e1),var(--focus)}.exam-no{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.exam-listen{display:flex;justify-content:center;margin:1.6rem 0 1.8rem}.exam-play{font-size:1.05rem;padding:.9rem 1.6rem;gap:.55rem}.exam-play .speaker-ico{font-size:1.25em}.exam-play:disabled{opacity:.55;cursor:default;box-shadow:var(--inset);transform:none}.exam-play.playing{box-shadow:var(--inset);transform:none}.exam-move{margin:1rem 0 var(--gap-section)}.exam-move .btn:disabled{opacity:.4;cursor:default;box-shadow:var(--inset)}.exam-score .coverage-big{font-size:2.6rem}.exam-types{padding:.9rem 1rem}.exam-type-row{display:grid;grid-template-columns:6rem 1fr 3rem;align-items:center;gap:.5rem;padding:.3rem 0}.exam-wrongs{margin-bottom:var(--gap-section)}.exam-wrong{margin-bottom:0;padding:.8rem 1rem}.exam-wrong>summary{display:flex;align-items:center;gap:.6rem;cursor:pointer;list-style:none}.exam-wrong>summary::-webkit-details-marker{display:none}.exam-wrong-no{flex-shrink:0;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-dim);min-width:1.6rem}.exam-wrong-q{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exam-wrong>summary .pill{flex-shrink:0}.exam-wrong[open]>summary{margin-bottom:.8rem}.exam-wrong[open] .exam-wrong-q{display:none}.exam-wrong .quiz-question{font-size:1.05rem;margin-bottom:.8rem}.exam-answers{margin:0;line-height:1.6}.exam-right{color:var(--accent);font-weight:600}.exam-yours{color:var(--text-dim);font-size:.9rem}.card.latest{display:block;text-decoration:none;color:inherit;box-shadow:var(--rim),var(--e5)}.card.latest:hover{background:var(--surface-2)}.card.latest .latest-go{color:var(--accent);font-weight:700}.latest-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--accent)}.latest-date{font-size:.8rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.latest-title{font-size:1.3rem;font-weight:700;margin:.5rem 0 .2rem}.latest-sub{color:var(--text-dim);margin:0 0 .7rem}.latest-go{color:var(--accent);font-weight:600;font-size:.9rem}.today-dates,.today-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.today-tabs{margin-top:.4rem}.subtitle.small{font-size:.85rem;margin-bottom:.8rem}.card.today-note{white-space:pre-wrap}.today-list{display:flex;flex-direction:column;gap:var(--gap-row)}.today-card{background:var(--surface);border:var(--outline-w) solid var(--outline);border-radius:var(--radius);padding:.9rem 1rem}.today-card.seen{background:var(--surface-2)}.today-card .ko-big{font-size:1.45rem;font-weight:700;letter-spacing:0}.ko{font-size:1.05rem}.meaning{margin:.4rem 0 0}.today-reveal{display:block;width:100%;text-align:left;margin-top:.5rem;padding:.5rem 0 0;border:none;border-top:1px dashed var(--border);background:none;font:inherit;color:inherit;cursor:pointer}.today-reveal:hover .subtitle{color:var(--accent)}.today-example{margin-top:.7rem;padding-top:.6rem;border-top:1px solid var(--border)}.pill.warn{margin-left:.4rem;color:var(--danger);border-color:var(--danger)}.coverage-level{font-weight:700;font-size:1.05rem}.coverage-big{font-size:1.9rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1}.coverage-bar{height:10px;border:0;border-radius:999px;background:var(--surface-2);box-shadow:var(--inset);overflow:hidden;margin:.8rem 0 .5rem}.coverage-fill{height:100%;background:var(--accent);border-radius:999px}.coverage-whole{margin-top:.2rem;padding-top:.5rem;border-top:1px solid var(--border)}.coverage-strip{display:flex;gap:.35rem;margin-top:.6rem}.coverage-cell{flex:1;height:40px;position:relative;background:var(--surface-2);border-radius:6px;border:var(--outline-w) solid var(--outline);overflow:hidden}.coverage-cell.on{border-color:var(--accent)}.coverage-cell-fill{position:absolute;left:0;right:0;bottom:0;background:var(--accent-soft)}.coverage-cell.on .coverage-cell-fill{background:var(--accent);opacity:.5}.coverage-cell span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-dim)}.coverage-cell.on span{color:var(--text);font-weight:700}.pill.said{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.today-card>.row{flex-wrap:nowrap}.today-card>.row .pill{flex-shrink:0;font-size:.72rem}.today-card .ko-big{flex-shrink:0}.builder-input{width:100%;margin:.8rem 0;padding:.7rem;font:inherit;line-height:1.7;border:0;box-shadow:var(--inset);border-radius:8px;background:var(--surface);color:var(--text);resize:vertical}.pick-list{display:flex;flex-wrap:wrap;gap:.4rem}.pick{display:inline-flex;align-items:baseline;gap:.35rem;padding:.35rem .6rem;border:var(--outline-w) solid var(--accent);border-radius:999px;background:var(--accent-soft);color:var(--text);font:inherit;cursor:pointer}.pick.off{border-color:var(--border);background:var(--surface-2);color:var(--text-dim);text-decoration:line-through}.pick-meta{font-size:.72rem;color:var(--text-dim)}.saved-note{color:var(--accent);margin:.7rem 0 0}.error-note{color:var(--danger);margin:.7rem 0 0}.past-row{padding:.45rem 0;border-bottom:1px solid var(--border)}.past-row:last-child{border-bottom:none}.vocab-image{font-size:3.2rem;line-height:1.1;margin-bottom:.3rem;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.meaning.dim{color:var(--text-dim)}.cards-setup{padding:.9rem 1rem}.cards-setup .seg{margin-right:.4rem}.flip{perspective:1200px;cursor:pointer;-webkit-tap-highlight-color:transparent}.flip-inner{position:relative;min-height:16rem;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.flip.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;padding:1.5rem 1.2rem;border-radius:var(--radius);background:var(--surface);border:0;box-shadow:var(--rim),var(--e3);text-align:center}.flip-front{background:linear-gradient(160deg,var(--accent-soft),var(--surface) 65%);box-shadow:var(--rim),var(--e3)}.flip-back{transform:rotateY(180deg)}.face-image{font-size:6rem;line-height:1}.face-image.small{font-size:2.2rem;opacity:.75}.face-word,.face-sentence{display:flex;flex-direction:column;align-items:center;gap:.7rem}.face-meaning{margin:0;line-height:1.5}.face-meaning.dim{color:var(--text-dim)}.face-back{display:flex;flex-direction:column;align-items:center;gap:.6rem}.ko-big{font-size:calc(2.2rem * var(--card-scale, 1));font-weight:700;letter-spacing:-.02em}.face-sentence .ko{font-size:calc(1.35rem * var(--card-scale, 1));line-height:1.5}.face-meaning{font-size:calc(1.15rem * var(--card-scale, 1))}.face-meaning.dim{font-size:calc(1rem * var(--card-scale, 1))}.face-variants{color:var(--text-dim);font-size:calc(.95rem * var(--card-scale, 1))}.cards-hint{text-align:center;margin:.7rem 0 .9rem;color:var(--text-faint);font-size:.8rem}.cards-actions{justify-content:center}.cards-actions .btn{min-width:8rem;justify-content:center}.due-box{margin-bottom:var(--gap);box-shadow:var(--rim),var(--e5)}.due-box .row.between{align-items:center;gap:.8rem}@media (prefers-reduced-motion: reduce){.flip-inner{transition:none}}.wb-list{display:flex;flex-direction:column;gap:var(--gap-row);margin-top:1rem}.wb-row{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;border-radius:var(--radius-sm);background:var(--surface)}.wb-row:hover{background:var(--surface-2)}.wb-image{font-size:1.6rem;flex-shrink:0}.wb-main{flex-grow:1;min-width:0}.wb-main .ko{font-size:1.05rem}.wb-sub{font-size:.8rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-btn{font:inherit;font-size:.85rem;display:inline-flex;align-items:center;gap:.35rem;padding:.22rem;border:0;border-radius:999px;background:var(--surface);box-shadow:var(--rim),var(--e2);color:var(--text);cursor:pointer}.who-btn:hover{box-shadow:var(--rim),var(--e3)}.who-btn .av{width:26px;height:26px;border-radius:50%;background:var(--accent-fill);color:var(--accent-text);box-shadow:var(--rim);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.who-menu{position:absolute;right:1rem;left:1rem;top:3.6rem;z-index:40;max-height:calc(100vh - 5rem);overflow-y:auto;padding:.6rem;border-radius:var(--radius);background:var(--surface);border:0;box-shadow:var(--rim),var(--e4);display:flex;flex-direction:column;gap:.4rem}.who-menu .card{margin:0;padding:.7rem .8rem;background:var(--surface-2);box-shadow:var(--inset)}@media (min-width: 560px){.who-menu{left:auto;width:24rem}}.who-menu>.btn{width:100%}:root{--axis-vocab: var(--accent-fill);--axis-grammar: var(--accent-fill);--axis-writing: var(--accent-fill);--axis-speaking: var(--accent-fill);--axis-listening: var(--accent-fill)}.axis-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}.axis-chip{display:inline-flex;align-items:center;gap:.4rem}.axis-dot{width:8px;height:8px;border-radius:50%;background:var(--chip, var(--text-dim));flex-shrink:0}.axis-chip.on .axis-dot{box-shadow:0 0 0 1.5px var(--bg)}.axis-summary{margin:.8rem 0 1rem}.axis-panel .axis-row{display:grid;grid-template-columns:7rem 3.2rem 1fr 2.6rem;align-items:center;gap:.5rem;padding:.3rem 0;color:inherit;text-decoration:none}.axis-panel .axis-row:hover .axis-name{color:var(--text)}.axis-name{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--text-dim);min-width:0}.axis-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axis-level{font-size:.78rem;color:var(--text-faint);white-space:nowrap}.axis-track{display:block;height:9px;border:0;border-radius:999px;background:var(--surface-2);box-shadow:var(--inset);overflow:hidden}.axis-fill{display:block;height:100%;border-radius:999px}.axis-pct{font-size:.78rem;color:var(--text-dim);text-align:right}a.wb-row.learn-group,a.wb-row.learn-card-link{color:inherit;text-decoration:none}a.wb-row.learn-card-link{cursor:pointer;transition:box-shadow .14s ease}a.wb-row.learn-card-link:hover{box-shadow:var(--rim),var(--e2)}a.wb-row.learn-card-link:focus-visible{outline:none;box-shadow:var(--rim),var(--focus)}@media (max-width: 30rem){.axis-panel .axis-row{grid-template-columns:7rem 2.4rem 1fr 2.4rem;gap:.3rem}.axis-name{font-size:.78rem}}@media (prefers-reduced-motion: reduce){.btn,.chip,a.card,.card.clickable,.tile{transition:none}.btn:active,.chip:active,a.card:active,.card.clickable:active,.tile:active{transform:none}}.home-hello{display:flex;align-items:center;gap:.9rem}.home-hello-text{flex:1;min-width:0}.home-hello .insno-mascot{flex-shrink:0}@media (max-width: 22rem){.home-hello .insno-mascot{display:none}}.mascot-note{display:flex;align-items:center;gap:.9rem}.mascot-note .insno-mascot{flex-shrink:0}.mascot-note-body{flex:1;min-width:0}.cheer-bird{position:relative;flex-shrink:0;line-height:0}.cheer-bird.cheering .insno-mascot{animation:cheer-hop .42s ease-out}@keyframes cheer-hop{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-6px) scale(1.12)}70%{transform:translateY(1px) scale(.98)}to{transform:translateY(0) scale(1)}}.cheer-bubble{position:absolute;top:calc(100% + 7px);left:-6px;z-index:25;white-space:nowrap;font-size:.76rem;font-weight:700;line-height:1.3;padding:.3rem .6rem;border:0;border-radius:999px;background:var(--accent-fill);color:var(--accent-text);box-shadow:var(--rim),var(--e3);animation:cheer-pop .22s ease-out}.cheer-bubble:before,.cheer-bubble:after{content:"";position:absolute;bottom:100%;left:12px;border:6px solid transparent}.cheer-bubble:after{border-bottom-color:var(--accent-fill);margin-bottom:-2px}@keyframes cheer-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.cheer-bird.cheering .insno-mascot,.cheer-bubble{animation:none}}.grid-card{overflow:hidden}.grid-scroll{overflow-x:auto;scrollbar-width:none;margin:0 -.2rem;padding:0 .2rem .3rem}.grid-scroll::-webkit-scrollbar{display:none}.grid-weeks{display:grid;grid-template-rows:repeat(7,11px);grid-auto-flow:column;grid-auto-columns:11px;gap:3px;width:max-content}.grid-cell{width:11px;height:11px;border-radius:3px;background:var(--surface-2);box-shadow:none}.grid-cell.pad{background:transparent}.grid-cell.lv1{background:color-mix(in srgb,var(--accent-fill) 45%,var(--surface-2))}.grid-cell.lv2{background:color-mix(in srgb,var(--accent-fill) 75%,var(--surface-2))}.grid-cell.lv3{background:var(--accent-fill)}.grid-cell.lv4{background:var(--accent)}.grid-legend{display:flex;align-items:center;gap:4px;margin-top:.6rem;font-size:.7rem;color:var(--text-faint)}.grid-legend span:first-child{margin-right:2px}.grid-legend span:last-child{margin-left:2px}.cards-scope{flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.cards-setup-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cards-setup-top .seg{margin-bottom:0}.cards-setup-top .deck-toggle{flex-shrink:0;padding-left:.85rem;padding-right:.85rem}.cards-tools{gap:.3rem;flex-wrap:nowrap;margin-left:auto}.cards-picker{margin-top:.7rem}.cards-picker .seg{margin-bottom:.5rem}@media (max-width: 430px){.cards-setup-top .deck-toggle{padding-left:.7rem;padding-right:.7rem;font-size:.76rem}.cards-tools{gap:.22rem}.btn.ico-btn{min-width:1.85rem;padding:.35rem}}@media (max-width: 374px){.cards-setup-top{gap:.35rem}.cards-setup-top .deck-toggle{padding-left:.55rem;padding-right:.55rem}.cards-tools{gap:.15rem}.btn.ico-btn{min-width:1.75rem;padding:.32rem}}.btn.ico-btn{padding:.38rem;min-width:2rem;font-size:.95rem;line-height:1.1}.size-btn{font-weight:700;letter-spacing:-.02em}.size-plus{font-size:.72em;vertical-align:.28em}.cards-setup-top .tts-toggle{margin-left:0}.tts-toggle .speaker-ico{font-size:1.05em}.speaker-ico{display:block}.btn .speaker-ico{display:inline-block;vertical-align:-.12em}.cards-levels{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.course-card{margin-top:var(--gap)}.course-next{margin-top:.9rem;width:100%;justify-content:center;white-space:normal}.book,.toc-units{word-break:keep-all;overflow-wrap:anywhere}:root[data-lang=ja] :is(.book,.toc-units){word-break:normal;line-break:strict}:root[data-lang=ja] :is(.book-example-ko,.dialogue-ko,.book-word-ko,.book-form,.book-title,.book-check-word,.toc-form,.toc-lesson-title,.toc-unit-title,.ko,.ko-big){word-break:keep-all}.toc-units{list-style:none;margin:0;padding:0;display:grid;gap:var(--gap)}.toc-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 .25rem}.toc-tab{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:.35rem .9rem;font:inherit;font-size:.9rem;cursor:pointer}.toc-tab.on{background:var(--accent-fill);border-color:var(--accent-line);color:var(--accent-text);font-weight:600}.toc-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toc-unit{margin:0}.toc-unit-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem}.toc-unit-no{font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--accent)}.toc-unit-title{font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.toc-unit-trans{color:var(--text-dim);font-size:.88rem}.toc-unit.pending .toc-unit-title{color:var(--text-dim)}.toc-unit.pending .toc-unit-no{color:var(--text-faint)}.toc-lessons{list-style:none;margin:.7rem 0 0;padding:0}.toc-lessons li+li{border-top:1px solid var(--border)}.toc-lesson{display:grid;grid-template-columns:2.6rem minmax(0,auto) minmax(0,1fr) auto;align-items:baseline;gap:.6rem;padding:.6rem .2rem;color:var(--text);text-decoration:none;border-radius:var(--radius-sm)}.toc-lesson:hover{background:var(--surface-2)}.toc-lesson-no{font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums}.toc-lesson-title{font-weight:600}.toc-lesson-trans{color:var(--text-dim);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-check{color:var(--accent);font-weight:700}.toc-lesson.done .toc-lesson-title{color:var(--text-dim)}.toc-soon{margin:.5rem 0 0;color:var(--text-faint);font-size:.85rem}.toc-goal{margin:.45rem 0 0;line-height:1.5}.toc-meta{margin:.2rem 0 0;font-size:.8rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.toc-more{margin-top:.8rem}.toc-more summary{cursor:pointer;font-size:.85rem;font-weight:600;color:var(--accent);width:fit-content}.toc-covers{margin:.6rem 0 0;display:grid;gap:.3rem}.toc-covers dt{font-size:.75rem;font-weight:700;letter-spacing:.04em;color:var(--text-dim);margin-top:.4rem}.toc-covers dd{margin:0;font-size:.9rem;line-height:1.6}.toc-count{font-weight:400;letter-spacing:0;color:var(--text-faint)}.toc-topik{display:block}.toc-words{display:flex;flex-wrap:wrap;gap:.15rem .7rem;color:var(--text-faint)}.toc-words .taught{color:var(--accent);font-weight:700}.toc-plan{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.toc-form{font-size:.8rem;padding:.12rem .55rem;border-radius:var(--radius-btn);background:var(--surface-2);color:var(--text-dim)}@media (max-width: 520px){.toc-lesson{grid-template-columns:2.4rem minmax(0,1fr) auto}.toc-lesson-trans{grid-column:2;grid-row:2;margin-top:-.3rem}}.book-head{margin-bottom:1rem}.book-crumb{color:var(--text-dim);font-size:.85rem;text-decoration:none}.book-crumb:hover{color:var(--accent)}.book-title{margin:.35rem 0 .15rem;text-wrap:balance}.book-no{color:var(--accent);font-variant-numeric:tabular-nums;margin-right:.2rem}.book-trans{margin:0;color:var(--text-dim)}.book-steps{display:flex;gap:.4rem;overflow-x:auto;padding:.4rem .2rem .8rem;margin:0 -.2rem .4rem;scrollbar-width:none}.book-steps::-webkit-scrollbar{display:none}.book-step{flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem .35rem .4rem;border-radius:var(--radius-btn);background:var(--surface);box-shadow:var(--rim),var(--e1);color:var(--text-dim);font-size:.85rem;text-decoration:none;white-space:nowrap}.book-step-no{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--surface-2);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.book-step.past .book-step-no{background:var(--accent-soft);color:var(--accent)}.book-step.on{background:var(--accent-fill);color:var(--accent-text);box-shadow:var(--inset);font-weight:600}.book-step.on .book-step-no{background:var(--surface);color:var(--accent-text)}.book-page{padding:1.6rem 1.5rem 1rem}.book-page h3{font-size:1rem;margin:1.4rem 0 .6rem}.book-kind{margin:0 0 .9rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.book-folio{margin:1.4rem 0 0;text-align:right;font-size:.78rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.book-move{margin-top:var(--gap);gap:.6rem}.book-move .btn{white-space:nowrap}@media (max-width: 430px){.book-page{padding:1.2rem 1rem .8rem}}.book-goal,.book-note{padding:.8rem 1rem;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-text)}.book-note{background:var(--gold-soft);color:var(--gold);margin:1rem 0}.book-goal p,.book-note p{margin:.2rem 0 0}.book-goal p{font-size:1.05rem;font-weight:600}.book-goal-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.book-dialogue .row.between{margin-top:1.4rem;align-items:center}.book-dialogue h3{margin:0}.book-dialogue .row{gap:.5rem}.dialogue-lines{list-style:none;margin:.8rem 0 0;padding:0}.dialogue-line{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.6rem 0}.dialogue-line+.dialogue-line{border-top:1px solid var(--border)}.dialogue-who{font-weight:700;color:var(--accent);font-size:.9rem}.dialogue-said{display:flex;flex-direction:column;gap:.1rem;min-width:0}.dialogue-ko{font-size:1.15rem}.dialogue-en{color:var(--text-dim);font-size:.88rem}.book-phrases ul{list-style:none;margin:0;padding:0}.book-phrase{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.5rem 0}.book-phrase+.book-phrase{border-top:1px solid var(--border)}.book-plan ul{margin:0;padding-left:1.1rem;color:var(--text-dim)}.book-plan li{margin:.2rem 0}.book-words{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));column-gap:1.4rem}.book-word{display:flex;align-items:center;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--border)}.book-word-link{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:2.2rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:.6rem;align-items:center;color:inherit;text-decoration:none;border-radius:10px}.book-word-link:hover .book-word-ko{color:var(--accent-text)}.book-word-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.book-word-pic{grid-row:1 / 3;font-size:1.6rem;text-align:center;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.book-word-ko{grid-column:2;font-size:1.2rem;font-weight:700}.book-word-en{grid-column:2;grid-row:2;color:var(--text-dim);font-size:.88rem}.book-cards-btn{margin-top:1rem;white-space:normal}.book-rule{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;padding-bottom:1rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.book-form{font-size:2rem;font-weight:800;letter-spacing:-.03em;color:var(--accent-deep)}.book-summary{flex-basis:100%;margin:.2rem 0 0;font-weight:600}.book-para{max-width:65ch;line-height:1.7;margin:0 0 .8rem}.book-examples{list-style:none;margin:0;padding:0;counter-reset:ex}.book-example{display:grid;grid-template-columns:1.6rem minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.6rem 0;counter-increment:ex}.book-example:before{content:counter(ex) ".";color:var(--text-faint);font-weight:700;font-variant-numeric:tabular-nums}.book-example+.book-example{border-top:1px solid var(--border)}.book-example-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.book-example-ko{font-size:1.12rem}.book-example-en{color:var(--text-dim);font-size:.88rem}.book-example-note{color:var(--accent);font-size:.82rem}.book-checks{list-style:none;margin:0;padding:0;display:grid;gap:1.2rem}.book-check-q{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem}.book-check-word{font-size:1.25rem;font-weight:700}.book-check-options{grid-template-columns:repeat(2,minmax(0,1fr))}.book-check-options .quiz-option{min-height:2.6rem}.book-check-options .quiz-option:disabled{opacity:.55}@media (max-width: 430px){.book-check-options{grid-template-columns:1fr}}.book-finish{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1.6rem;padding-top:1rem;border-top:1px solid var(--border)}.book-finish .btn{white-space:normal;max-width:100%;text-align:center}.book-score{margin:0;font-weight:700;font-variant-numeric:tabular-nums}