:root{--bg:#FFFAF3;--card:#FFFFFF;--ink:#3D3630;--muted:#8A7A66;--line:#EADFCE;--sori:#0B6E63;--sori-soft:#E2F1EE;--voca:#0B6E63;--now:#F97316;--now-soft:#FDEBDA;--now-ink:#C2570B;--unit:#F97316;--unit-soft:#FDEBDA;--ok:#0F9E8E;--ok-soft:#E0F4F1;--bad:#F2726B;--bad-soft:#FDEBEA;--lock:#C9BCA8;--shadow:0 1px 2px rgba(61,54,48,.06),0 4px 16px rgba(61,54,48,.08)}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);font-family:Chiron GoRound TC,Noto Sans KR,-apple-system,Malgun Gothic,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--sori);outline-offset:2px;border-radius:8px}input,select{font:inherit;color:inherit}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.shell{max-width:560px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:0 16px 32px}.shell.wide{max-width:1440px;padding:0 28px 40px}header.app{display:flex;align-items:center;justify-content:space-between;padding:18px 2px 14px;gap:10px}.wordmark{font-family:Fredoka,Chiron GoRound TC,Noto Sans KR,sans-serif;font-weight:700;font-size:24px;letter-spacing:.2px}.wordmark .s{color:var(--now)}.wordmark .v{color:var(--voca)}.wordmark small{display:block;font-family:Chiron GoRound TC,Noto Sans KR;font-weight:500;font-size:11px;color:var(--muted);letter-spacing:.12em;margin-top:-2px}.hbtns{display:flex;gap:8px;align-items:center}.hbtn{font-size:12px;font-weight:500;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:5px 12px;background:var(--card)}.who{font-size:12.5px;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.unitbadge{display:inline-flex;align-items:center;gap:6px;background:var(--unit-soft);color:var(--unit);font-weight:700;font-size:13px;border-radius:8px;padding:3px 10px}.muted{color:var(--muted)}.err{background:var(--bad-soft);color:var(--bad);border-radius:10px;padding:10px 14px;font-size:14px;font-weight:500;margin-top:12px}.login{margin:auto;width:100%;max-width:400px;padding:30px 26px}.login h1{text-align:center;margin-bottom:4px}.login .sub{text-align:center;font-size:13px;color:var(--muted);margin-bottom:22px}.field{margin-bottom:12px}.field label{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:5px}.field input{width:100%;border:1.5px solid var(--line);background:var(--bg);border-radius:10px;padding:12px 14px;font-size:15.5px}.btn{border-radius:12px;padding:14px;font-size:15.5px;font-weight:700;text-align:center}.btn.primary{background:var(--sori);color:#fff;width:100%}.btn.ghost{background:var(--card);border:1px solid var(--line);color:var(--muted)}.btn:disabled{opacity:.4;cursor:default}.assign{padding:18px;margin-bottom:14px}.assign h2{font-size:17px;font-weight:700;margin:8px 0 2px}.assign .meta{font-size:12.5px;color:var(--muted);margin-bottom:12px}.unitpick{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;padding:2px 0 8px}@media (max-width:700px){.unitpick{grid-template-columns:repeat(5,minmax(0,1fr))!important}}.uchip{min-width:0;padding:8px 6px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);font-weight:700;font-size:14px;text-align:center;cursor:pointer}.uchip b{display:block;font-size:15px;line-height:1.15}.uchip small{display:block;margin-top:2px;font-size:10.5px;font-weight:600;color:var(--muted)}.uchip.done{border-color:var(--ok);background:var(--ok);color:#fff}.uchip.done small{color:#ffffffd9}.uchip.open{border-color:var(--now);background:var(--now-soft);color:var(--now-ink)}.uchip.open small{color:var(--now-ink)}.uchip.locked{background:var(--bg);border-color:var(--line);color:var(--muted);opacity:.5;cursor:not-allowed}.uchip.sel{box-shadow:0 0 0 3px var(--now-soft);border-color:var(--now)}.uchip.fresh{position:relative;animation:uchip-pulse 1.6s ease-in-out infinite}.uchip .newtag{position:absolute;top:-7px;right:-5px;background:var(--now);color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.4px;line-height:1;padding:3px 5px;border-radius:999px;box-shadow:0 1px 3px #0000002e}@keyframes uchip-pulse{0%,to{box-shadow:0 0 0 0 var(--now-soft)}50%{box-shadow:0 0 0 4px var(--now-soft)}}@media (prefers-reduced-motion:reduce){.uchip.fresh{animation:none;box-shadow:0 0 0 3px var(--now-soft)}}.uchip.done.sel{box-shadow:0 0 0 3px var(--ok-soft)}.jhead{display:flex;align-items:center;gap:12px;margin-bottom:14px}.jhead .back{border:0;background:none;font-size:15px;font-weight:800;color:var(--muted);cursor:pointer;padding:4px 6px}.jrow{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:10px 2px}.jrow+.jrow{border-top:1px dashed var(--line)}.jlabel{flex:0 0 44px;font-size:11.5px;font-weight:800;color:var(--muted);text-align:center;line-height:1.3}.jdots{flex:0 0 auto;color:var(--line);font-weight:800;font-size:11px;letter-spacing:1px}.jbtn{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}.jbtn .jb{width:58px;height:58px;border-radius:19px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;border:2px solid var(--line);background:var(--card);color:var(--muted)}.jbtn .lb{font-size:11.5px;font-weight:700;color:var(--muted)}.jbtn.done .jb{background:var(--ok);border-color:var(--ok);color:#fff;font-size:20px}.jbtn.done .lb{color:var(--ok)}.jbtn.next .jb{background:var(--now);border-color:var(--now);color:#fff;animation:jpulse 1.5s ease-in-out infinite}.jbtn.next .lb{color:var(--now-ink);font-weight:800}.jbtn.locked .jb{border-style:dashed;opacity:.5}.jbtn.locked{cursor:default}.jbtn.ghost{visibility:hidden;width:58px}@keyframes jpulse{0%,to{box-shadow:0 0 0 0 var(--now-soft);transform:scale(1)}50%{box-shadow:0 0 0 8px var(--now-soft);transform:scale(1.06)}}.uchip.now{animation:uchip-now 1.5s ease-in-out infinite;border-width:2px}@keyframes uchip-now{0%,to{box-shadow:0 0 0 0 var(--now-soft);transform:scale(1)}50%{box-shadow:0 0 0 7px var(--now-soft);transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.jbtn.next .jb,.uchip.now{animation:none;box-shadow:0 0 0 3px var(--now-soft)}}.bookcta{display:block;width:100%;margin-top:12px;padding:14px 16px;border:0;border-radius:14px;background:var(--now);color:#fff;font-weight:800;font-size:15.5px;cursor:pointer;text-align:left;animation:jpulse 1.8s ease-in-out infinite}.bookcta small{display:block;font-size:12px;font-weight:600;opacity:.92;margin-top:3px}@media (prefers-reduced-motion:reduce){.bookcta{animation:none}}.ulegend{display:flex;gap:14px;margin:0 0 12px;font-size:11.5px;font-weight:600;color:var(--muted)}.ulegend span{display:inline-flex;align-items:center;gap:5px}.ulegend i{width:11px;height:11px;border-radius:4px;border:1.5px solid var(--line);background:var(--card)}.ulegend i.done{background:var(--ok);border-color:var(--ok)}.ulegend i.open{background:var(--now-soft);border-color:var(--now)}.ulegend i.locked{background:var(--bg);opacity:.5}.steps{display:flex;flex-direction:column}.step{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 8px;border-radius:12px;position:relative}.step+.step:before{content:"";position:absolute;left:25px;top:-9px;width:2px;height:18px;background:var(--line)}.step:not(:disabled):hover{background:var(--sori-soft)}.step:disabled{cursor:default}.dot{flex:0 0 36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:700;z-index:1}.step.todo .dot{background:var(--sori-soft);color:var(--sori)}.step.done .dot{background:var(--ok);color:#fff}.step.locked .dot{background:transparent;border:2px dashed var(--lock);color:var(--lock)}.step .txt{flex:1;min-width:0}.step .nm{font-weight:700;font-size:15px}.step.locked .nm,.step.locked .ds{color:var(--lock)}.step .ds{font-size:12.5px;color:var(--muted)}.step .pct{font-size:13px;font-weight:700;color:var(--ok);font-variant-numeric:tabular-nums}.step .go{font-size:13px;font-weight:700;color:var(--sori)}.sectionlabel{font-size:12px;letter-spacing:.08em;font-weight:700;color:var(--muted);margin:14px 0 6px}.unitdone{margin-top:10px;background:var(--ok-soft);color:var(--ok);font-weight:700;font-size:13.5px;border-radius:10px;padding:9px 12px}.unitdone .nextbtn{display:block;width:100%;margin-top:8px;padding:10px 12px;border:0;border-radius:9px;background:var(--now);color:#fff;font-weight:800;font-size:14px;cursor:pointer}footer.note{margin-top:auto;padding-top:22px;font-size:11.5px;color:var(--muted);text-align:center;line-height:1.8}.play header{display:flex;align-items:center;gap:10px;padding:16px 2px}.back{font-size:14px;font-weight:700;color:var(--muted);padding:6px 10px 6px 0}.play h1{font-size:16px;font-weight:700;flex:1}.hmode{color:var(--muted);font-weight:600}.hmode.past{opacity:.55}.hmode.on{color:var(--now-ink);font-weight:800}.hsep{margin:0 3px;color:var(--line2,var(--line));font-weight:600}.prog{height:6px;border-radius:3px;background:var(--line);overflow:hidden;margin:2px 2px 18px}.prog i{display:block;height:100%;background:var(--sori);border-radius:3px;transition:width .25s}.stage{padding:26px 20px;text-align:center}.enword{font-family:Inter,Fredoka,Chiron GoRound TC,Noto Sans KR,sans-serif;font-weight:600;font-size:46px;color:var(--voca);letter-spacing:.01em;line-height:1.15;overflow-wrap:anywhere}.cardimg{max-width:150px;max-height:110px;border-radius:12px;margin:0 auto 8px;display:block}.koword{font-size:19px;font-weight:700;margin-top:2px}.colloc{display:inline-block;margin-top:14px;background:var(--sori-soft);color:var(--sori);font-weight:500;font-size:14.5px;border-radius:99px;padding:5px 14px}.sent{margin-top:14px;font-size:15.5px}.sent b{color:var(--sori)}.sent .tr{display:block;font-size:13px;color:var(--muted);margin-top:2px}.speak{margin-top:18px;width:56px;height:56px;border-radius:50%;background:var(--sori);color:#fff;font-size:22px;box-shadow:var(--shadow)}.speak:active{transform:scale(.94)}.navrow{display:flex;gap:10px;margin-top:14px}.navrow .btn{flex:1}.counter{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.qko{font-size:15px;font-weight:500;color:var(--muted)}.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.opt{position:relative;border:1.5px solid var(--line);background:var(--card);border-radius:12px;padding:18px 44px;font-size:17px;font-weight:700;transition:transform .08s}.opt.en{font-family:Inter,Fredoka,Chiron GoRound TC,Noto Sans KR,sans-serif;font-weight:600;font-size:21px;color:var(--voca)}@media (hover:hover){.opt:not(:disabled):hover{border-color:var(--sori)}}.opt.right{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.opt.wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.opt.dim{opacity:.45}.opt.sel{border-color:var(--sori);background:var(--sori-soft)}.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.tile{border:1.5px solid var(--line);background:var(--card);border-radius:12px;min-height:64px;padding:8px;display:grid;place-items:center;font-weight:700;font-size:15px}.tile.en{font-family:Inter,Fredoka,Chiron GoRound TC,Noto Sans KR,sans-serif;font-weight:600;font-size:19px;color:var(--voca)}.tile.sel{border-color:var(--sori);background:var(--sori-soft)}.tile.hit{border-color:var(--ok);background:var(--ok-soft);color:var(--ok);opacity:.55;pointer-events:none}.tile.miss{border-color:var(--bad);background:var(--bad-soft);animation:shake .25s}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.spellin{width:100%;margin-top:22px;border:1.5px solid var(--line);background:var(--bg);border-radius:12px;padding:14px;font-family:Inter,Fredoka,Chiron GoRound TC,Noto Sans KR,sans-serif;font-size:27px;font-weight:600;text-align:center;color:var(--ink);letter-spacing:.06em}.spellin.right{border-color:var(--ok);color:var(--ok)}.spellin.wrong{border-color:var(--bad);color:var(--bad)}.answer{margin-top:10px;font-size:14px;color:var(--bad);font-weight:700;min-height:22px}.answer .w{font-family:Inter,Fredoka,sans-serif;font-size:18px}.result{padding:30px 20px;text-align:center}.bigpct{font-family:Inter,Fredoka,Chiron GoRound TC,Noto Sans KR,sans-serif;font-weight:700;font-size:56px;font-variant-numeric:tabular-nums}.bigpct.pass{color:var(--ok)}.bigpct.fail{color:var(--bad)}.rmsg{font-weight:700;font-size:16px;margin-top:2px}.rsub{font-size:13px;color:var(--muted);margin-top:6px}.wrongs{margin-top:16px;text-align:left;border-top:1px dashed var(--line);padding-top:12px;font-size:14px;list-style:none}.wrongs li{display:flex;justify-content:space-between;padding:4px 2px}.wrongs .w{font-family:Inter,Fredoka,sans-serif;font-weight:600;font-size:1.1em;color:var(--voca)}.tabs{display:flex;gap:6px;margin-bottom:14px}.tab{padding:8px 16px;border-radius:99px;font-size:14px;font-weight:700;color:var(--muted);border:1px solid var(--line);background:var(--card)}.tab.sel{background:var(--sori);border-color:var(--sori);color:#fff}table.list{width:100%;border-collapse:collapse;font-size:14px}table.list th{font-size:12px;color:var(--muted);text-align:left;font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line)}table.list td{padding:9px 10px;border-bottom:1px solid var(--line)}table.list td.num{font-variant-numeric:tabular-nums}.pill{display:inline-block;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700}.pill.on{background:var(--ok-soft);color:var(--ok)}.pill.off{background:var(--line);color:var(--muted)}.formrow{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}.formrow .field{margin:0;flex:1;min-width:140px}.field select{width:100%;border:1.5px solid var(--line);background:var(--bg);border-radius:10px;padding:11px 12px;font-size:14.5px}@media (min-width:1100px){.shell:has(.jrow){max-width:980px}.jrow{gap:14px;padding:14px 4px}.jlabel{flex-basis:64px;font-size:13px}.jbtn .jb{width:78px;height:78px;border-radius:25px;font-size:16px}.jbtn.done .jb{font-size:27px}.jbtn .lb{font-size:13.5px}.jbtn.ghost{width:78px}.jdots{font-size:13px;letter-spacing:2px}.shell:has(.rgrid){max-width:1080px}.shell:has(.rgrid) .rword{font-size:30px}.shell:has(.rgrid) .rword.long{font-size:24px}.shell:has(.rgrid) .rface.back .rko{font-size:20px}.shell:has(.rgrid) .rface.back .rko.past{font-size:23px}.shell:has(.rgrid) .rgrid{grid-template-columns:repeat(5,1fr)}}.layout{display:flex;gap:18px;align-items:flex-start}.side{flex:0 0 164px;position:sticky;top:14px;display:flex;flex-direction:column;gap:6px}.sitem{display:flex;flex-direction:column;align-items:center;gap:4px;padding:13px 8px;border-radius:14px;font-weight:700;font-size:13px;color:var(--muted);width:100%;border:1px solid transparent}.sitem .ico{font-size:20px;line-height:1}.sitem .ico svg{width:26px;height:26px;display:block}.sitem.sel .ico svg{stroke-width:2.2}.sitem:hover{background:var(--card);border-color:var(--line)}.sitem.sel{background:var(--sori-soft);color:var(--sori)}.content{flex:1;min-width:0}@media (max-width:640px){.layout{flex-direction:column}.side{flex-direction:row;position:static;width:100%;overflow-x:auto}.sitem{flex:0 0 auto;min-width:76px}}.livebar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.livebar h2{font-size:17px;font-weight:700}.livecount{background:var(--ok-soft);color:var(--ok);font-weight:700;font-size:13px;border-radius:99px;padding:3px 12px}.livegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px}.livecard{padding:14px 16px;display:flex;flex-direction:column;gap:7px}.livehead{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15.5px}.pulse{width:10px;height:10px;border-radius:50%;background:var(--ok);flex:0 0 auto;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #2e9e6373}70%{box-shadow:0 0 0 9px #2e9e6300}to{box-shadow:0 0 #2e9e6300}}.livemeta{font-size:13px;color:var(--muted)}.livemode{display:inline-block;background:var(--unit-soft);color:var(--unit);font-weight:700;font-size:12px;border-radius:99px;padding:2px 10px;width:fit-content}.elapsed{font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--muted)}.emptylive{padding:36px 20px;text-align:center;color:var(--muted);font-size:14.5px}.feed{margin-top:18px}.feed h3{font-size:13px;letter-spacing:.06em;color:var(--muted);font-weight:700;margin-bottom:8px}.feeditem{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:7px 4px;border-bottom:1px dashed var(--line)}.feeditem .who{font-weight:700}.feeditem .what{color:var(--muted);flex:1}.feeditem .pctv{font-weight:700;color:var(--ok);font-variant-numeric:tabular-nums}.rgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rcell{position:relative;aspect-ratio:1/1;perspective:600px;padding:0;border:0;background:none}.rinner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .45s}.rcell.flip .rinner{transform:rotateY(180deg)}.rface{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1.5px solid var(--line);border-radius:12px;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;overflow:hidden}.rface.back{transform:rotateY(180deg);border-color:var(--sori)}.rcell.rec .rface.back{border-color:var(--bad)}.rword{font-family:Inter,Fredoka,Chiron GoRound TC,Noto Sans KR,sans-serif;font-weight:600;font-size:23px;color:var(--voca);overflow-wrap:anywhere;line-height:1.15}.rsent{font-size:11px;font-weight:600;color:var(--voca);line-height:1.3;text-align:center}.rko{font-size:12.5px;font-weight:700;text-align:center;line-height:1.3}.rtag{position:absolute;top:5px;left:7px;font-size:9px;font-weight:700;color:var(--muted);letter-spacing:.06em}.rdone{position:absolute;top:3px;right:7px;color:var(--ok);font-weight:900;font-size:14px}.rbtns{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.rbtn{font-size:11px;font-weight:700;border:1px solid var(--line);border-radius:99px;padding:3px 9px;background:var(--bg);cursor:pointer}.rbtn.go{background:var(--bad);border-color:var(--bad);color:#fff}.rprog{position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--line)}.rprog i{display:block;height:100%;background:var(--bad);transition:width .1s linear}.rtime{font-size:11.5px;color:var(--bad);font-weight:700;font-variant-numeric:tabular-nums}.rfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;font-size:13.5px;color:var(--muted)}.rcell.cur .rface{border-color:var(--bad);box-shadow:0 0 0 3px var(--bad-soft)}.rcell.past .rface{opacity:.55}.recdock{position:sticky;top:0;z-index:40;background:var(--bg);padding:10px 2px;margin-bottom:10px;border-bottom:1px solid var(--line)}.recbar{margin-top:14px}.prog.big{height:10px;border-radius:5px;margin:0 0 10px}.prog.big i{background:var(--bad)}.recrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.rcell .rface .rko{font-size:11px;color:var(--muted)}.rface.back .rko{font-size:16px;color:var(--ink)}.subtabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin-bottom:16px}.subtab{padding:9px 18px;font-size:14.5px;font-weight:700;color:var(--muted);border-bottom:2.5px solid transparent;margin-bottom:-2px}.subtab.sel{color:var(--sori);border-bottom-color:var(--sori)}.zone{margin-bottom:16px}.zone>header{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;margin-bottom:8px}.zone>header .zcount{border-radius:99px;padding:1px 10px;font-size:12.5px;font-variant-numeric:tabular-nums}.zone.z-wait>header{color:var(--muted)}.zone.z-wait>header .zcount{background:var(--line);color:var(--muted)}.zone.z-live>header{color:var(--ok)}.zone.z-live>header .zcount{background:var(--ok-soft);color:var(--ok)}.zone.z-done>header{color:var(--unit)}.zone.z-done>header .zcount{background:var(--unit-soft);color:var(--unit)}.zonegrid{display:flex;flex-wrap:wrap;gap:8px}.schip{display:flex;flex-direction:column;gap:2px;border:1.5px solid var(--line);background:var(--card);border-radius:12px;padding:9px 14px;min-width:110px}.schip .nm{font-weight:700;font-size:14.5px}.schip .sub{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.sprog{display:block;position:relative;height:6px;background:var(--line);border-radius:4px;width:100%;margin:7px 0 13px}.sprog i{display:block;height:100%;background:var(--ok);border-radius:4px;transition:width .3s}.sprog em{position:absolute;left:0;right:0;top:9px;text-align:right;font-style:normal;font-size:10.5px;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums}.zone.z-done .schip{border-color:var(--unit);background:var(--unit-soft)}.zone.z-done .schip .sub{color:var(--unit)}.zempty{font-size:13px;color:var(--muted);padding:10px 4px}.prow{display:flex;gap:14px;align-items:flex-start;padding:13px 4px;border-bottom:1px solid var(--line)}.prow .who{flex:0 0 92px;font-weight:700;font-size:15px;padding-top:4px}.prow .chips{flex:1;display:flex;flex-wrap:wrap;gap:8px}.pchip{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:99px;padding:6px 14px;font-size:13px;font-weight:700}.pchip .bar{width:70px;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.pchip .bar i{display:block;height:100%;background:var(--sori)}.pchip.hi{border-color:var(--ok)}.pchip.hi .bar i{background:var(--ok)}.pchip.lo{border-color:var(--bad-soft)}.pchip.lo .bar i{background:var(--bad)}.pchip .pv{color:var(--sori);font-variant-numeric:tabular-nums}.pchip.hi .pv{color:var(--ok)}.pchip.lo .pv{color:var(--bad)}.prow .none{font-size:13px;color:var(--lock);padding-top:5px}.chipgroups{display:flex;flex-direction:column;gap:6px}.chipgroup{display:flex;align-items:flex-start;gap:8px}.chipgroup .cgname{flex:0 0 74px;padding-top:7px;font-size:11.5px;font-weight:800;color:var(--muted);letter-spacing:.2px;text-align:right}.chipgroup .fchips{flex:1;margin:0}@media (max-width:640px){.chipgroup{flex-direction:column;gap:2px}.chipgroup .cgname{flex:none;text-align:left;padding-top:2px}}.fchips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;align-items:center}.fchips .lbl{font-size:13px;font-weight:700;color:var(--muted);margin-right:2px}.fchip{border:1.5px solid var(--line);background:var(--card);border-radius:99px;padding:6px 15px;font-size:13.5px;font-weight:700;color:var(--muted)}.fchip.sel{border-color:var(--sori);color:var(--sori);background:var(--sori-soft)}.asgline{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.asghead{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--voca)}.asghead .bd{background:var(--unit-soft);color:var(--unit);border-radius:7px;padding:2px 9px}.ublks{display:flex;flex-wrap:wrap;gap:6px}.ublk{min-width:52px;border:1.5px solid var(--line);background:var(--card);border-radius:10px;padding:5px 7px;text-align:center;cursor:pointer}.ublk small{display:block;font-size:10px;font-weight:700;color:var(--muted)}.ublk b{font-size:12.5px;font-variant-numeric:tabular-nums}.ublk.zero{opacity:.55}.ublk.part{border-color:var(--sori)}.ublk.part b{color:var(--sori)}.ublk.full{border-color:var(--ok);background:var(--ok-soft)}.ublk.full b{color:var(--ok)}.ublk:hover{border-color:var(--sori)}.ovl{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f142d73;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:var(--card);border-radius:18px;box-shadow:var(--shadow);width:100%;max-width:460px;max-height:86vh;overflow-y:auto;padding:20px}.modal h3{font-size:16.5px;font-weight:700;margin-bottom:2px}.modal .sub{font-size:12.5px;color:var(--muted);margin-bottom:14px}.mrow{display:flex;justify-content:space-between;gap:8px;font-size:14px;padding:7px 2px;border-bottom:1px dashed var(--line)}.mrow .st{font-weight:700}.mrow .ok{color:var(--ok);font-weight:700;font-variant-numeric:tabular-nums}.wtag{display:inline-flex;gap:5px;align-items:center;background:var(--bad-soft);color:var(--bad);border-radius:99px;padding:3px 11px;font-size:12.5px;font-weight:700;margin:3px 4px 0 0}.wtag small{font-weight:500}.mclose{margin-top:16px;width:100%}.exlist .exrow{display:flex;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid var(--line);cursor:pointer}.exlist .exrow:hover{background:var(--sori-soft)}.exrow .ttl{flex:1;font-weight:700;font-size:14.5px}.exrow .meta{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.exrow .avg{font-weight:700;color:var(--sori);font-variant-numeric:tabular-nums}.scorein{width:64px;border:1.5px solid var(--line);background:var(--bg);border-radius:8px;padding:6px 8px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.qcard{padding:14px 16px;margin-bottom:10px}.qcard .ttl{font-weight:700;font-size:15px}.qcard .meta{font-size:12.5px;color:var(--muted)}.qline{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.qline.pend{background:var(--now-soft);border:1.5px solid var(--now);border-left-width:5px;border-radius:10px;padding:10px 12px;margin-top:10px}.qline.pend .scorein{border-color:var(--now);background:#fff}.qline.pend .scorein:focus{outline:2px solid var(--now);outline-offset:1px}.qbtn{border:0;border-radius:9px;background:var(--now);color:#fff;font-weight:800;font-size:13.5px;padding:8px 16px;cursor:pointer;white-space:nowrap}.qbtn:hover{background:var(--now-ink)}@media (max-width:520px){.qline.pend .scorein{flex:1 1 90px}.qbtn{flex:1 1 auto;padding:10px 16px;font-size:15px}}.flabel{font-size:13px;font-weight:700;margin-bottom:6px;color:var(--ink)}.smgr{display:flex;gap:16px;align-items:flex-start}.slist{flex:0 0 264px;min-width:0}.slist .search{width:100%;border:1.5px solid var(--line);background:var(--card);border-radius:10px;padding:9px 12px;font-size:14px;margin:10px 0 4px}.sgh{display:flex;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--muted);padding:12px 6px 4px}.srow{display:flex;justify-content:space-between;align-items:center;gap:6px;width:100%;text-align:left;padding:9px 12px;border-radius:10px;font-size:14px;font-weight:700}.srow:hover{background:var(--sori-soft)}.srow.sel{background:var(--sori-soft);color:var(--sori);font-weight:700}.srow .lid{font-size:12px;color:var(--muted);font-weight:500}.srow .onpill{margin-left:6px;font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:99px;background:var(--sori-soft);color:var(--sori);vertical-align:1px}.srow.off{color:var(--muted)}.srow.off .lid{opacity:.7}.sdetail{flex:1;min-width:0}.frow{display:flex;gap:8px;align-items:flex-end;margin-bottom:14px}.frow .grow{flex:1}.frow input{width:100%;border:1.5px solid var(--line);background:var(--bg);border-radius:10px;padding:11px 13px;font-size:14.5px}.savedok{color:var(--ok);font-size:12.5px;font-weight:700}@media (max-width:640px){.smgr{flex-direction:column}.slist{flex:1 1 auto;width:100%}}.modal.pv{max-width:840px;width:100%;height:88vh;display:flex;flex-direction:column;padding:14px 16px}.pvbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pvframe{flex:1;width:100%;border:1px solid var(--line);border-radius:10px;background:#fff}@media (min-width:1100px){.shell.wide .layout{gap:26px}.shell.wide .smgr{gap:22px}.shell.wide .livegrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.shell.wide .zonegrid .schip{min-width:150px}}@media (max-width:900px){.shell.wide{padding:0 14px 32px}.layout{flex-direction:column;gap:12px}.side{flex-direction:row;position:static;width:100%;overflow-x:auto;gap:6px;padding-bottom:2px}.side .sitem{flex:0 0 auto;min-width:84px;padding:9px 10px;font-size:12.5px}.side .sitem .ico{font-size:17px}.side .sitem .ico svg{width:22px;height:22px}.slist{flex:0 0 210px}.smgr{gap:14px}.ublks .ublk{min-width:48px}}@media (max-width:760px){.smgr{flex-direction:column}.slist{flex:1 1 auto;width:100%;max-height:320px;overflow-y:auto}}@media (min-width:1100px){body{font-size:17px}.shell.wide{padding:0 36px 48px}header.app{padding:24px 4px 20px}.wordmark{font-size:30px}.wordmark small{font-size:12.5px}.who{font-size:15px}.hbtn{font-size:14px;padding:8px 16px}.side{flex:0 0 190px;gap:8px}.sitem{padding:17px 10px;font-size:15.5px;gap:7px;border-radius:16px}.sitem .ico{font-size:26px}.card{border-radius:20px}.sgh{font-size:15px;padding:16px 8px 8px}.sectionlabel{font-size:13.5px;margin:20px 0 10px}.muted{font-size:inherit}.shell.wide .slist,.slist{flex:0 0 320px}.slist .search{font-size:16px;padding:13px 16px;border-radius:12px;margin:14px 0 6px}.srow{padding:13px 16px;font-size:16px;border-radius:12px}.srow .lid{font-size:14px}.flabel{font-size:15px;margin-bottom:8px}.frow{gap:10px;margin-bottom:18px}.frow input{padding:14px 16px;font-size:16px;border-radius:12px}.field label{font-size:14px;margin-bottom:7px}.field input,.field select{padding:14px 16px;font-size:16px;border-radius:12px}.btn{padding:16px;font-size:17px;border-radius:14px}.fchip{font-size:15px;padding:9px 20px}.fchips .lbl{font-size:15px}.unitbadge{font-size:15px;padding:5px 14px}.zone>header{font-size:16px;margin-bottom:12px}.zone>header .zcount{font-size:14.5px;padding:3px 14px}.schip{padding:14px 20px;min-width:150px;border-radius:16px}.schip .nm{font-size:17px}.schip .sub{font-size:13px}.livecard{padding:18px 20px}.livehead{font-size:18px}.livemeta{font-size:15px}.livemode{font-size:13.5px;padding:3px 13px}.elapsed{font-size:14px}.ublks{gap:9px}.ublk{min-width:76px;padding:9px 11px;border-radius:14px}.ublk small{font-size:12.5px}.ublk b{font-size:15.5px}.asghead{font-size:15px}.asghead .bd{padding:4px 12px}.subtab{font-size:17px;padding:12px 26px}.subtabs{margin-bottom:22px}table.list{font-size:16px}table.list th{font-size:14px;padding:12px 14px}table.list td{padding:14px}.exrow{padding:15px 6px;gap:14px}.exrow .ttl{font-size:16.5px}.exrow .meta,.exrow .avg{font-size:14.5px}.pill{font-size:13.5px;padding:3px 13px}.scorein{width:80px;padding:9px 10px;font-size:16px}.modal{max-width:560px;padding:26px}.modal h3{font-size:19px}.modal .sub{font-size:14px}.mrow{font-size:15.5px;padding:9px 4px}.wtag{font-size:14px;padding:4px 14px}.feeditem{font-size:15px;padding:9px 4px}.feed h3{font-size:14px}}@media (min-width:1500px){.shell.wide .slist,.slist{flex:0 0 360px}.shell.wide{padding:0 48px 56px}}@media (min-width:1100px){.shell{max-width:680px}.assign{padding:26px}.assign h2{font-size:21px}.assign .meta{font-size:14.5px}.uchip{padding:12px 8px;font-size:17px;border-radius:14px}.uchip b{font-size:18px}.uchip small{font-size:12.5px}.ulegend{font-size:13px;gap:18px}.step{padding:15px 12px;border-radius:16px}.dot{flex:0 0 44px;height:44px;font-size:18px}.step .nm{font-size:17px}.step .ds{font-size:14px}.step .pct,.step .go{font-size:15px}.step+.step:before{left:31px}.stage{padding:34px 28px}.enword{font-size:56px}.koword{font-size:22px}.colloc{font-size:16.5px;padding:6px 18px}.sent{font-size:18px}.sent .tr{font-size:15px}.qko{font-size:17px}.opt{padding:22px 52px;font-size:19px;border-radius:14px}.opt.en{font-size:24px}.opt .onum{left:12px;min-width:30px;height:30px;line-height:30px;font-size:14px}.speak{width:66px;height:66px;font-size:26px}.spellin{font-size:31px;padding:16px}.tile{min-height:78px;font-size:17px}.tile.en{font-size:21px}.bigpct{font-size:66px}.rmsg{font-size:18px}.counter{font-size:15px}.play h1{font-size:18px}}.renamein{flex:0 1 260px;border:1.5px solid var(--sori);background:var(--bg);border-radius:10px;padding:9px 12px;font-size:15px;font-weight:700;color:var(--ink)}@media (min-width:1100px){.renamein{flex:0 1 320px;padding:11px 14px;font-size:16.5px}}.studio{display:block}.stbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;border:1px solid var(--line);border-radius:14px;background:var(--card);margin-bottom:14px}.stbar h2{font-size:17px;font-weight:700}.stbody{display:flex;gap:20px;align-items:flex-start}.stside{flex:0 0 320px;align-self:flex-start;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.booktop{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:10px 14px;margin-bottom:14px}.bookrow{display:flex;flex-wrap:wrap;gap:6px}.bookrow .fchip{white-space:nowrap}.roundrow{display:flex;align-items:center;gap:8px;margin-top:9px;padding-top:9px;border-top:1px dashed var(--line)}.uselect{border:1.5px solid var(--line);background:var(--bg);border-radius:10px;padding:7px 10px;font-size:14px;font-weight:600}.stmain{flex:1;min-width:0;display:flex;justify-content:center}.stpaper{width:100%;max-width:794px;overflow:hidden}.stpaper iframe{width:794px;border:0;display:block;transform-origin:top left}.bookfin{margin-top:12px;background:var(--ok-soft);border:1.5px solid var(--ok);border-radius:14px;padding:14px 16px;color:var(--ok);font-weight:800;font-size:15px;text-align:center}.bookfin small{display:block;margin-top:6px;color:var(--ink);opacity:.75;font-weight:600;font-size:12.5px;line-height:1.5}.zone.z-done .schip.bookdone{border-color:var(--ok);background:var(--ok-soft)}.zone.z-done .schip.bookdone .sub{color:var(--ok)}.schip.bookdone{border-color:var(--ok);background:var(--ok-soft)}.schip.bookdone .sub{color:var(--ok);font-weight:700}.donetag{display:block;margin-top:5px;font-size:11px;font-weight:800;color:#fff;background:var(--ok);border-radius:999px;padding:2px 8px;text-align:center}.exrow.asgdone{border-color:var(--ok);background:var(--ok-soft)}.donepill{background:var(--ok);color:#fff;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:800;white-space:nowrap}.donenotice{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:var(--now-soft);border:1.5px solid var(--now);border-radius:14px;padding:12px 16px;margin-bottom:14px;color:var(--now-ink);font-size:14px}.donenotice .dnames{margin-top:4px;font-size:12.5px;color:var(--ink);opacity:.8}.hbtn.copied{background:var(--ok);border-color:var(--ok);color:#fff}.needpill{display:inline-block;margin-left:6px;background:var(--now-soft);color:var(--now-ink);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:800;vertical-align:middle}.totpill{background:var(--sori);color:#fff;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.totpill.over{background:var(--bad)}.overwarn{color:var(--bad);font-size:12px;margin-left:6px;font-weight:700}.numrow input.overnum{border-color:var(--bad);color:var(--bad);background:var(--bad-soft)}.ddet{border:1.5px solid var(--line);border-radius:10px;background:var(--bg);margin-bottom:6px}.ddet>summary{cursor:pointer;list-style:none;padding:9px 12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.ddet>summary::-webkit-details-marker{display:none}.ddet>summary:after{content:"▾";margin-left:auto;color:var(--muted);font-size:12px;transition:transform .15s}.ddet[open]>summary:after{transform:rotate(180deg)}.ddet[open]>summary{border-bottom:1px solid var(--line)}.ddet>*:not(summary){padding:10px 12px}.stside .flabel{margin-top:16px}.stside .flabel:first-child{margin-top:0}.numrow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0}.numrow span{font-size:14px}.numrow input{width:76px;border:1.5px solid var(--line);background:var(--bg);border-radius:8px;padding:7px 10px;text-align:center;font-size:15px;font-variant-numeric:tabular-nums}.chipsline{display:flex;flex-wrap:wrap;gap:6px}.chipsline .fchip{font-size:13.5px;padding:6px 13px}.stfoot{display:flex;flex-direction:column;gap:8px;margin-top:20px}@media (max-width:1000px){.stbody{flex-direction:column}.stside{flex:0 0 auto;position:static;max-height:none;width:100%}}.rpv{margin-top:18px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg)}.rpvbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap}.rpvframe{width:100%;height:70vh;min-height:520px;border:0;background:#fff;display:block}.stepchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.stepchip{display:inline-flex;flex-direction:column;gap:2px;border:1.5px solid var(--line);border-radius:12px;padding:8px 14px;line-height:1.25}.stepchip b{font-size:13.5px;font-weight:700}.stepchip small{font-size:11.5px;font-weight:600}.stepchip.done{border-color:var(--ok);background:var(--ok-soft)}.stepchip.done b,.stepchip.done small{color:var(--ok)}.stepchip.doing{border-color:var(--sori);background:var(--sori-soft)}.stepchip.doing b,.stepchip.doing small{color:var(--sori)}.stepchip.todo{opacity:.65}.stepchip.todo small{color:var(--muted)}.plays{display:flex;justify-content:center;gap:8px;margin-top:12px}.pdot{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);color:var(--muted);display:grid;place-items:center;font-size:13.5px;font-weight:700;transition:all .2s}.pdot.on{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.pdot.live{border-color:var(--sori);background:var(--sori-soft);color:var(--sori);animation:pulse 1.4s infinite}.speak.on{animation:pulse 1.4s infinite}.speak:disabled{opacity:1;cursor:default}@media (min-width:1100px){.pdot{width:36px;height:36px;font-size:15px}}.speak.static{display:grid;place-items:center;margin-left:auto;margin-right:auto;cursor:default}.rcell.empty{border:1.5px dashed var(--line);border-radius:12px;background:transparent;opacity:.5}.rface.back{cursor:pointer;gap:8px}.rplaying{font-size:15px;opacity:.75}.btn.stop{background:var(--bad);color:#fff;border:0;width:auto;padding:13px 22px;font-size:15px;border-radius:12px;box-shadow:0 2px 8px var(--bad-soft);cursor:pointer}.btn.stop:hover{filter:brightness(1.06)}.speedrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px}.speedlab{font-size:12.5px;font-weight:700;color:var(--muted);margin-right:2px}.speedsec{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.playbtn.on{border-color:var(--sori);color:var(--sori);background:var(--sori-soft);animation:playpulse 1.1s ease-in-out infinite}@keyframes playpulse{0%,to{box-shadow:0 0 0 0 var(--sori-soft)}50%{box-shadow:0 0 0 6px var(--sori-soft)}}.prog.playbar{height:6px;margin:8px 0 0}.prog.playbar i{background:var(--sori);transition:width .12s linear}@media (prefers-reduced-motion:reduce){.playbtn.on{animation:none}}@media (min-width:1100px){.speedlab,.speedsec{font-size:14px}.btn.stop{font-size:16.5px;padding:15px 26px}}.qstat{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.setchip{font-size:12px;font-weight:700;color:var(--muted);background:var(--bg);border-radius:99px;padding:4px 11px}.wrongcnt{font-size:12.5px;font-weight:700;color:var(--bad)}.wrongcnt b{font-size:15px;font-variant-numeric:tabular-nums}.enword.pair{color:var(--ink);font-size:40px}.enword.pair .hw{color:var(--sori)}.timebar{height:4px;border-radius:2px;background:var(--line);overflow:hidden;margin:18px 4px 2px}.timebar i{display:block;height:100%;background:var(--sori);border-radius:2px;transition:width .1s linear}.opts.six{grid-template-columns:1fr 1fr}.timeover{margin-top:12px;color:var(--bad);font-weight:700}@media (min-width:1100px){.enword.pair{font-size:48px}.setchip,.wrongcnt{font-size:14px}.wrongcnt b{font-size:17px}}.mtime{display:flex;align-items:center;gap:10px;margin:0 2px 14px}.msec{font-size:14px;font-weight:700;color:var(--sori);font-variant-numeric:tabular-nums;min-width:44px}.msec.warn{color:var(--bad)}.mtime .timebar{flex:1;margin:0}.timebar i.warn{background:var(--bad)}.again{color:var(--bad);font-weight:700}.mgrid.froze{opacity:.45}@media (min-width:1100px){.msec{font-size:16px;min-width:52px}}.rword .hw{color:var(--sori)}.rword{color:var(--ink)}.rword.long{font-size:18px}.recbtns{display:flex;align-items:center;gap:26px}.btn.done{background:var(--ok);color:#fff;border:0;width:auto;padding:13px 22px;font-size:15px;border-radius:12px;box-shadow:0 2px 8px var(--ok-soft);cursor:pointer}.btn.done:hover:not(:disabled){filter:brightness(1.06)}.btn.done:disabled{background:var(--line);color:var(--muted);box-shadow:none;cursor:default;opacity:1}@media (max-width:520px){.recbtns{gap:14px}.btn.done,.btn.stop{padding:12px 14px;font-size:13.5px}}@media (min-width:1100px){.rword{font-size:27px}.rword.long{font-size:21px}.btn.done{font-size:16.5px;padding:15px 26px}}.card.stage.pv{padding:18px 16px}.pvzones{display:flex;flex-direction:column;gap:10px}.pvz{position:relative;border:1.5px solid transparent;border-radius:14px;background:var(--bg);padding:24px 14px 16px;transition:background .18s,border-color .18s,box-shadow .18s}.pvz.on{background:var(--sori-soft);border-color:var(--sori);box-shadow:0 0 0 4px #0b6e631a}.pvlabel{position:absolute;top:8px;left:13px;font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--muted)}.pvz.on .pvlabel{color:var(--sori)}.pvz .enword{font-size:42px}.pvz .koword{margin-top:0}.pvcolloc{font-family:Inter,Fredoka,Chiron GoRound TC,Noto Sans KR,sans-serif;font-weight:600;font-size:24px;color:var(--ink);line-height:1.2;overflow-wrap:anywhere}.pvcolloc .hw{color:var(--sori)}.pvsent{font-size:17px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}.pvsent b{color:var(--sori)}.pvtr{font-size:13.5px;color:var(--muted);margin-top:3px}.pvz.on .pvtr{color:var(--sori)}@media (min-width:1100px){.pvz{padding:28px 18px 18px}.pvz .enword{font-size:54px}.pvcolloc{font-size:29px}.pvsent{font-size:20px}.pvtr{font-size:15px}.pvlabel{font-size:12px}}.wrongcnt b.pop{display:inline-block;animation:cntpop .32s ease-out}@keyframes cntpop{0%{transform:scale(1.5)}60%{transform:scale(.92)}to{transform:scale(1)}}.brand{display:flex;align-items:center;gap:8px;min-width:0;padding:2px 4px;border-radius:10px}button.brand{text-align:left}button.brand:hover{background:var(--sori-soft)}.mascot{display:block;flex:0 0 auto}.mascot.sm{width:38px;height:38px;margin-bottom:-4px}.mascot.md{width:88px;height:88px;margin:0 auto 6px}.mascot.lg{width:132px;height:132px;margin:0 auto 2px}@media (min-width:1100px){.mascot.sm{width:46px;height:46px}.mascot.md{width:104px;height:104px}.mascot.lg{width:150px;height:150px}}.pvz.def{background:transparent;border:1.5px dashed var(--line)}.pvdef{font-size:15px;font-weight:500;color:var(--muted);line-height:1.45}@media (min-width:1100px){.pvdef{font-size:17px}}.spellhint{font-family:Inter,Fredoka,Chiron GoRound TC,Noto Sans KR,sans-serif;font-weight:600;font-size:42px;color:var(--voca);letter-spacing:.04em;margin-top:6px;overflow-wrap:anywhere;line-height:1.15}.spellko{font-size:18px;font-weight:700;color:var(--muted);margin-top:4px}.gradebox{margin-top:14px;background:var(--now-soft);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}.gradebox b{font-size:16px;color:var(--now-ink)}.gradebox span{font-size:13.5px;color:var(--muted)}@media (min-width:1100px){.spellhint{font-size:52px}.spellko{font-size:20px}}.fchips{align-items:stretch}.fchip.has-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.2}.cbadge{font-size:10.5px;font-weight:700}.cbadge.doing{color:var(--now-ink)}.cbadge.done{color:var(--ok)}.fchip.has-badge.doing{border-color:var(--now);background:var(--now-soft)}.fchip.has-badge.done{border-color:var(--ok);background:var(--ok-soft)}.fchip.has-badge.sel{box-shadow:0 0 0 3px var(--sori-soft)}@media (min-width:1100px){.cbadge{font-size:12px}}.boardsearch{width:100%;max-width:320px;border:1.5px solid var(--line);background:var(--card);border-radius:10px;padding:9px 12px;font-size:14px;margin:12px 0 10px;display:block}.boardgrp{padding:6px 16px 14px;margin-bottom:12px}.grphead{font-size:13px;font-weight:700;color:var(--muted);padding:12px 2px 2px;border-bottom:1px solid var(--line);margin-bottom:6px}.grphead span{font-weight:500}.sbrow{padding:12px 2px;border-bottom:1px dashed var(--line)}.sbrow:last-child{border-bottom:0}.sbhead{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.sbhead b{font-size:15px}.ublks.ten{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.ublks.ten .ublk{min-width:0}.ublk.now{border-color:var(--now);border-style:dashed;opacity:1}.ublk.now b{color:var(--now-ink)}@media (max-width:900px){.ublks.ten{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1100px){.grphead{font-size:15px}.sbhead b{font-size:17px}.boardsearch{font-size:16px;padding:12px 15px;max-width:360px}}.hbtn.sheet{border-color:var(--sori);color:var(--sori);background:var(--sori-soft);font-weight:700}.lockpill{font-size:12px;font-weight:700;color:var(--now-ink);background:var(--now-soft);border-radius:99px;padding:4px 11px;margin-left:10px}.lockmsg{font-size:12.5px;line-height:1.5;color:var(--muted);background:var(--now-soft);border-radius:10px;padding:10px 12px;margin-bottom:12px}.stside.lockedside{position:relative}.stside.lockedside>*:not(.lockmsg):not(.stfoot):not(.err){opacity:.5;pointer-events:none}@media (min-width:1100px){.lockpill,.lockmsg{font-size:14px}}.onpill{font-size:11.5px;font-weight:700;color:var(--ok);background:var(--ok-soft);border-radius:99px;padding:3px 10px}.offpill{font-size:11.5px;font-weight:700;color:var(--muted);background:var(--bg);border-radius:99px;padding:3px 10px}.exrow.shadowed .asghead,.exrow.shadowed .meta{opacity:.5}@media (min-width:1100px){.onpill,.offpill{font-size:13px}}.play.bridge{padding-top:36px}.bridge .stage{padding:34px 20px}.bdone{font-size:15.5px;font-weight:700;color:var(--ok)}.barrow{font-size:22px;color:var(--line);margin:14px 0 6px}.blabel{font-size:11.5px;font-weight:700;letter-spacing:.12em;color:var(--muted)}.bnext{font-family:Inter,Fredoka,Chiron GoRound TC,Noto Sans KR,sans-serif;font-weight:600;font-size:36px;color:var(--voca);margin-top:2px;line-height:1.2}.bridge .timebar{margin:22px 4px 0}@media (min-width:1100px){.bdone{font-size:18px}.bnext{font-size:44px}}.bkdesc{margin-top:8px;background:var(--now-soft);border-radius:10px;padding:11px 13px;font-size:13.5px;line-height:1.6;color:var(--muted)}@media (min-width:1100px){.bkdesc{font-size:15px}}.recbar2{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.recbar2 .btn{width:auto;padding:10px 18px;font-size:14px}tr.nowplay{background:var(--now-soft)}.hbtn.onair{border-color:var(--bad);color:#fff;background:var(--bad);font-weight:700}@media (min-width:1100px){.recbar2 .btn{font-size:15.5px;padding:12px 22px}}.bkstat{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}.bkstat>div{border:1.5px solid var(--line);border-radius:12px;padding:12px 6px;text-align:center;background:var(--bg)}.bkstat b{display:block;font-size:22px;font-weight:700;color:var(--voca);font-variant-numeric:tabular-nums}.bkstat span{font-size:11.5px;color:var(--muted);font-weight:600}.stepline{display:flex;flex-wrap:wrap;gap:6px}.stepbit{border:1.5px solid var(--line);border-radius:10px;padding:5px 10px;background:var(--card);min-width:0}.stepbit b{display:block;font-size:13px}.stepbit small{font-size:11px;color:var(--muted)}@media (max-width:760px){.bkstat{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.bkstat b{font-size:26px}.bkstat span{font-size:13px}.stepbit b{font-size:14.5px}.stepbit small{font-size:12.5px}}.opsrow{display:flex;align-items:center;gap:14px;margin-bottom:12px}.opsrow label{flex:0 0 108px;font-size:13.5px;font-weight:700;color:var(--muted)}.opsrow input{flex:1;min-width:0;border:1.5px solid var(--line);background:var(--bg);border-radius:10px;padding:11px 14px;font-size:14.5px}.opsrow input:disabled,.opsrow input.ro{background:var(--card);color:var(--muted)}@media (max-width:640px){.opsrow{flex-direction:column;align-items:stretch;gap:5px}.opsrow label{flex:none}}@media (min-width:1100px){.opsrow label{flex-basis:130px;font-size:15px}.opsrow input{font-size:16px;padding:13px 16px}}.clozeq{font-size:22px;font-weight:500;line-height:1.7;color:var(--ink);margin-top:14px;overflow-wrap:anywhere}.clozeq .blank{display:inline-block;border-bottom:2.5px solid var(--voca);min-width:74px;margin:0 3px;text-align:center;font-weight:700;color:var(--voca)}.clozeq .blank.on{border-color:var(--ok);color:var(--ok)}.clozeq .blank.masked{font-family:Inter,Fredoka,Chiron GoRound TC,Noto Sans KR,sans-serif;font-size:1.05em;color:var(--now-ink);border-bottom-color:var(--now);letter-spacing:.06em;min-width:0;padding:0 4px}.clozeq .tense{color:var(--now-ink);background:var(--now-soft);border-radius:6px;padding:0 5px}.clozeko{font-size:15px;line-height:1.6;color:var(--muted);margin-top:14px}.clozeko .kohit{color:var(--now-ink);font-weight:700}.opt .onum{position:absolute;left:10px;top:50%;transform:translateY(-50%);min-width:26px;height:26px;line-height:26px;border-radius:50%;background:var(--bg);border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:800;text-align:center;font-family:Chiron GoRound TC,Noto Sans KR,sans-serif;letter-spacing:0}.kbd{margin-left:8px;font-size:10.5px;font-weight:800;letter-spacing:.3px;padding:2px 6px;border-radius:5px;background:#ffffff38;color:inherit;opacity:.9}@media (hover:none){.kbd{display:none}}.rface.back .rko.past{font-family:Inter,Fredoka,Chiron GoRound TC,Noto Sans KR,sans-serif;font-size:19px;color:var(--voca);font-weight:600}@media (min-width:1100px){.clozeq{font-size:27px}.clozeko{font-size:17px}.rface.back .rko.past{font-size:20px}}.enword.pair .formko{font-family:Chiron GoRound TC,Noto Sans KR,sans-serif;font-size:18px;font-weight:700;color:var(--muted)}@media (min-width:1100px){.enword.pair .formko{font-size:22px}}.aux{color:var(--now-ink);font-weight:600}.rword .aux{font-size:.82em}.enword .aux{color:var(--now-ink)}.hintnote{font-size:.8em;font-weight:600;color:var(--now-ink)}.rkoface{font-size:15px;font-weight:700;color:var(--ink);line-height:1.3;text-align:center;overflow-wrap:anywhere}@media (min-width:1100px){.rkoface{font-size:18px}}.snum{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:4px;border-radius:50%;background:var(--sori);color:#fff;font-size:10.5px;font-weight:800;vertical-align:1px}.pvlabel .snum{margin-left:5px;margin-right:0}.kosense{display:inline-block;margin-right:12px}.kosense.off{opacity:.4;font-weight:600}.kosense.off .snum{opacity:.6}.multinote{color:var(--sori);font-weight:700}.salink{display:block;margin:12px auto 0;font-size:12.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;background:none}.salink:hover{color:var(--sori)}.card.login.reg{max-width:440px}.card.login.reg .field{margin-bottom:10px}.card.login.reg .hint{font-size:11.5px;color:var(--muted);margin:4px 0 0;line-height:1.55}.card.login.reg .opt{font-weight:500;color:var(--muted);font-size:11.5px}.progress-position{display:flex;flex-direction:column;gap:3px;min-width:0;margin:4px 0}.progress-units{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 10px;font-size:14.5px;line-height:1.25;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.progress-units>span{white-space:nowrap}.schip{max-width:100%}.schip .progress-position{max-width:240px;align-self:center}.livecard .progress-units{justify-content:flex-start;color:var(--sori);font-size:15.5px}.zone.z-done .progress-units{color:var(--unit)}.schip.bookdone .progress-units{color:var(--ok)}@media (min-width:1100px){.progress-units{font-size:17px}.livecard .progress-units{font-size:18px}}