:root{--bg:#F4F6FB;--card:#FFFFFF;--ink:#1B2340;--muted:#5A6486;--line:#DFE4F2;--sori:#2E6BE6;--sori-soft:#E7EEFC;--voca:#20306B;--unit:#7A5AF8;--unit-soft:#EFEAFE;--ok:#2E9E63;--ok-soft:#E3F4EA;--bad:#D9534F;--bad-soft:#FBE9E8;--lock:#AEB6CE;--shadow:0 1px 2px rgba(27,35,64,.06),0 4px 16px rgba(27,35,64,.07)}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);font-family: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,Noto Sans KR,sans-serif;font-weight:700;font-size:24px;letter-spacing:.2px}.wordmark .s{color:var(--sori)}.wordmark .v{color:var(--voca)}.wordmark small{display:block;font-family: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:flex;gap:8px;overflow-x:auto;padding:2px 0 10px}.uchip{flex:0 0 auto;min-width:46px;padding:7px 10px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);font-weight:700;font-size:14px;text-align:center}.uchip small{display:block;font-size:10px;font-weight:500;color:var(--muted)}.uchip.sel{border-color:var(--sori);background:var(--sori-soft);color:var(--sori)}.uchip.done{border-color:var(--ok);color:var(--ok)}.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}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}.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:Fredoka,Noto Sans KR,sans-serif;font-weight:600;font-size:44px;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{border:1.5px solid var(--line);background:var(--card);border-radius:12px;padding:15px 8px;font-size:15.5px;font-weight:700;transition:transform .08s}.opt.en{font-family:Fredoka,Noto Sans KR,sans-serif;font-weight:600;color:var(--voca)}.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}.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:Fredoka,Noto Sans KR,sans-serif;font-weight:600;font-size:18px;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:18px;border:1.5px solid var(--line);background:var(--bg);border-radius:12px;padding:14px;font-family:Fredoka,Noto Sans KR,sans-serif;font-size:26px;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:Fredoka,sans-serif;font-size:17px}.result{padding:30px 20px;text-align:center}.bigpct{font-family:Fredoka,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:Fredoka,sans-serif;font-weight:600;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}.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: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:Fredoka,Noto Sans KR,sans-serif;font-weight:600;font-size:17px;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}.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:12.5px;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}.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}.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}.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}.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}.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{min-width:58px;padding:10px 14px;font-size:16px;border-radius:14px}.uchip small{font-size:11.5px}.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:54px}.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:19px 10px;font-size:18px;border-radius:14px}.speak{width:66px;height:66px;font-size:26px}.spellin{font-size:30px;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{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:60;display:flex;flex-direction:column}.stbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);background:var(--card)}.stbar h2{font-size:17px;font-weight:700}.stbody{flex:1;display:flex;min-height:0}.stside{flex:0 0 320px;overflow-y:auto;padding:18px 20px;border-right:1px solid var(--line);background:var(--card)}.stmain{flex:1;overflow-y:auto;padding:24px;display:flex;justify-content:center;background:var(--bg)}.stpaper{background:#fff;width:794px;max-width:100%;min-height:1123px;box-shadow:0 4px 24px #1b234021;border-radius:4px}.stpaper iframe{width:100%;height:1123px;border:0;display:block}.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;max-height:46vh;border-right:0;border-bottom:1px solid var(--line)}.stpaper{min-height:auto}.stpaper iframe{height:70vh}}.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)}