:root{--ink:#2a1f1d;--ink-2:#5e504c;--ink-3:#8f817d;--bg-a:#f6efea;--bg-b:#efe6e1;--line:#2a1f1d14;--line-strong:#2a1f1d29;--paper:#fffcf8;--paper-edge:#78503c1a;--glass:linear-gradient(150deg, #ffffffad 0%, #ffffff57 55%, #ffffff7a 100%);--glass-solid:#ffffffbd;--glass-soft:#ffffff70;--rim-shadow:inset 0 1.5px 0 #fffffff2, inset 0 -1px 0 #ffffff73;--drop:0 28px 50px -30px #5c342e5c, 0 4px 12px -6px #5c342e1a;--drop-sm:0 10px 22px -12px #5c342e52, 0 2px 5px -2px #5c342e1a;--well:inset 0 2px 5px #5c342e1a, inset 0 -1px 0 #ffffffb3;--accent:#b8474a;--accent-deep:#7e2b30;--on-accent:#fff;--tint:#f3d9d6;--ok:#5e8a6e;--ok-tint:#dde9df;--near:#b07a4e;--near-tint:#f2e2d2;--miss:#5a4e4b;--miss-tint:#e7e0dd;--warn:#a84246;--ok-deep:#3f6b50;--near-deep:#7d5330;--plum:#7e4f6e;--plum-tint:#eedfe8;--blob1:#f6d3cf;--blob2:#f4e1cc;--blob3:#ead7de;--blob4:#e4e3d6;--radius-lg:30px;--radius:22px;--radius-sm:16px;--font:"Noto Sans TC", -apple-system, "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--num:"Outfit", "Noto Sans TC", system-ui, sans-serif;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px;line-height:1.65}@media (prefers-color-scheme:dark){:root{--ink:#f3ece8;--ink-2:#bdb0ab;--ink-3:#857a76;--bg-a:#1c1817;--bg-b:#161312;--line:#ffffff14;--line-strong:#ffffff29;--paper:#26201f;--paper-edge:#ffffff0f;--glass:linear-gradient(150deg, #ffffff1c 0%, #ffffff0a 55%, #ffffff12 100%);--glass-solid:#282120d1;--glass-soft:#ffffff0f;--rim-shadow:inset 0 1px 0 #ffffff2e, inset 0 -1px 0 #ffffff0a;--drop:0 28px 50px -30px #000000b3, 0 4px 12px -6px #0006;--drop-sm:0 10px 22px -12px #0009, 0 2px 5px -2px #0000004d;--well:inset 0 2px 5px #00000059, inset 0 -1px 0 #ffffff0d;--accent:#e07a7c;--accent-deep:#f2a9aa;--on-accent:#2a1416;--tint:#e07a7c2e;--ok:#8dbb9c;--ok-tint:#8dbb9c29;--near:#d9a77a;--near-tint:#d9a77a29;--miss:#c9bcb8;--miss-tint:#ffffff14;--warn:#e68a8c;--ok-deep:#a9d2b5;--near-deep:#e8c39f;--plum:#d9a9c8;--plum-tint:#d9a9c829;--blob1:#4a2426;--blob2:#3d2c1f;--blob3:#3a2530;--blob4:#2a2a24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:linear-gradient(160deg, var(--bg-a), var(--bg-b)) fixed;min-height:100vh;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(38% 30% at 12% 8%, var(--blob1), transparent 70%), radial-gradient(34% 28% at 92% 22%, var(--blob2), transparent 70%), radial-gradient(40% 32% at 80% 88%, var(--blob3), transparent 70%), radial-gradient(36% 30% at 8% 70%, var(--blob4), transparent 70%);filter:blur(30px);opacity:.9;position:fixed;inset:-10%}header{z-index:2;background:var(--glass-solid);-webkit-backdrop-filter:blur(20px)saturate(170%);padding:calc(env(safe-area-inset-top) + 10px) 16px 8px;border-bottom:1px solid var(--line);box-shadow:inset 0 -1px 0 var(--rim), 0 8px 20px -16px #5c342e59;position:sticky;top:0}header h1{font-family:var(--num);color:var(--accent);letter-spacing:.01em;margin:0;font-size:19px;font-weight:700}main{max-width:720px;padding:12px 16px calc(124px + env(safe-area-inset-bottom));margin:0 auto}h2{margin:20px 0 8px;font-size:24px;line-height:1.3}h3{margin:24px 0 8px;font-size:18px;font-weight:600;line-height:1.4}section>h3{color:var(--ink-3);letter-spacing:.04em;margin:32px 0 4px;font-size:13px;font-weight:500}h3:has(+.glist){color:var(--ink-3);letter-spacing:.04em;margin:32px 0 4px;font-size:13px;font-weight:500}h2 small{color:var(--ink-2);font-size:13px;font-weight:400}nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:2;background:var(--glass-solid);-webkit-backdrop-filter:blur(26px)saturate(170%);max-width:696px;box-shadow:var(--rim-shadow), var(--drop-sm);border-radius:999px;margin:0 auto;padding:4px;display:flex;position:fixed}nav button{box-shadow:none;color:var(--ink-3);background:0 0;border:0;border-radius:999px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-size:11px;display:flex}nav svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}nav button.on{color:var(--accent-deep);background:var(--tint);font-weight:700}button,.button{font:inherit;background:var(--glass-solid);color:var(--ink);cursor:pointer;box-shadow:var(--rim-shadow), var(--drop-sm);border:0;border-radius:999px;padding:9px 16px;transition:transform .12s}button:active{filter:brightness(1.04);transform:scale(.97)}button.primary{background:var(--accent);color:var(--on-accent)}button:disabled{opacity:.55}button.icon{box-shadow:none;background:0 0;padding:2px 4px;font-size:18px}.chip{padding:6px 13px;font-size:13px}.chip.on{background:var(--paper);color:var(--accent-deep);font-weight:600}.filters,.actions,.grades,.weak{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.grades button{flex:1}.card{background:var(--glass);-webkit-backdrop-filter:blur(26px)saturate(170%);border-radius:var(--radius);box-shadow:var(--rim-shadow), var(--drop);margin:14px 0;padding:18px;transition:transform .15s}.card.lesson:active,.card.today:active,.card.challenge:active,.card.checkpoint:active{transform:scale(.99)}.card.lesson{cursor:pointer}.card.lesson h3{margin:8px 0 4px}.card.lesson p{color:var(--ink-2);margin:0 0 8px;font-size:14px}.ko{font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif}.big{margin:6px 0;font-size:22px;font-weight:600}.zh{color:var(--ink-2)}.small,small{color:var(--ink-2);font-size:13px;line-height:1.5}.scene{color:var(--ink-2)}.speaker{color:var(--accent);font-size:12px;font-weight:700}.tag{background:var(--tint);color:var(--accent-deep);border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.words{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.word{background:var(--glass-soft);box-shadow:var(--well);border-radius:var(--radius-sm);flex-direction:column;padding:6px 12px;font-size:14px;display:flex}.word em{color:var(--accent-deep);font-size:12px;font-style:normal}.levels{border-collapse:collapse;width:100%;margin:8px 0;font-size:15px}.levels th{text-align:left;width:70px;color:var(--accent);vertical-align:top;padding:6px;font-size:13px}.levels td{border-top:1px solid var(--line);padding:6px}.back{margin-top:8px}textarea{width:100%;font:inherit;border-radius:var(--radius-sm);background:var(--glass-soft);box-shadow:var(--well);color:var(--ink);border:0;margin:10px 0;padding:12px 14px;font-size:20px}textarea:focus{outline:2px solid var(--tint)}.hint-words{color:var(--ink-2);font-size:13px}.score{font-family:var(--num);color:var(--near);font-size:30px;font-weight:700}.score.perfect{color:var(--ok)}.diff{flex-wrap:wrap;gap:4px;margin:8px 0;font-size:24px;display:flex}.diff span{border-radius:10px;flex-direction:column;align-items:center;padding:2px 8px;display:flex}.diff .ok{background:var(--ok-tint);color:var(--ok)}.diff .near{background:var(--near-tint);color:var(--near)}.diff .miss{background:var(--miss-tint);color:var(--miss);-webkit-text-decoration:underline wavy var(--ink-3) 1px;text-decoration:underline wavy var(--ink-3) 1px;text-underline-offset:4px}.diff small{font-size:12px}.hints{padding-left:18px;font-size:14px}.warn{color:var(--warn)}.compare-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.compare-item{background:var(--glass-soft);box-shadow:var(--rim-shadow);border-radius:var(--radius-sm);padding:12px}.compare-item p{margin:6px 0}.tip{background:var(--tint);color:var(--ink);border-radius:var(--radius-sm);padding:12px 14px;font-size:14px}.pattern{background:var(--glass-soft);box-shadow:var(--well);border-radius:12px;padding:10px;font-family:ui-monospace,monospace;font-size:14px}.mistakes{background:var(--miss-tint);color:var(--ink);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px}details summary{cursor:pointer}code{background:var(--tint);color:var(--accent-deep);border-radius:6px;padding:1px 6px}.stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0;display:grid}.stats div{background:var(--glass-soft);box-shadow:var(--rim-shadow);border-radius:var(--radius-sm);text-align:center;flex-direction:column;padding:8px 6px;display:flex}.stats b{font-family:var(--num);color:var(--ink-2);font-size:18px;font-weight:600;line-height:1.2}.stats small{color:var(--ink-3);font-size:12px}.card.today{cursor:pointer;background:var(--paper);-webkit-backdrop-filter:none;box-shadow:var(--drop), inset 0 0 0 1px var(--paper-edge);padding:22px 22px 20px}.card.today .eyebrow{color:var(--accent);letter-spacing:.03em;font-size:12px;font-weight:500;display:block}.card.today h3{color:var(--ink);margin:12px 0 6px;font-size:28px;font-weight:700;line-height:1.3}.card.today .lead{color:var(--ink-2);margin:0 0 20px;font-size:16px;line-height:1.7}.card.challenge{cursor:pointer;box-shadow:var(--rim-shadow), var(--drop), inset 0 0 0 1.5px var(--near)}.story p{font-size:17px;line-height:2}.kw{cursor:pointer;border-bottom:2px solid var(--tint)}.kw b{color:var(--accent-deep);font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif}.gloss{color:var(--ink-2);font-size:13px}.gloss.hidden{background:var(--line);color:#0000;border-radius:4px}.sheet{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;padding:0 8px calc(84px + env(safe-area-inset-bottom));background:#2a141652;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet .card{background:var(--glass-solid);width:100%;max-width:720px;margin:0 auto}.options{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.card.penalty{box-shadow:var(--rim-shadow), var(--drop), inset 0 0 0 1.5px var(--warn)}.steps{margin:8px 0 0;padding:0;list-style:none}.step{border-top:1px solid var(--line);align-items:center;gap:14px;padding:14px 2px;display:flex}.step .check{background:var(--glass-soft);width:28px;height:28px;box-shadow:var(--well);color:#fff;border-radius:50%;flex:none;padding:0;font-weight:700}.step.done .check{background:var(--accent);color:var(--on-accent);box-shadow:var(--drop-sm)}.step.done .step-body>div{color:var(--ink-3);text-decoration:line-through}.step-body{cursor:pointer;flex:1;min-width:0}.step-body>div{font-size:16px;font-weight:400;line-height:1.45}.step-body .why{color:var(--ink-3);margin-top:2px;font-size:13px;display:block}.card.unit summary{cursor:pointer;list-style:none}.card.unit summary small{color:var(--ink-2)}.bar{background:var(--glass-soft);height:8px;box-shadow:var(--well);border-radius:99px;margin:8px 0 6px;overflow:hidden}.bar span{background:linear-gradient(90deg, #d8787a, var(--accent));border-radius:99px;height:100%;display:block}.card.today .actions{flex-wrap:wrap;gap:8px;display:flex}.card.focus{box-shadow:var(--rim-shadow), var(--drop), inset 0 0 0 1.5px var(--accent)}.dots{flex:none;align-items:center;gap:5px;display:inline-flex}.dots i{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.dots i.on{background:var(--accent)}.dots i.now{background:var(--accent);opacity:.45;border-radius:99px;width:18px}.pill{background:var(--miss-tint);color:var(--ink-2);letter-spacing:.02em;border-radius:999px;flex:none;padding:5px 9px;font-size:12px;line-height:1;display:inline-block}.pill-review{background:var(--tint);color:var(--accent-deep)}.step .pill{align-self:center}.card.today .today-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.card.today .goal{color:var(--ink-2);border:0;margin:8px 0 0;padding:0;font-size:13px;display:block}.card.today .pill{margin-top:18px}.card.today h3{margin-top:8px}.unit-bar{cursor:pointer;background:var(--glass-soft);box-shadow:var(--rim-shadow);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 8px;padding:10px 14px;display:flex}.unit-bar small{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.unit-bar b{color:var(--accent);font-family:var(--num);font-weight:600}.step-next{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin:28px 0 8px;padding-top:18px;display:flex}.step-next small{color:var(--ink-3)}.step-next button{width:100%;padding:14px;font-size:16px;font-weight:600}.level-title{font-family:var(--num);color:var(--accent);align-items:baseline;gap:10px;margin:28px 0 10px;font-size:15px;display:flex}.level-title small{font-family:var(--font);color:var(--ink-3);font-weight:400}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:var(--line-strong);border-radius:2px;width:2px;position:absolute;top:14px;bottom:14px;left:13px}.tl{margin:0 0 6px;padding-left:40px;position:relative}.tl-node{width:28px;height:28px;font-family:var(--num);background:var(--bg-a);box-shadow:inset 0 0 0 2px var(--line-strong);color:var(--ink-3);border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid;position:absolute;top:12px;left:0}.tl.done .tl-node{background:var(--accent);box-shadow:none;color:var(--on-accent)}.tl.now .tl-node{background:var(--paper);box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 5px var(--tint);color:var(--accent)}.tl .unit{padding:10px 0}.tl .unit summary{cursor:pointer;list-style:none}.tl .unit summary::-webkit-details-marker{display:none}.tl-no{font-family:var(--num);color:var(--ink-3);font-size:12px;display:block}.tl-title{color:var(--ink);font-size:16px;line-height:1.45}.tl-goal{color:var(--ink-3);margin-top:2px;display:block}.tl.done .tl-title{color:var(--ink-3)}.tl.later .tl-title{color:var(--ink-2)}.tl.now .card.unit{background:var(--paper);-webkit-backdrop-filter:none;box-shadow:var(--drop), inset 0 0 0 1px var(--paper-edge);margin:4px 0 10px;padding:16px 18px}.tl.now .tl-no{color:var(--accent)}.tl.now .tl-title{font-size:19px;font-weight:700}.tl.now .dots{margin-top:10px}.slot{color:var(--ink-2);margin:8px 0 0;font-size:12px}.parses{gap:12px;margin:12px 0;display:grid}.parse-row{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.seg{background:var(--seg,var(--glass-soft));box-shadow:var(--rim-shadow);border-radius:12px;flex-direction:column;align-items:center;padding:6px 10px;display:inline-flex}.seg b{font-size:17px;font-weight:600}.seg small{color:inherit;opacity:.8;margin-top:2px;font-size:11px}.role-topic{--seg:var(--tint);color:var(--accent-deep)}.role-subject{--seg:var(--plum-tint);color:var(--plum)}.role-object{--seg:var(--near-tint);color:var(--near-deep)}.role-time,.role-place,.role-with{--seg:var(--ok-tint);color:var(--ok-deep)}.role-modifier{--seg:var(--miss-tint);color:var(--ink-2)}.role-verb{--seg:var(--accent);color:var(--on-accent)}.sline{border-top:1px solid var(--line);padding:8px 0}.sline:first-child{border-top:0}.sline.now{background:var(--tint);margin:0 -16px;padding:8px 16px}.sline .speaker{color:var(--ink-2);font-size:12px;display:block}.cast{flex-wrap:wrap;gap:10px;display:flex}.who{background:var(--glass-soft);min-width:120px;box-shadow:var(--well);border-radius:14px;flex-direction:column;flex:1;gap:2px;padding:12px;transition:transform .15s,background .15s;display:flex}.who.on{background:var(--tint);box-shadow:var(--well), inset 0 0 0 1.5px var(--accent);transform:scale(1.03)}.who small{color:var(--ink-2);font-size:12px}.options{gap:8px;margin-top:10px;display:grid}mark{background:var(--near-tint);color:inherit;box-shadow:inset 0 -2px 0 var(--near);border-radius:4px;padding:0 2px}.blank{font:inherit;border:0;border-bottom:2px solid var(--accent);width:auto;color:inherit;background:0 0;margin:0 2px;padding:2px 6px}.blank.ok{border-color:var(--ok);background:var(--ok-tint)}.blank.bad{border-color:var(--miss);background:var(--miss-tint)}small.near{color:var(--near)}.tool-title{align-items:center;gap:10px;display:flex}.tool-icon{background:var(--tint);fill:none;width:36px;height:36px;stroke:var(--accent-deep);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;border-radius:12px;flex:none;padding:6px}:root{--rim:#fffc;--rim-shadow:inset 0 1.5px 0 #fffffff2, inset 0 -1px 0 #ffffff73, inset 1px 0 0 #ffffff59, inset -1px 0 0 #fff3;--inner-glow:inset 0 18px 28px -22px #fffffff2, inset 0 -22px 30px -24px #fffc;--sheen:#fff9;--glow:#b8474a29}@media (prefers-color-scheme:dark){:root{--rim:#ffffff1f;--rim-shadow:inset 0 1px 0 #ffffff38, inset 0 -1px 0 #ffffff0d, inset 1px 0 0 #ffffff0f, inset -1px 0 0 #ffffff0a;--inner-glow:inset 0 18px 28px -22px #ffffff24, inset 0 -22px 30px -24px #ffffff14;--sheen:#ffffff14;--glow:#e07a7c24}}body:before{filter:blur(24px);opacity:1}.card,.stats div,.unit-bar,.compare-item{isolation:isolate;border:1px solid var(--rim);position:relative}nav{isolation:isolate;border:1px solid var(--rim)}.card{box-shadow:var(--rim-shadow), var(--inner-glow), var(--drop)}.card:before,.card:after,nav:before,.unit-bar:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;position:absolute;inset:0}.card:before,nav:before,.unit-bar:before{background:radial-gradient(120% 70% at 15% -10%, var(--sheen), transparent 55%)}.card:after{background:radial-gradient(70% 60% at 95% 105%, var(--glow), transparent 70%)}nav{box-shadow:var(--rim-shadow), var(--inner-glow), var(--drop)}.stats div{box-shadow:var(--rim-shadow), var(--inner-glow), var(--drop-sm);background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(170%)}.unit-bar{-webkit-backdrop-filter:blur(20px)saturate(170%);box-shadow:var(--rim-shadow), var(--drop-sm)}button:where(:not(.icon):not(.check):not(nav button)){border:1px solid var(--rim);box-shadow:var(--rim-shadow), var(--inner-glow), var(--drop-sm);-webkit-backdrop-filter:blur(14px)saturate(160%)}button.primary{background:var(--accent);-webkit-backdrop-filter:none;box-shadow:inset 0 1px 0 #ffffff80, inset 0 -2px 6px #0000001f, 0 10px 22px -10px var(--accent);border-color:#ffffff59}nav button.on{box-shadow:var(--rim-shadow)}.card.today,.tl.now .card.unit{border-color:var(--rim);box-shadow:var(--rim-shadow), var(--drop), inset 0 0 0 1px var(--paper-edge)}.card.today:after,.tl.now .card.unit:after{background:radial-gradient(60% 50% at 100% 100%, var(--glow), transparent 70%)}.tl .unit:not(.card):before,.tl .unit:not(.card):after{content:none}.streak{text-align:center;color:var(--ink-3);margin-top:16px}.chat{flex-direction:column;gap:10px;margin:12px 0;display:flex}.bubble-row{display:flex}.bubble-row.me{justify-content:flex-end}.bubble{background:var(--glass-solid,#fff);max-width:88%;box-shadow:var(--rim-shadow);border-radius:18px 18px 18px 6px;padding:10px 14px}.bubble-row.me .bubble{background:var(--tint);border-radius:18px 18px 6px}.bubble.now{box-shadow:var(--rim-shadow), 0 0 0 2px var(--accent)}.bubble .speaker{color:var(--ink-3);font-size:12px;display:block}.bubble .ko.big{font-size:19px}.bubble .zh{color:var(--ink-2);margin-top:2px;font-size:14px}.bubble .more{color:var(--accent);background:0 0;border:0;padding:4px 0 0;font-size:12px}.bubble .detail{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.wordcard{border-radius:var(--radius-sm,12px);background:var(--tint);margin:-4px 0 14px;padding:12px 14px}.wordcard .actions{margin-top:8px}.para p .speak{white-space:nowrap}.model{background:var(--tint);letter-spacing:.02em;border-radius:12px;margin-bottom:6px;padding:10px 12px}.model.hint{letter-spacing:.25em}.banner{aspect-ratio:16/7;object-fit:cover;border-radius:var(--radius-sm,12px);width:100%;margin:8px 0 12px;display:block}.card.today .banner{margin-top:0}.with-thumb{grid-template-columns:96px 1fr;align-items:center;column-gap:14px;display:grid}.with-thumb>:not(.thumb){grid-column:2}.with-thumb .thumb{object-fit:cover;border-radius:12px;grid-row:1/span 5;width:96px;height:96px}.word-pic{object-fit:cover;vertical-align:middle;border-radius:8px;width:44px;height:44px;margin-right:8px}.word-pic.big{aspect-ratio:4/3;border-radius:12px;width:100%;max-width:260px;height:auto;margin:0 0 8px;display:block}.credit{color:var(--ink-3);margin-top:16px}.pic-q{aspect-ratio:4/3;max-height:320px}.pic-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.pic-opt{border-radius:var(--radius-sm);border:2px solid #0000;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.pic-opt img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.pic-opt small{padding:6px}.jamo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0;display:grid}.jamo{text-align:left;border-radius:var(--radius-sm);flex-direction:column;align-items:flex-start;gap:2px;padding:12px;display:flex;position:relative}.jamo .ico{width:18px;height:18px;color:var(--ink-3);position:absolute;top:12px;right:12px}.jamo b{font-size:34px;line-height:1.1}.jamo>small{color:var(--accent);font-weight:600}.jamo-word{margin-top:4px;font-size:15px}.jamo-word small{color:var(--ink-2);margin-left:4px}.jamo em{color:var(--ink-2);font-size:12px;font-style:normal;line-height:1.4}.sound-hints{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.sound-hints .chip{font-size:12px}.drills .prompt{margin:8px 0;font-size:16px}.drills h3 small{color:var(--ink-3);margin-left:6px;font-weight:400}.drill-result{background:var(--miss-tint);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:12px;margin:10px 0;padding:10px 12px}.drill-result.ok{background:var(--ok-tint);box-shadow:none}.drills .hint{color:var(--ink-2);align-items:center;gap:4px;display:inline-flex}.drill-result b{margin-bottom:4px;display:block}.card.checkpoint{cursor:pointer;border:2px dashed var(--accent)}.card.checkpoint.done{border-style:solid}.card.checkpoint b{margin:2px 0;font-size:17px;display:block}.ico{vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.15em;height:1.15em}button.icon .ico{width:20px;height:20px;color:var(--ink-3)}.speak button.icon{padding:4px}.tip .ico,.small .ico{color:var(--accent)}.chip.on{border-color:var(--rim);box-shadow:inset 0 0 0 1.5px var(--accent), var(--rim-shadow), var(--drop-sm)}.pace{background:var(--glass-soft);box-shadow:var(--well);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.pace .chip{box-shadow:none;-webkit-backdrop-filter:none;color:var(--ink-2);background:0 0;border-color:#0000}.pace .chip.on{background:var(--paper);color:var(--accent-deep);box-shadow:var(--rim-shadow), var(--drop-sm)}.options button{text-align:left;border-radius:var(--radius-sm);padding-right:30px;position:relative}.options button.picked{background:var(--tint);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), var(--rim-shadow)}.options button.right,.opt.correct{background:var(--ok-tint);border-color:var(--ok);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ok), var(--rim-shadow)}.options button.wrong,.opt.wrong{background:var(--miss-tint);border-color:var(--miss);color:var(--ink);box-shadow:inset 0 0 0 1px var(--miss)}.options button.right:after,.options button.wrong:after,.opt.correct:after,.opt.wrong:after,.pic-opt.right:after,.pic-opt.wrong:after{font-weight:700;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.options button.right:after,.opt.correct:after,.pic-opt.right:after{content:"✓";color:var(--ok)}.options button.wrong:after,.opt.wrong:after,.pic-opt.wrong:after{content:"✕";color:var(--miss)}.pic-opt.right{border-color:var(--ok);box-shadow:0 0 0 2px var(--ok)}.pic-opt.wrong{border-color:var(--miss);opacity:.8}.pic-opt.right:after,.pic-opt.wrong:after{background:var(--paper);width:26px;height:26px;box-shadow:var(--drop-sm);border-radius:50%;place-items:center;display:grid;top:10px;right:10px;transform:none}.glist{isolation:isolate;background:var(--glass);-webkit-backdrop-filter:blur(26px)saturate(170%);border:1px solid var(--rim);border-radius:var(--radius);box-shadow:var(--rim-shadow), var(--inner-glow), var(--drop-sm);margin:10px 0;position:relative;overflow:hidden}.glist:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 60% at 15% -10%, var(--sheen), transparent 55%);position:absolute;inset:0}.grow{text-align:left;width:100%;box-shadow:none;color:var(--ink);-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;align-items:center;gap:12px;padding:14px 16px;display:flex}.grow+.grow,.grow-d+.grow-d{border-top:1px solid var(--line)}.grow:active{background:var(--glass-soft);transform:none}.grow>.ico:last-child{width:18px;height:18px;color:var(--ink-3)}.grow .pill{margin-left:auto}.grow-text{flex-direction:column;flex:1;min-width:0;display:flex}.grow-text b{font-size:16px;font-weight:600;line-height:1.4}.grow-text small{color:var(--ink-2)}.row-icon{background:var(--tint);width:38px;height:38px;color:var(--accent-deep);box-shadow:var(--rim-shadow);border-radius:12px;flex:none;place-items:center;display:grid}.row-icon .ico{width:20px;height:20px}.grow-d{padding:0 16px}.grow-d>summary{justify-content:space-between;gap:12px;padding:14px 0;list-style:none;display:flex}.grow-d>summary::-webkit-details-marker{display:none}.grow-d>summary:after{content:"›";color:var(--ink-3);font-size:20px;line-height:1;transition:transform .2s}.grow-d[open]{background:var(--paper);padding-bottom:16px}.grow-d[open]>summary:after{transform:rotate(90deg)}.home-next .lead{margin-bottom:16px}.unit-done h3{font-size:22px}.unit-done .stats{grid-template-columns:repeat(auto-fit,minmax(0,1fr));margin:14px 0}.nudge{color:var(--ink-2);align-items:center;gap:6px;display:flex}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag.next{background:var(--paper);color:var(--accent-deep);box-shadow:inset 0 0 0 1px var(--accent)}.done-mark{color:var(--ok)}.footer-links{flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:28px 0 6px;display:flex}.link{box-shadow:none;cursor:pointer;-webkit-backdrop-filter:none;color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;background:0 0;border:0;border-radius:0;padding:4px 2px;font-size:13px}.credit{text-align:center}.toast{left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:3;white-space:nowrap;background:var(--glass-solid);-webkit-backdrop-filter:blur(20px)saturate(170%);border:1px solid var(--rim);box-shadow:var(--rim-shadow), var(--drop);border-radius:999px;align-items:center;gap:14px;padding:10px 14px 10px 18px;display:flex;position:fixed;transform:translate(-50%)}.toast .link{color:var(--accent-deep);font-weight:600;text-decoration:none}body:after{content:"";z-index:1;pointer-events:none;height:calc(110px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--bg-b) 88%, transparent) 72%);position:fixed;bottom:0;left:0;right:0}@keyframes breathe{0%,to{box-shadow:var(--rim-shadow), 0 0 0 1.5px var(--accent), 0 0 0 0 var(--tint)}50%{box-shadow:var(--rim-shadow), 0 0 0 1.5px var(--accent), 0 0 18px 5px var(--tint)}}.bubble.now{animation:1.8s ease-in-out infinite breathe}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:12px 0;display:grid}.vocab-grid.small{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.vocab-card{text-align:left;border-radius:var(--radius-sm);flex-direction:column;align-items:flex-start;gap:2px;padding:10px;display:flex;position:relative}div.vocab-card{background:var(--glass-soft);box-shadow:var(--well)}.vocab-card img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%;margin-bottom:4px}.vocab-card b{font-size:16px}.vocab-card small{color:var(--ink-2)}.vocab-card em{color:var(--ink-3);font-size:12px;font-style:normal}.vocab-card.known{background:var(--ok-tint)}.vocab-card.known:after{content:"✓";color:var(--ok);font-size:13px;font-weight:700;position:absolute;top:6px;right:9px}.vocab-card.open{box-shadow:inset 0 0 0 1.5px var(--accent), var(--rim-shadow)}.sheet .wordcard{max-height:70vh;margin:0 auto;overflow-y:auto}.words-preview .vocab-grid{margin:0;padding:0 12px 12px}.words-preview.open>.grow>.ico:last-child{transform:rotate(90deg)}.words-preview>.grow>.ico:last-child{transition:transform .2s}.gmap-row{grid-template-columns:72px 1fr;align-items:start;gap:8px;margin:8px 0;display:grid}.gmap-row small{color:var(--ink-2);padding-top:6px}.gmap-chips{flex-wrap:wrap;gap:6px;display:flex}.chip.learned{background:var(--ok-tint);color:var(--ok-deep)}.chip.learned:before{content:"✓ ";font-weight:700}.chip.mic{margin-bottom:6px}.prompt-line{color:var(--ink-2);margin:8px 0 2px}.filters.scroll-row{scrollbar-width:none;flex-wrap:nowrap;margin:10px -16px;padding:4px 16px 10px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 28px),#0000)}.filters.scroll-row::-webkit-scrollbar{display:none}.filters.scroll-row>*{flex:none}.gmap>summary{grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;list-style:none;display:grid}.gmap>summary::-webkit-details-marker{display:none}.gmap>summary:after{content:"›";color:var(--ink-3);grid-area:1/3;font-size:20px;line-height:1;transition:transform .2s}.gmap[open]>summary:after{transform:rotate(90deg)}.gmap>summary b{font-size:16px}.gmap>summary .bar{grid-column:1/-1;margin:6px 0 0}.gmap[open]>summary{margin-bottom:8px}.recap{border-left:3px solid var(--accent);color:var(--ink-2);margin:4px 0 10px;padding:8px 12px;font-size:14px}.recap small{color:var(--accent);margin-bottom:2px;font-size:12px;display:block}.dialogue{border-radius:var(--radius-sm);background:var(--glass-soft);box-shadow:var(--well);margin:6px 0 14px;padding:6px 12px}.dialogue .sline{border-top-color:var(--line)}.quote .speak{white-space:nowrap}.card.cast>summary{cursor:pointer;align-items:baseline;gap:6px;list-style:none;display:flex}.card.cast>summary::-webkit-details-marker{display:none}.card.cast>summary:after{content:"›";color:var(--ink-3);margin-left:auto;font-size:20px;line-height:1;transition:transform .2s}.card.cast[open]>summary:after{transform:rotate(90deg)}.card.cast>summary small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.passed-note{color:var(--ok-deep);flex-basis:100%;margin:0}.cast-row{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding:8px 0;display:flex}.cast-row small{color:var(--ink-2)}.quiz-progress{gap:6px;margin-bottom:4px;display:grid}.quiz-progress .bar{margin:0}.return-bar{color:var(--accent-deep);align-items:center;gap:4px;margin:4px 0 8px;padding:8px 14px 8px 10px;font-size:14px;display:inline-flex}.return-bar .ico{width:18px;height:18px}.sheet .card.peek{max-height:72vh;margin:0 auto;overflow-y:auto}.peek h3{margin-top:0}.peek .link{margin-top:4px}.answer-result{border-radius:var(--radius-sm);background:var(--miss-tint);box-shadow:inset 0 0 0 1px var(--line);margin:10px 0;padding:12px 14px}.answer-result.right,.answer-result.variant{background:var(--ok-tint);box-shadow:none}.answer-result.close{background:var(--near-tint);box-shadow:none}.answer-result .verdict{margin-bottom:6px;display:block}.answer-result.right .verdict,.answer-result.variant .verdict{color:var(--ok-deep)}.answer-result.close .verdict{color:var(--near-deep)}.answer-result .verdict small{color:var(--ink-2);font-weight:400}.answer-result .compare{gap:4px;margin:4px 0 8px;display:grid}.answer-result .compare>div{grid-template-columns:4.5em 1fr;align-items:baseline;gap:8px;display:grid}.answer-result .compare small{color:var(--ink-3)}.answer-result .compare .ko{overflow-wrap:anywhere;font-size:17px}.answer-result .hints{margin:6px 0 0}