.hanhanRoot{width:100%;height:100dvh;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden}.hanhanRoot>*{margin-inline:auto}.hanhanRoot{--bg:#081018;--text:#f4f7fb;--muted:#8ea0b4;--line:#182534;--hak:#39c9ff;--saeng:#61e48a;--il:#ffb451;--white:#f4f7fb;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;background:#060b10;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.hanhanRoot,.hanhanRoot *{box-sizing:border-box}.hanhanRoot{height:100dvh;color:var(--text);background:#060b10;margin:0;overflow:hidden}.hanhanRoot button{font:inherit}.hanhanRoot .hanhan-app{background:linear-gradient(#08111a 0%,#09131c 100%);grid-template-rows:44px 42px 1fr;width:min(430px,100vw);height:100dvh;margin:0 auto;display:grid;overflow:hidden}.hanhanRoot header{border-bottom:1px solid var(--line);background:#09121b;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.hanhanRoot .title{color:#fff;font-size:17px;font-weight:950}.hanhanRoot .subtitle{color:var(--muted);font-size:11px;font-weight:800}.hanhanRoot .tabs{border-bottom:1px solid var(--line);background:#09121b;grid-template-columns:repeat(4,1fr);padding:0 10px;display:grid}.hanhanRoot .tab{color:#7f91a5;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:900;position:relative}.hanhanRoot .tab.active{color:#fff}.hanhanRoot .tab.active:after{content:"";background:#5d7c9b;border-radius:999px;height:2px;position:absolute;bottom:0;left:22%;right:22%}.hanhanRoot .stage{min-height:0;position:relative;overflow:hidden}.hanhanRoot .screen{padding:0 12px 10px;position:absolute;inset:0}.hanhanRoot .stage-full-bleed{padding:0}.hanhanRoot .rows{grid-template-rows:repeat(var(--row-count), 1fr);height:100%;display:grid}.hanhanRoot .row{border:0;border-bottom:1px solid var(--line);cursor:pointer;width:100%;min-height:0;color:inherit;background:0 0;grid-template-columns:76px 92px 1fr 12px;align-items:center;gap:10px;padding:0 2px;display:grid}.hanhanRoot .row:first-child{border-top:1px solid var(--line)}.hanhanRoot .row:active{background:#ffffff06}.hanhanRoot .col-ko{text-align:left;font-size:22px;font-weight:950;line-height:1}.hanhanRoot .col-hv{text-align:left;font-size:14px;font-weight:850;line-height:1.1}.hanhanRoot .col-vn{color:#c0cad5;text-align:left;font-size:12.5px;line-height:1.15}.hanhanRoot .arrow{color:#607489;text-align:right;font-size:16px;font-weight:900}.hanhanRoot .c-hak{color:var(--hak)}.hanhanRoot .c-saeng{color:var(--saeng)}.hanhanRoot .c-il{color:var(--il)}.hanhanRoot .c-other{color:var(--white)}.hanhanRoot .demo-switch{z-index:10;background:#0c151e;border:1px solid #203041;border-radius:999px;gap:4px;padding:4px;display:flex;position:fixed;bottom:10px;right:10px}.hanhanRoot .demo-switch button{color:#7f91a5;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900}.hanhanRoot .demo-switch button.on{color:#fff;background:#172536}.hanhanRoot .stage-placeholder{height:100%;color:var(--muted);justify-content:center;align-items:center;font-size:14px;font-weight:850;display:flex}.hanhanRoot .scrim{opacity:0;pointer-events:none;z-index:20;background:#000000ad;border:0;width:100%;height:100%;padding:0;transition:opacity .16s;position:fixed;inset:0}.hanhanRoot .scrim.show{opacity:1;pointer-events:auto}.hanhanRoot .sheet{width:min(410px,100vw - 24px);height:min(80dvh,720px);max-height:80dvh;padding:12px 15px calc(18px + env(safe-area-inset-bottom));opacity:0;pointer-events:none;z-index:21;background-color:#0d1720;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #31465a;border-radius:20px;transition:transform .2s,opacity .16s;position:fixed;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,calc(110vh - 50%))}.hanhanRoot .sheet.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.hanhanRoot .handle{display:none}.hanhanRoot .sheet-close{float:right;z-index:3;color:#dbe4ec;cursor:pointer;background:#101d28;border:1px solid #33495d;border-radius:50%;width:36px;height:36px;margin:0 0 -36px;font-size:25px;font-weight:500;line-height:30px;position:sticky;top:0;box-shadow:0 4px 16px #0000002e}.hanhanRoot .sheet-close:active{transform:scale(.96)}.hanhanRoot .sheet-content{flex-direction:column;min-height:100%;padding-top:8px;display:flex}.hanhanRoot .formula-card{text-align:center;flex-direction:column;justify-content:center;width:min(80vw,344px);min-height:44dvh;margin:0 auto;padding:28px 0 18px;display:flex;position:relative}.hanhanRoot .formula-card:before,.hanhanRoot .formula-card:after{content:"";pointer-events:none;opacity:.75;width:28px;height:14px;position:absolute}.hanhanRoot .formula-card:before{border-top:1px solid #31485c;border-left:1px solid #31485c;top:10px;left:0}.hanhanRoot .formula-card:after{border-bottom:1px solid #31485c;border-right:1px solid #31485c;bottom:10px;right:0}.hanhanRoot .formula-title{letter-spacing:-.04em;font-size:42px;font-weight:950;line-height:1}.hanhanRoot .formula-rule{background:linear-gradient(90deg,#0000,#50677c 18% 82%,#0000);width:72px;height:1px;margin:14px auto 22px}.hanhanRoot .formula-parts{justify-content:center;align-items:stretch;gap:0;width:100%;display:flex}.hanhanRoot .formula-piece{background:linear-gradient(#ffffff08,#ffffff02),#101b25;border:1px solid #3a5268;border-radius:7px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:96px;display:flex;box-shadow:inset 0 0 0 1px #ffffff03,0 8px 22px #0000001f}.hanhanRoot .formula-ko{font-size:32px;font-weight:950;line-height:1}.hanhanRoot .formula-hv{margin-top:9px;font-size:14px;font-weight:850;line-height:1}.hanhanRoot .formula-operator{color:#9aabba;flex:0 0 38px;justify-content:center;align-items:center;width:38px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:25px;font-weight:500;line-height:1;display:flex}.hanhanRoot .formula-result-connector{color:#6a8094;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;width:68%;margin:17px auto 9px;display:grid}.hanhanRoot .formula-result-connector span{background:#2d4355;height:1px}.hanhanRoot .formula-result-connector i{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;font-style:normal}.hanhanRoot .formula-result{padding:2px 8px 0;position:relative}.hanhanRoot .formula-hvwhole{font-size:23px;font-weight:950;line-height:1.15}.hanhanRoot .formula-natural{color:var(--muted);margin-top:6px;font-size:13px;font-weight:750;line-height:1.25}.hanhanRoot .examples{border-top:1px solid #20303f;width:100%;margin-top:4px}.hanhanRoot .example{border-bottom:1px solid #182735;padding:14px 1px 13px;position:relative}.hanhanRoot .example:before{content:"";background:#50677c;width:28px;height:1px;position:absolute;top:-1px;left:0}.hanhanRoot .example .ko{color:#fff;font-size:16px;font-weight:850;line-height:1.35}.hanhanRoot .example .vi{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.4}@media (width<=360px){.hanhanRoot .sheet{width:calc(100vw - 14px)}.hanhanRoot .formula-card{width:82vw;min-height:42dvh}.hanhanRoot .formula-piece{min-height:88px}.hanhanRoot .formula-operator{flex-basis:30px;width:30px;font-size:22px}}@media (height<=680px){.hanhanRoot .sheet{height:86dvh;max-height:86dvh}.hanhanRoot .formula-card{min-height:48dvh;padding-top:20px}.hanhanRoot .formula-title{font-size:38px}.hanhanRoot .formula-piece{min-height:82px}}.hanhanRoot .load-error{height:100%;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:13px;font-weight:800;display:flex}.hanhanRoot .load-error button{color:#f4f7fb;cursor:pointer;background:#111c27;border:1px solid #2b3d50;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900}.hanhanRoot .s1-shell{height:100%;min-height:0;padding:12px 14px calc(16px + env(safe-area-inset-bottom));background-color:#0000;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.hanhanRoot .s1-progress-row{color:#8194a8;letter-spacing:.02em;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;display:flex}.hanhanRoot .s1-progress-row strong{color:#c7d2dc;font-size:11px}.hanhanRoot .s1-progress-track{background:#172535;border-radius:999px;height:2px;margin-top:8px;overflow:hidden}.hanhanRoot .s1-progress-track span{border-radius:inherit;background:#5d7c9b;height:100%;transition:width .2s;display:block}.hanhanRoot .s1-question{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:10px 12px 4px;display:flex}.hanhanRoot .s1-korean{letter-spacing:-.055em;font-size:clamp(50px,16vw,68px);font-weight:950;line-height:.98}.hanhanRoot .s1-meaning{color:#d8e0e8;margin-top:13px;font-size:17px;font-weight:850;line-height:1.2}.hanhanRoot .s1-formula{justify-content:center;align-items:center;width:min(82vw,352px);margin-top:clamp(24px,5.2dvh,42px);transition:transform .14s;display:flex}.hanhanRoot .s1-formula.wrong{animation:.26s s1-shake}.hanhanRoot .s1-formula-fragment{align-items:center;min-width:0;display:flex}.hanhanRoot .s1-plus{color:#71869a;flex:none;width:34px;font-family:SFMono-Regular,Consolas,monospace;font-size:24px;font-weight:650}.hanhanRoot .s1-slot{color:#708398;cursor:pointer;background:#0e1923b8;border:1px dashed #40576d;border-radius:9px;width:120px;min-width:0;height:62px;font-size:21px;font-weight:900;transition:border-color .13s,background .13s,color .13s,transform .13s}.hanhanRoot .s1-slot.filled{color:#f4f7fb;background:#111e2a;border-style:solid;border-color:#4a657d}.hanhanRoot .s1-formula.correct .s1-slot{background:#2464462e;border-color:#356f54}.hanhanRoot .s1-formula.wrong .s1-slot{background:#7a374329;border-color:#7d4d55}.hanhanRoot .s1-feedback{color:#7f91a5;height:18px;margin-top:10px;font-size:11px;font-weight:850}.hanhanRoot .s1-feedback.correct{color:#61c98a}.hanhanRoot .s1-feedback.wrong{color:#d88793}.hanhanRoot .s1-options{border-top:1px solid #182635;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding-top:12px;display:grid}.hanhanRoot .s1-option{color:#d8e1e9;cursor:pointer;background:#0d1822;border:1px solid #26394b;border-radius:9px;min-width:0;height:48px;font-size:13px;font-weight:900;box-shadow:inset 0 1px #ffffff05}.hanhanRoot .s1-option:active{transform:scale(.975)}.hanhanRoot .s1-option.picked{color:#fff;background:#162536;border-color:#526e88}.hanhanRoot .s1-option:disabled{cursor:default}.hanhanRoot .s1-complete{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:28px;display:flex}.hanhanRoot .s1-complete-mark{color:#67d28d;background:#2a6d4829;border:1px solid #3c664f;border-radius:50%;place-items:center;width:56px;height:56px;font-size:26px;font-weight:950;display:grid}.hanhanRoot .s1-complete-title{margin-top:18px;font-size:22px;font-weight:950}.hanhanRoot .s1-complete-sub{color:var(--muted);margin-top:7px;font-size:12px;font-weight:750}.hanhanRoot .s1-restart{color:#fff;cursor:pointer;background:#111e2a;border:1px solid #31485c;border-radius:9px;margin-top:22px;padding:10px 18px;font-size:12px;font-weight:900}@keyframes s1-shake{0%,to{transform:translate(0)}30%{transform:translate(-5px)}65%{transform:translate(5px)}}@media (width<=360px){.hanhanRoot .s1-shell{padding-inline:10px}.hanhanRoot .s1-question{padding-inline:5px}.hanhanRoot .s1-formula{width:88vw}.hanhanRoot .s1-slot{width:105px;height:58px}.hanhanRoot .s1-plus{width:28px}.hanhanRoot .s1-options{gap:5px}.hanhanRoot .s1-option{height:45px;font-size:12px}}@media (height<=680px){.hanhanRoot .s1-shell{padding-top:8px;padding-bottom:10px}.hanhanRoot .s1-korean{font-size:48px}.hanhanRoot .s1-meaning{margin-top:9px;font-size:15px}.hanhanRoot .s1-formula{margin-top:18px}.hanhanRoot .s1-slot{height:54px}.hanhanRoot .s1-options{padding-top:8px}.hanhanRoot .s1-option{height:42px}}.hanhanRoot .recall-shell{height:100%;min-height:0;padding:12px 14px calc(16px + env(safe-area-inset-bottom));background-color:#0000;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.hanhanRoot .recall-question{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:12px 16px 6px;display:flex}.hanhanRoot .recall-meaning{color:#f4f7fb;letter-spacing:-.025em;max-width:350px;font-size:clamp(27px,8.5vw,38px);font-weight:950;line-height:1.16}.hanhanRoot .recall-hanviet{color:#f4f7fb;letter-spacing:-.03em;max-width:350px;font-size:clamp(28px,9vw,40px);font-weight:950;line-height:1.12}.hanhanRoot .recall-feedback{color:#7f91a5;height:18px;margin-top:18px;font-size:11px;font-weight:850}.hanhanRoot .recall-feedback.correct{color:#61c98a}.hanhanRoot .recall-feedback.wrong{color:#d88793}.hanhanRoot .recall-options{border-top:1px solid #182635;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:12px;display:grid}.hanhanRoot .recall-option{color:#eef3f8;cursor:pointer;background:#0d1822;border:1px solid #26394b;border-radius:9px;min-width:0;height:52px;font-size:21px;font-weight:950;transition:transform .12s,border-color .12s,background .12s;box-shadow:inset 0 1px #ffffff05}.hanhanRoot .recall-option:active{transform:scale(.982)}.hanhanRoot .recall-option.picked{background:#162536;border-color:#526e88}.hanhanRoot .recall-option.correct{background:#2464462e;border-color:#356f54}.hanhanRoot .recall-option.wrong{background:#7a374329;border-color:#7d4d55;animation:.26s s1-shake}.hanhanRoot .recall-option:disabled{cursor:default}@media (width<=360px){.hanhanRoot .recall-shell{padding-inline:10px}.hanhanRoot .recall-question{padding-inline:8px}.hanhanRoot .recall-options{gap:5px}.hanhanRoot .recall-option{height:48px;font-size:19px}}@media (height<=680px){.hanhanRoot .recall-shell{padding-top:8px;padding-bottom:10px}.hanhanRoot .recall-meaning{font-size:27px}.hanhanRoot .recall-hanviet{font-size:29px}.hanhanRoot .recall-feedback{margin-top:12px}.hanhanRoot .recall-options{padding-top:8px}.hanhanRoot .recall-option{height:44px;font-size:18px}}.hanhanRoot .tabs{grid-template-columns:repeat(6,1fr);padding-inline:6px}.hanhanRoot .tab{font-size:11px}.hanhanRoot .tab.active:after{left:18%;right:18%}.hanhanRoot .listen-stage-shell{height:100%;min-height:0;padding:12px 14px calc(14px + env(safe-area-inset-bottom));background-color:#0000;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-rows:auto auto minmax(0,1fr);display:grid;overflow:hidden}.hanhanRoot .listen-stage-main{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:14px 12px 8px;display:flex}.hanhanRoot .listen-stage-kicker{color:#8194a8;letter-spacing:.02em;font-size:11px;font-weight:900}.hanhanRoot .audio-orb{color:#f6f9fc;cursor:pointer;background:radial-gradient(circle at 50% 35%,#6186a62e,#0000 58%),#0d1924;border:1px solid #35516a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:142px;height:142px;margin-top:22px;font-size:12px;font-weight:900;display:flex;box-shadow:inset 0 1px #ffffff08,0 16px 34px #0000002e}.hanhanRoot .audio-orb:active{transform:scale(.975)}.hanhanRoot .audio-orb-icon{color:#dce8f2;border:1px solid #4b6882;border-radius:50%;place-items:center;width:46px;height:46px;padding-left:3px;font-size:18px;line-height:1;display:grid}.hanhanRoot .listen-stage-hint{color:#778b9f;max-width:290px;margin-top:18px;font-size:11px;font-weight:750;line-height:1.45}.hanhanRoot .speak-done-btn,.hanhanRoot .review-start-btn,.hanhanRoot .review-start-top,.hanhanRoot .primary-action,.hanhanRoot .secondary-action,.hanhanRoot .finish-link,.hanhanRoot .quiz-review-link{cursor:pointer;border:1px solid #31485c;border-radius:9px;font-weight:900}.hanhanRoot .speak-done-btn{color:#eef4f8;background:#111e2a;min-width:154px;height:44px;margin-top:20px;font-size:12px}.hanhanRoot .answer-reveal{background:#0d1822d6;border:1px solid #2b4154;border-radius:13px;width:min(330px,92%);margin-top:18px;padding:18px 14px 14px}.hanhanRoot .answer-reveal-ko{color:#f5f8fb;font-size:35px;font-weight:950;line-height:1.05}.hanhanRoot .answer-reveal-vn{color:#9cabb9;margin-top:7px;font-size:12px;font-weight:750}.hanhanRoot .answer-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:15px;display:grid}.hanhanRoot .secondary-action,.hanhanRoot .primary-action{height:40px;font-size:11px}.hanhanRoot .secondary-action{color:#cbd7e1;background:#0d1822}.hanhanRoot .primary-action{color:#fff;background:#182a3a;border-color:#425e76}.hanhanRoot .audio-status{color:#8b6570;min-height:16px;margin-top:9px;font-size:9px;font-weight:750}.hanhanRoot .stage-simple-finish{justify-content:center;align-items:flex-start;min-height:0;padding-top:18px;display:flex}.hanhanRoot .stage-simple-finish .s1-restart{margin-top:0}.hanhanRoot .stage-simple-finish-stack{flex-direction:column;align-items:center;gap:8px}.hanhanRoot .finish-link{color:#8094a7;background:0 0;border-color:#0000;padding:7px 10px;font-size:10px}.hanhanRoot .sentence-review-shell{background:#09131c;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid;overflow:hidden}.hanhanRoot .sentence-review-head{border-bottom:1px solid #1a2938;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:9px 12px;display:flex}.hanhanRoot .sentence-review-title{color:#f5f8fb;font-size:14px;font-weight:950}.hanhanRoot .sentence-review-sub{color:#778a9d;margin-top:2px;font-size:9.5px;font-weight:750}.hanhanRoot .review-start-top{color:#eef4f8;background:#142332;flex:none;height:32px;padding:0 11px;font-size:10px}.hanhanRoot .sentence-review-list{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.hanhanRoot .sentence-review-row{border-bottom:1px solid #172532;grid-template-columns:26px minmax(0,1fr) 30px;align-items:center;gap:8px;padding:9px 10px;display:grid}.hanhanRoot .sentence-review-index{color:#526a80;align-self:start;padding-top:2px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:900}.hanhanRoot .sentence-review-text{min-width:0}.hanhanRoot .sentence-review-ko{color:#edf2f6;font-size:12px;font-weight:850;line-height:1.35}.hanhanRoot .sentence-review-vn{color:#8d9ead;margin-top:3px;font-size:10px;font-weight:650;line-height:1.35}.hanhanRoot .sentence-review-audio{flex-direction:column;gap:4px;display:flex}.hanhanRoot .sentence-review-audio button{color:#9cafc0;cursor:pointer;background:#0d1923;border:1px solid #294054;border-radius:7px;width:28px;height:25px;font-size:9px;font-weight:950}.hanhanRoot .sentence-review-footer{padding:8px 12px calc(5px + env(safe-area-inset-bottom));background:#09131c;border-top:1px solid #1a2938}.hanhanRoot .review-start-btn{color:#fff;background:#172838;border-color:#3d5970;width:100%;height:40px;font-size:11px}.hanhanRoot .sentence-review-footer .audio-status{text-align:center;min-height:11px;margin-top:3px}.hanhanRoot .sentence-quiz-main{justify-content:center}.hanhanRoot .sentence-audio-orb{width:132px;height:132px}.hanhanRoot .sentence-answer-reveal{width:min(352px,96%);padding-top:15px}.hanhanRoot .sentence-answer-ko{color:#f4f7fa;font-size:clamp(18px,5.3vw,23px);font-weight:900;line-height:1.35}.hanhanRoot .sentence-answer-vn{color:#91a2b1;margin-top:8px;font-size:10.5px;font-weight:700;line-height:1.4}.hanhanRoot .quiz-review-link{color:#71869a;background:0 0;border-color:#0000;margin-top:12px;padding:5px 8px;font-size:9.5px}@media (width<=360px){.hanhanRoot .tabs{padding-inline:2px}.hanhanRoot .tab{font-size:10px}.hanhanRoot .listen-stage-shell{padding-inline:10px}.hanhanRoot .audio-orb{width:128px;height:128px}.hanhanRoot .sentence-audio-orb{width:120px;height:120px}.hanhanRoot .sentence-review-row{grid-template-columns:23px minmax(0,1fr) 29px;gap:6px;padding-inline:8px}}@media (height<=680px){.hanhanRoot .listen-stage-shell{padding-top:8px;padding-bottom:8px}.hanhanRoot .audio-orb{gap:7px;width:112px;height:112px;margin-top:13px}.hanhanRoot .audio-orb-icon{width:38px;height:38px;font-size:15px}.hanhanRoot .listen-stage-hint{margin-top:11px}.hanhanRoot .speak-done-btn{height:40px;margin-top:13px}.hanhanRoot .answer-reveal{margin-top:11px;padding-top:13px}.hanhanRoot .answer-reveal-ko{font-size:30px}.hanhanRoot .sentence-audio-orb{width:108px;height:108px}.hanhanRoot .sentence-answer-ko{font-size:18px}}.hanhanRoot .practice-setup-shell{background-color:#0000;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;height:100%;padding:16px 14px;display:grid}.hanhanRoot .practice-setup-card{background:#0a151eeb;border:1px solid #263b4e;border-radius:15px;width:min(350px,100%);padding:18px 15px 16px}.hanhanRoot .practice-setup-kicker{color:#6f8599;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.hanhanRoot .practice-setup-title{color:#f4f7fa;margin-top:4px;font-size:22px;font-weight:950}.hanhanRoot .practice-mode-tabs{background:#0a151f;border:1px solid #26394a;border-radius:11px;grid-template-columns:1fr 1fr;gap:6px;margin-top:18px;padding:4px;display:grid}.hanhanRoot .practice-mode-tabs button{color:#7f93a6;cursor:pointer;background:0 0;border:0;border-radius:8px;height:36px;font-size:11px;font-weight:900}.hanhanRoot .practice-mode-tabs button.active{color:#f5f8fb;background:#182a3a;box-shadow:inset 0 0 0 1px #3d5870}.hanhanRoot .practice-mode-tabs.compact{width:132px;margin:0;padding:3px}.hanhanRoot .practice-mode-tabs.compact button{height:28px;font-size:9.5px}.hanhanRoot .practice-setting-row{margin-top:14px}.hanhanRoot .practice-setting-row>span{color:#778b9e;margin-bottom:7px;font-size:10px;font-weight:850;display:block}.hanhanRoot .practice-chip-row{flex-wrap:wrap;gap:6px;display:flex}.hanhanRoot .practice-chip-row button{color:#9cafc0;cursor:pointer;background:#0d1923;border:1px solid #283e51;border-radius:8px;min-width:45px;height:31px;font-size:10px;font-weight:900}.hanhanRoot .practice-chip-row button.active{color:#fff;background:#192a39;border-color:#4c6b84}.hanhanRoot .practice-chip-row.compact{gap:4px}.hanhanRoot .practice-chip-row.compact button{min-width:34px;height:28px;font-size:9px}.hanhanRoot .practice-start-btn,.hanhanRoot .practice-next-btn{color:#fff;cursor:pointer;background:#172a3a;border:1px solid #416078;border-radius:10px;font-weight:950}.hanhanRoot .practice-start-btn{width:100%;height:42px;margin-top:18px;font-size:11px}.hanhanRoot .practice-next-btn{min-width:150px;height:43px;margin-top:20px;font-size:11px}.hanhanRoot .auto-controls{flex-direction:column;align-items:center;gap:8px;margin-top:18px;display:flex}.hanhanRoot .auto-controls button{color:#eaf1f6;cursor:pointer;background:#101e2a;border:1px solid #334b5f;border-radius:9px;min-width:135px;height:38px;font-size:10px;font-weight:900}.hanhanRoot .auto-controls span{color:#71869a;font-size:9px;font-weight:750}.hanhanRoot .sentence-select-shell{grid-template-rows:auto auto minmax(0,1fr) auto}.hanhanRoot .sentence-select-head{min-height:54px}.hanhanRoot .selected-count{color:#b8c6d2;text-align:center;border:1px solid #294054;border-radius:999px;flex:none;min-width:48px;padding:6px 8px;font-size:10px;font-weight:950}.hanhanRoot .sentence-select-tools{background:#0a151f;border-bottom:1px solid #1a2938;gap:6px;padding:7px 9px;display:grid}.hanhanRoot .quick-groups{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.hanhanRoot .quick-groups::-webkit-scrollbar{display:none}.hanhanRoot .quick-groups button,.hanhanRoot .range-picker button{color:#9dafbf;cursor:pointer;background:#0d1923;border:1px solid #293f52;border-radius:7px;flex:none;height:27px;font-size:9px;font-weight:900}.hanhanRoot .quick-groups button{padding:0 8px}.hanhanRoot .range-picker{align-items:center;gap:5px;display:flex}.hanhanRoot .range-picker span{color:#71869a;font-size:9px;font-weight:850}.hanhanRoot .range-picker input{color:#edf3f7;text-align:center;background:#0b1721;border:1px solid #2a4053;border-radius:7px;outline:none;width:48px;height:27px;font-size:10px;font-weight:900}.hanhanRoot .range-picker button{margin-left:2px;padding:0 10px}.hanhanRoot .practice-inline-settings{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hanhanRoot .sentence-select-row{-webkit-user-select:none;user-select:none;touch-action:pan-y;grid-template-columns:26px 22px minmax(0,1fr) 30px;transition:background .1s,box-shadow .1s}.hanhanRoot .sentence-select-row.selected{background:#2b49613d;box-shadow:inset 3px 0 #4d718c}.hanhanRoot .sentence-select-row:active{background:#344e632e}.hanhanRoot .sentence-check{color:#dbe7ef;cursor:pointer;background:#0c1822;border:1px solid #31495d;border-radius:7px;width:23px;height:23px;font-size:12px;font-weight:950}.hanhanRoot .sentence-check.checked{background:#193044;border-color:#52758f}.hanhanRoot .selection-warning{color:#806d74;text-align:center;margin-top:4px;font-size:8.5px;font-weight:800}.hanhanRoot .review-start-btn:disabled{opacity:.38;cursor:not-allowed}.hanhanRoot .drag-selecting,.hanhanRoot .drag-selecting *{cursor:crosshair!important}@media (width<=360px){.hanhanRoot .sentence-select-row{grid-template-columns:24px 20px minmax(0,1fr) 29px;gap:5px;padding-inline:7px}.hanhanRoot .sentence-select-tools{padding-inline:7px}.hanhanRoot .practice-inline-settings{gap:4px}}.hanhanRoot .practice-setting-slot{min-height:55px;transition:opacity .12s}.hanhanRoot .practice-setting-slot.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.hanhanRoot .sentence-select-compact{grid-template-rows:minmax(0,1fr) 38px;padding-bottom:0;position:relative}.hanhanRoot .sentence-review-list-compact{min-height:0;padding:0;overflow-y:auto}.hanhanRoot .sentence-select-row-compact{border-bottom:1px solid #1f3140b8;grid-template-columns:19px 18px minmax(0,1fr);gap:5px;min-height:0;padding:4px 7px}.hanhanRoot .sentence-select-row-compact .sentence-review-index{padding-top:1px;font-size:8.8px;line-height:1.08}.hanhanRoot .sentence-select-row-compact .sentence-review-ko{margin:0;font-size:13.4px;line-height:1.16}.hanhanRoot .sentence-select-row-compact .sentence-review-vn{margin-top:1px;font-size:10.7px;line-height:1.14}.hanhanRoot .sentence-check-compact{border-radius:5px;width:17px;height:17px;padding:0;font-size:8px}.hanhanRoot .sentence-bottom-bar{z-index:15;background:#09141d;border-top:1px solid #263b4e;align-items:center;gap:4px;height:38px;padding:3px 6px;display:flex;position:sticky;bottom:0}.hanhanRoot .sentence-bottom-groups{scrollbar-width:none;flex:auto;gap:3px;min-width:0;display:flex;overflow-x:auto}.hanhanRoot .sentence-bottom-groups::-webkit-scrollbar{display:none}.hanhanRoot .sentence-bottom-groups button,.hanhanRoot .sentence-play-btn{color:#9dafbf;cursor:pointer;background:#0d1923;border:1px solid #2b4255;border-radius:7px;flex:none;height:29px;font-size:8.8px;font-weight:900}.hanhanRoot .sentence-bottom-groups button{padding:0 7px}.hanhanRoot .sentence-bottom-groups button.active{color:#fff;background:#193044;border-color:#547792}.hanhanRoot .sentence-play-btn{color:#fff;background:#172b3b;border-color:#46647c;width:34px;font-size:13px}.hanhanRoot .sentence-play-btn:disabled{opacity:.28;cursor:not-allowed}.hanhanRoot .selected-count-bottom{justify-content:center;align-items:center;min-width:44px;height:29px;padding:0 6px;font-size:9px;display:flex}.hanhanRoot .sentence-review-status{z-index:12;pointer-events:none;min-height:0;margin:0;font-size:8px;position:absolute;bottom:39px;left:8px}.hanhanRoot .practice-settings-overlay{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02080db8;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.hanhanRoot .practice-settings-modal{background:#0a151f;border:1px solid #2b4356;border-radius:15px;width:min(350px,92vw);padding:17px 15px 15px;position:relative;box-shadow:0 18px 52px #00000073}.hanhanRoot .practice-settings-close{color:#7e93a5;cursor:pointer;background:0 0;border:0;width:28px;height:28px;font-size:22px;line-height:1;position:absolute;top:8px;right:9px}@media (width<=360px){.hanhanRoot .sentence-select-row-compact{grid-template-columns:18px 16px minmax(0,1fr);gap:4px;padding:4px 6px}.hanhanRoot .sentence-bottom-groups button{padding-inline:6px;font-size:8px}.hanhanRoot .selected-count-bottom{min-width:41px;font-size:8.5px}}.hanhanRoot .practice-countdown{color:#f4f7fb;font-variant-numeric:tabular-nums;background:#0c1822;border:1px solid #355066;border-radius:50%;place-items:center;width:88px;height:88px;margin-top:16px;font-size:34px;font-weight:950;line-height:1;display:grid}.hanhanRoot .practice-player-actions{grid-template-columns:1fr 1.35fr;gap:8px;width:min(300px,92%);margin-top:18px;display:grid}.hanhanRoot .practice-player-actions .practice-next-btn,.hanhanRoot .practice-exit-btn{cursor:pointer;border-radius:10px;width:100%;min-width:0;height:43px;margin:0;font-size:11px;font-weight:950}.hanhanRoot .practice-exit-btn{color:#9dafbf;background:#0d1923;border:1px solid #2b4255}.hanhanRoot .practice-player-actions .practice-next-btn{color:#fff;background:#172a3a;border:1px solid #416078}@media (height<=680px){.hanhanRoot .practice-countdown{width:72px;height:72px;margin-top:10px;font-size:29px}.hanhanRoot .practice-player-actions{margin-top:12px}}.hanhanRoot .hanhan-app{grid-template-rows:minmax(0,1fr) 54px}.hanhanRoot .hanhan-app.has-subnav{grid-template-rows:minmax(0,1fr) 36px 54px}.hanhanRoot .hanhan-app.player-active{grid-template-rows:minmax(0,1fr)}.hanhanRoot .sub-stage-nav{border-top:1px solid var(--line);background:#09121b;justify-content:center;align-items:center;gap:8px;padding:3px 12px 4px;display:flex}.hanhanRoot .sub-stage-nav button{color:#73879a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;width:48px;height:28px;font-size:11px;font-weight:950}.hanhanRoot .sub-stage-nav button.active{color:#f4f7fb;background:#142433;border-color:#334b60}.hanhanRoot .battle-subnav button{width:58px}.hanhanRoot .bottom-main-nav{min-height:54px;padding:3px 6px calc(3px + env(safe-area-inset-bottom));z-index:40;background:#08121a;border-top:1px solid #243648;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;box-shadow:0 -7px 22px #0000002e}.hanhanRoot .bottom-main-nav button{color:#71869a;cursor:pointer;background:0 0;border:0;border-radius:9px;min-width:0;font-size:11px;font-weight:900;position:relative}.hanhanRoot .bottom-main-nav button.active{color:#f4f7fb;background:#122230}.hanhanRoot .bottom-main-nav button.active:before{content:"";background:#597a96;border-radius:999px;height:2px;position:absolute;top:2px;left:32%;right:32%}.hanhanRoot .screen.has-lesson-header{grid-template-rows:27px minmax(0,1fr);display:grid}.hanhanRoot .lesson-stage-body{min-height:0;overflow:hidden}.hanhanRoot .stage-full-bleed.has-lesson-header>.lesson-topic-line,.hanhanRoot .explain-screen.has-lesson-header>.lesson-topic-line{margin:0 12px}.hanhanRoot .words-screen-layout{height:100%;min-height:0}.hanhanRoot .lesson-topic-line{white-space:nowrap;text-overflow:ellipsis;color:#708497;letter-spacing:.01em;border-bottom:1px solid #172532;align-items:center;gap:6px;min-width:0;padding:0 2px;font-size:9.5px;font-weight:800;display:flex;overflow:hidden}.hanhanRoot .lesson-topic-line span,.hanhanRoot .lesson-topic-line strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hanhanRoot .lesson-topic-line strong{color:#9cafbe;font-weight:900}.hanhanRoot .lesson-topic-sep{color:#42596c;flex:none}.hanhanRoot .explain-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:24px;display:flex}.hanhanRoot .explain-placeholder strong{color:#f4f7fb;font-size:20px;font-weight:950}.hanhanRoot .explain-placeholder span{color:#7f93a6;max-width:280px;font-size:11px;font-weight:700;line-height:1.45}@media (width<=360px){.hanhanRoot .bottom-main-nav{padding-inline:3px}.hanhanRoot .bottom-main-nav button{font-size:10px}.hanhanRoot .sub-stage-nav{gap:6px}}.hanhanRoot .explain-screen{padding:0}.hanhanRoot .root-explain-screen{background:#0a131c;height:100%;min-height:0;overflow:hidden}.hanhanRoot .root-explain-sheet{overscroll-behavior:contain;scrollbar-width:thin;background:#0e1923;height:100%;min-height:0;padding:0 0 14px;overflow-y:auto}.hanhanRoot .root-explain-row{background:#0e1923;border-bottom:1px solid #223240}.hanhanRoot .root-explain-row:first-child{border-top:1px solid #223240}.hanhanRoot .root-explain-summary{width:100%;min-height:67px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:35px minmax(0,1fr) 28px;align-items:stretch;padding:0;display:grid}.hanhanRoot .root-explain-index{color:#70859a;border-right:1px solid #223240;place-items:center;font-size:8px;font-weight:800;display:grid}.hanhanRoot .root-explain-main{flex-direction:column;justify-content:center;gap:7px;min-width:0;padding:9px 8px 8px 13px;display:flex}.hanhanRoot .root-explain-title{align-items:baseline;gap:12px;min-width:0;display:flex}.hanhanRoot .root-explain-korean{color:#f6f8fb;flex:none;font-size:24px;font-weight:850;line-height:1}.hanhanRoot .root-explain-hanviet{color:#e1e7ed;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:800;overflow:hidden}.hanhanRoot .root-explain-used{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.hanhanRoot .root-explain-used span{color:#dbe3ea;background:#13222e;border:1px solid #2c4051;border-radius:5px;align-items:center;min-height:20px;padding:1px 7px;font-size:10px;font-weight:750;display:inline-flex}.hanhanRoot .root-explain-chevron{color:#71879a;place-items:center;font-size:18px;transition:transform .16s,color .16s;display:grid}.hanhanRoot .root-explain-row.is-open .root-explain-chevron{color:#d6e1ea;transform:rotate(180deg)}.hanhanRoot .root-explain-row.is-open{background:#101c27}.hanhanRoot .root-explain-detail{border-top:1px solid #1e2e3b;margin-left:35px;padding:0 10px 11px 13px}.hanhanRoot .root-explain-text,.hanhanRoot .root-explain-empty-note{color:#c1ccd6;margin:0;padding:10px 0 9px;font-size:11.2px;font-weight:600;line-height:1.5}.hanhanRoot .root-explain-empty-note{color:#738799;font-style:italic}.hanhanRoot .root-other-section-label{color:#d8e1e8;margin:1px 0 5px;font-size:9.5px;font-weight:800;line-height:1.2}.hanhanRoot .root-other-table{background:#111c25;border:1px solid #344757;border-radius:7px;overflow:hidden}.hanhanRoot .root-other-table-head,.hanhanRoot .root-other-row{grid-template-columns:88px minmax(0,1fr);display:grid}.hanhanRoot .root-other-table-head{color:#7f91a2;background:#17242f;border-bottom:1px solid #344757;min-height:22px;font-size:8px;font-weight:850}.hanhanRoot .root-other-table-head span,.hanhanRoot .root-other-row>*{text-align:left;align-items:center;min-width:0;padding:4px 7px;display:flex}.hanhanRoot .root-other-table-head span:first-child,.hanhanRoot .root-other-row>:first-child{border-right:1px solid #344757}.hanhanRoot .root-other-row{width:100%;min-height:30px;color:inherit;cursor:pointer;background:#111c25;border:0;border-bottom:1px solid #293a48;padding:0}.hanhanRoot .root-other-row:last-child{border-bottom:0}.hanhanRoot .root-other-row:active{background:#182a37}.hanhanRoot .root-other-row strong{color:#edf1f5;font-size:10.4px;font-weight:800}.hanhanRoot .root-other-row span{color:#b4c0cb;font-size:10.2px;font-weight:600;line-height:1.28}.hanhanRoot .root-other-preview-backdrop{z-index:90;background:#02070bc2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.hanhanRoot .root-other-preview-sheet{text-align:center;background:#111e29;border:1px solid #334a5c;border-radius:14px;width:min(340px,100vw - 40px);padding:22px 18px 18px;position:relative;box-shadow:0 22px 70px #00000057}.hanhanRoot .root-other-preview-close{color:#c9d4dd;background:#172632;border:1px solid #334a5c;border-radius:8px;width:28px;height:28px;padding:0;font-size:18px;position:absolute;top:8px;right:8px}.hanhanRoot .root-other-preview-ko{color:#fff;font-size:30px;font-weight:850}.hanhanRoot .root-other-preview-hv{color:#e4ebf1;margin-top:7px;font-size:15px;font-weight:800}.hanhanRoot .root-other-preview-vi{color:#bac7d2;margin-top:4px;font-size:12px;font-weight:600}.hanhanRoot .root-other-preview-note{color:#71879a;border-top:1px solid #2a3d4c;margin-top:14px;padding-top:11px;font-size:9px;font-weight:600}@media (width<=360px){.hanhanRoot .root-explain-summary{grid-template-columns:31px minmax(0,1fr) 25px}.hanhanRoot .root-explain-detail{margin-left:31px;padding-left:10px}.hanhanRoot .root-explain-main{padding-left:10px}.hanhanRoot .root-explain-korean{font-size:22px}.hanhanRoot .root-explain-hanviet{font-size:12px}}.hanhanRoot .video-screen{background:#071018}.hanhanRoot .bottom-main-nav .main-nav-icon{place-items:center;min-width:16px;font-size:13px;line-height:1;display:inline-grid}.hanhanRoot .dashboard-app{background:linear-gradient(#08111a 0%,#09131c 100%);grid-template-rows:52px minmax(0,1fr) 38px 54px;width:min(430px,100vw);height:100dvh;margin:0 auto;display:grid;overflow:hidden}.hanhanRoot .dashboard-header{border-bottom:1px solid var(--line);background:#09121b;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;padding:0 8px;display:grid}.hanhanRoot .dashboard-header h1{color:#f6f8fb;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:950;line-height:1;overflow:hidden}.hanhanRoot .dashboard-home{color:#9dafbf;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:36px;height:36px;padding:0;display:grid}.hanhanRoot .dashboard-home:active{color:#fff;background:#132230}.hanhanRoot .dashboard-home svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.hanhanRoot .dashboard-content{min-height:0;padding:8px 10px 6px;overflow:hidden}.hanhanRoot .lesson-grid{grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;height:100%;display:grid}.hanhanRoot .lesson-tile{min-width:0;min-height:0;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(#132b38e0,#0b1c25eb);border:1px solid #58a5a76b;border-radius:10px;align-items:center;padding:0 10px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 0 0 1px #0a171f1f}.hanhanRoot .lesson-tile:active{background:linear-gradient(#183a49f5,#0d232df5);border-color:#75cccba3}.hanhanRoot .lesson-tile-label{color:#eef7f8;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:820;line-height:1.2;overflow:hidden}.hanhanRoot .dashboard-state{height:100%;color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:13px;font-weight:850;display:flex}.hanhanRoot .dashboard-state-error{flex-direction:column;gap:12px}.hanhanRoot .dashboard-state-error button{color:#f4f7fb;cursor:pointer;background:#111c27;border:1px solid #2b3d50;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900}.hanhanRoot .dashboard-pager{background:#09131c;border-top:1px solid #172532;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;padding:2px 10px 3px;display:grid}.hanhanRoot .dashboard-pager span{color:#8ea0b4;text-align:center;letter-spacing:.04em;font-size:10px;font-weight:900}.hanhanRoot .dashboard-pager button{color:#9cafbe;cursor:pointer;background:0 0;border:0;border-radius:8px;height:29px;font-size:22px;line-height:1}.hanhanRoot .dashboard-pager button:not(:disabled):active{color:#fff;background:#142331}.hanhanRoot .dashboard-pager button:disabled{opacity:.22;cursor:default}.hanhanRoot .dashboard-bottom-nav{padding:3px 7px calc(3px + env(safe-area-inset-bottom));background:#08121a;border-top:1px solid #243648;grid-template-columns:1fr;display:grid;box-shadow:0 -7px 22px #0000002e}.hanhanRoot .dashboard-bottom-nav button{color:#8498aa;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:900;display:flex}.hanhanRoot .dashboard-bottom-nav button:active{color:#f4f7fb;background:#122230}.hanhanRoot .dashboard-bottom-nav svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:17px;height:17px}.hanhanRoot .search-panel-layer{z-index:100;position:fixed;inset:0}.hanhanRoot .search-panel-scrim{background:#02070bb8;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.hanhanRoot .search-panel{background:#0b151e;border:1px solid #31465a;border-bottom:0;border-radius:16px 16px 0 0;grid-template-rows:48px 50px 38px 34px minmax(0,1fr);width:min(430px,100vw);height:95dvh;display:grid;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 -18px 60px #0006}.hanhanRoot .search-panel-head{background:#0a141d;border-bottom:1px solid #203342;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;padding:0 5px;display:grid}.hanhanRoot .search-panel-head strong{color:#f4f7fb;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:950;overflow:hidden}.hanhanRoot .search-panel-head button{color:#9cafbe;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-self:center;width:34px;height:34px;padding:0;line-height:1}.hanhanRoot .search-panel-head button:active{color:#fff;background:#162531}.hanhanRoot .search-panel-back{font-size:27px}.hanhanRoot .search-panel-back.is-hidden{visibility:hidden;pointer-events:none}.hanhanRoot .search-panel-close{font-size:24px}.hanhanRoot .search-query-toolbar{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:7px 9px 5px;display:grid;position:relative}.hanhanRoot .search-tools-button{cursor:pointer;background:linear-gradient(#122a36e0,#0b1c25e6);border:1px solid #58a5a757;border-radius:10px;align-content:center;gap:4px;width:38px;height:38px;padding:0 10px;display:grid}.hanhanRoot .search-tools-button span{background:#90aebb;border-radius:999px;height:2px;display:block}.hanhanRoot .search-tools-button.active,.hanhanRoot .search-tools-button:active{background:#16313e;border-color:#70c2c194}.hanhanRoot .search-tools-popover{z-index:5;background:#0f1d27;border:1px solid #2c4858;border-radius:10px;gap:4px;width:180px;padding:10px 11px;display:grid;position:absolute;top:48px;left:9px;box-shadow:0 12px 30px #00000052}.hanhanRoot .search-tools-popover strong{color:#eaf4f6;font-size:11px;font-weight:900}.hanhanRoot .search-tools-popover span{color:#718a98;font-size:10px;font-weight:750}.hanhanRoot .search-query-row{background:linear-gradient(#122a36e6,#0b1c25eb);border:1px solid #58a5a761;border-radius:11px;grid-template-columns:26px minmax(0,1fr) 32px;align-items:center;min-width:0;display:grid}.hanhanRoot .search-query-icon{color:#80a8b7;place-items:center;font-size:20px;display:grid}.hanhanRoot .search-query-row input{color:#f4f8fa;min-width:0;height:36px;font:inherit;background:0 0;border:0;outline:0;padding:0 2px;font-size:12px;font-weight:760}.hanhanRoot .search-query-row input::placeholder{color:#668091}.hanhanRoot .search-query-row button{color:#89a0af;cursor:pointer;background:0 0;border:0;border-radius:8px;width:30px;height:30px;padding:0;font-size:20px}.hanhanRoot .search-stepbar{background:#0a151e;border-top:1px solid #1f3342a6;border-bottom:1px solid #1b2c39;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.hanhanRoot .search-stepbar button{color:#667e8f;letter-spacing:.01em;cursor:pointer;background:0 0;border:0;border-right:1px solid #263c4bb3;min-width:0;height:34px;padding:0 4px;font-size:10px;font-weight:900}.hanhanRoot .search-stepbar button:last-child{border-right:0}.hanhanRoot .search-stepbar button.active{color:#9bd8d4;background:#4289911f;box-shadow:inset 0 -2px #64aaa9}.hanhanRoot .search-stepbar button:disabled{cursor:default;opacity:.48}.hanhanRoot .search-stepbar button.active:disabled{opacity:1}.hanhanRoot .search-panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#294454 transparent;min-height:0;overflow-y:auto}.hanhanRoot .search-state{color:#6e8697;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:100%;padding:24px;font-size:11px;font-weight:760;line-height:1.45;display:flex}.hanhanRoot .search-state strong{color:#a9c0ca;font-size:12px;font-weight:900}.hanhanRoot .search-state.compact{min-height:120px}.hanhanRoot .search-state-error button{color:#e9f2f5;cursor:pointer;background:#122330;border:1px solid #38566a;border-radius:999px;margin-top:4px;padding:7px 13px;font-size:10px;font-weight:900}.hanhanRoot .search-result-list,.hanhanRoot .search-word-stage,.hanhanRoot .search-word-detail{padding:8px 9px 16px}.hanhanRoot .search-sound-group,.hanhanRoot .search-direct-group{background:#0c1d27d1;border:1px solid #508e9747;border-radius:11px;margin-bottom:8px;overflow:hidden}.hanhanRoot .search-sound-title,.hanhanRoot .search-section-title{color:#7aa8b0;letter-spacing:.04em;border-bottom:1px solid #508e972e;padding:7px 10px;font-size:10px;font-weight:950}.hanhanRoot .search-meaning-row,.hanhanRoot .search-direct-word,.hanhanRoot .search-word-row{width:100%;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #44707f24;position:relative}.hanhanRoot .search-meaning-row:last-child,.hanhanRoot .search-direct-word:last-child,.hanhanRoot .search-word-row:last-child{border-bottom:0}.hanhanRoot .search-meaning-row:active,.hanhanRoot .search-direct-word:active,.hanhanRoot .search-word-row:active{background:#4089911f}.hanhanRoot .search-meaning-row{grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:7px;min-height:46px;padding:7px 8px 7px 10px;display:grid}.hanhanRoot .search-meaning-label{white-space:nowrap;align-items:baseline;gap:5px;min-width:0;display:flex;overflow:hidden}.hanhanRoot .search-meaning-label strong{color:#f0f6f8;font-size:14px;font-weight:950}.hanhanRoot .search-meaning-label>span{color:#46606f;font-size:10px}.hanhanRoot .search-meaning-label b{color:#9dd1cf;font-size:11px;font-weight:900}.hanhanRoot .search-meaning-label em{color:#8fa5b1;text-overflow:ellipsis;font-size:10px;font-style:normal;font-weight:760;overflow:hidden}.hanhanRoot .search-meaning-row small{color:#7e99a7;text-align:center;background:#132834;border-radius:999px;min-width:22px;padding:3px 5px;font-size:9px;font-weight:900}.hanhanRoot .search-row-arrow{color:#6c8493;font-size:18px}.hanhanRoot .search-direct-word{grid-template-columns:auto auto minmax(0,1fr) 16px;align-items:center;gap:7px;min-height:50px;padding:7px 8px 7px 10px;display:grid}.hanhanRoot .search-direct-word strong{color:#f2f7f8;font-size:14px;font-weight:950}.hanhanRoot .search-direct-word>span:not(.search-row-arrow){color:#9dd1cf;font-size:10px;font-weight:880}.hanhanRoot .search-direct-word em{color:#8ea3af;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-style:normal;font-weight:760;overflow:hidden}.hanhanRoot .search-selected-meaning{background:linear-gradient(#16333fe0,#0d222beb);border:1px solid #59a6a661;border-radius:10px;margin-bottom:8px;padding:10px 11px}.hanhanRoot .search-root-explanation{color:#b4c8ce;border-top:1px solid #68abad29;margin:8px 0 0;padding-top:8px;font-size:11px;font-weight:720;line-height:1.55}.hanhanRoot .search-word-list{background:#0c1d27c2;border:1px solid #508e973d;border-radius:11px;overflow:hidden}.hanhanRoot .search-word-row{grid-template-columns:minmax(100px,auto) minmax(0,1fr) auto 16px;align-items:center;gap:8px;min-height:58px;padding:7px 8px 7px 10px;display:grid}.hanhanRoot .search-word-row>div{align-items:baseline;gap:6px;min-width:0;display:flex}.hanhanRoot .search-word-row strong{color:#f2f7f8;font-size:15px;font-weight:950}.hanhanRoot .search-word-row>div span{color:#96c7c6;font-size:10px;font-weight:900}.hanhanRoot .search-word-row em{color:#91a7b1;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-style:normal;font-weight:760;overflow:hidden}.hanhanRoot .search-word-row small{color:#657d8c;white-space:nowrap;font-size:9px;font-weight:800}.hanhanRoot .search-word-detail header{background:linear-gradient(#14313eeb,#0c1f29f0);border:1px solid #58a5a76b;border-radius:12px;grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:9px;padding:15px 13px;display:grid}.hanhanRoot .search-word-detail header strong{color:#fff;font-size:22px;font-weight:950}.hanhanRoot .search-word-detail header b{color:#9ed6d3;font-size:12px;font-weight:900}.hanhanRoot .search-word-detail header span{color:#b3c5cd;font-size:11px;font-weight:780}.hanhanRoot .search-word-detail section{background:#0b1b25c2;border:1px solid #497b8b40;border-radius:11px;margin-top:9px;padding:11px}.hanhanRoot .search-word-detail section>label{color:#688797;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:950;display:block}.hanhanRoot .search-root-list{gap:6px;display:grid}.hanhanRoot .search-root-list>div{grid-template-columns:34px 52px minmax(0,1fr);align-items:baseline;gap:7px;display:grid}.hanhanRoot .search-root-list strong{color:#eff7f8;font-size:15px;font-weight:950}.hanhanRoot .search-root-list b{color:#99cfcc;font-size:10px;font-weight:900}.hanhanRoot .search-root-list span{color:#7f96a2;font-size:10px;font-weight:750;line-height:1.35}.hanhanRoot .search-example-list{gap:8px;display:grid}.hanhanRoot .search-example-list>div{gap:3px;display:grid}.hanhanRoot .search-example-list strong{color:#eaf1f4;font-size:11px;font-weight:900;line-height:1.35}.hanhanRoot .search-example-list span{color:#7f96a2;font-size:10px;font-weight:720;line-height:1.35}.hanhanRoot .search-word-detail footer{color:#78909d;border-top:1px solid #1d303d;margin-top:10px;padding:9px 10px;font-size:10px;font-weight:850}.hanhanRoot .player-back-inline{color:#8499ac;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 23px;place-items:center;width:23px;height:23px;padding:0;line-height:1;display:grid}.hanhanRoot .player-back-inline svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.hanhanRoot .player-back-inline:active{color:#fff;background:#172936}@media (width<=360px){.hanhanRoot .dashboard-content{padding-inline:7px}.hanhanRoot .lesson-grid{gap:4px}.hanhanRoot .lesson-tile{padding-inline:7px}.hanhanRoot .lesson-tile-label{font-size:12px}}.hanhanRoot .search-empty-home{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:100%;padding:28px 20px 54px;display:flex}.hanhanRoot .search-empty-mark{color:#8fc8ca;background:linear-gradient(#183643d9,#0c1f29e6);border:1px solid #54a1a452;border-radius:18px;place-items:center;width:54px;height:54px;margin-bottom:5px;font-size:27px;line-height:1;display:grid}.hanhanRoot .search-empty-home>strong{color:#edf6f7;font-size:14px;font-weight:900}.hanhanRoot .search-empty-home>span{color:#718a98;font-size:11px;font-weight:760}.hanhanRoot .search-empty-hints{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:min(310px,100%);margin-top:12px;display:grid}.hanhanRoot .search-empty-hints div{background:#0f222c94;border:1px solid #45768447;border-radius:10px;place-items:center;gap:4px;min-width:0;padding:10px 5px 9px;display:grid}.hanhanRoot .search-empty-hints b{color:#b9dfe0;font-size:13px;font-weight:900}.hanhanRoot .search-empty-hints small{color:#718996;white-space:nowrap;font-size:9px;font-weight:800}.hanhanRoot .search-tools-popover{gap:5px;padding:6px}.hanhanRoot .search-tools-popover>button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;gap:2px;padding:8px 9px;display:grid}.hanhanRoot .search-tools-popover>button strong{color:#dfecee;font-size:11px;font-weight:900}.hanhanRoot .search-tools-popover>button span{color:#718a98;font-size:9px;font-weight:760}.hanhanRoot .search-tools-popover>button.active{background:#2b5c6538;border-color:#65b5b557}.hanhanRoot .search-tools-popover>button.active strong{color:#9bd8d4}.hanhanRoot .search-tools-popover>button:active{background:#2b5c654d}.hanhanRoot .search-stepbar.search-stepbar-specific{grid-template-columns:repeat(2,minmax(0,1fr))}.hanhanRoot .search-mode-pill{color:#91c8c6;letter-spacing:.03em;background:#2a5b6326;border:1px solid #5eabab52;border-radius:999px;margin-bottom:2px;padding:4px 9px;font-size:9px;font-weight:950}.hanhanRoot .search-empty-hints.search-empty-hints-specific{grid-template-columns:repeat(2,minmax(0,1fr));width:min(250px,100%)}.hanhanRoot .search-specific-group{margin-bottom:0}.hanhanRoot .search-mode-switch{background:#0b151e;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-width:0;padding:3px 9px 5px 53px;display:grid}.hanhanRoot .search-mode-switch button{color:#748b99;cursor:pointer;background:#0c1c25b3;border:1px solid #4a77853d;border-radius:8px;min-width:0;height:30px;padding:0 8px;font-size:10.5px;font-weight:900}.hanhanRoot .search-mode-switch button.active{color:#a5d9d6;background:#2b5e6547;border-color:#63b8b67a}.hanhanRoot .search-mode-switch button:active{background:#30676f59}.hanhanRoot .search-tools-popover.search-tools-popover-empty{gap:3px;width:172px;padding:9px 10px}.hanhanRoot .search-tools-popover.search-tools-popover-empty>strong{color:#dcecef;font-size:11px;font-weight:900}.hanhanRoot .search-tools-popover.search-tools-popover-empty>span{color:#718996;font-size:9.5px;font-weight:760}.hanhanRoot.hh-theme-light{--bg:#f8f4ed;--text:#493e34;--muted:#917e66;--line:#f6f0e8;--hak:#25b0e4;--saeng:#2edb64;--il:#e49225;--white:#493e34;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;background:#f8f4ed;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.hanhanRoot.hh-theme-light,.hanhanRoot.hh-theme-light *{box-sizing:border-box}.hanhanRoot.hh-theme-light{height:100dvh;color:var(--text);background:#f8f4ed;margin:0;overflow:hidden}.hanhanRoot.hh-theme-light button{font:inherit}.hanhanRoot.hh-theme-light .hanhan-app{background:linear-gradient(#f8f4ed 0%,#fffaf4 100%);grid-template-rows:44px 42px 1fr;width:min(430px,100vw);height:100dvh;margin:0 auto;display:grid;overflow:hidden}.hanhanRoot.hh-theme-light header{border-bottom:1px solid var(--line);background:#fffaf4;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.hanhanRoot.hh-theme-light .title{color:#493e34;font-size:17px;font-weight:950}.hanhanRoot.hh-theme-light .subtitle{color:var(--muted);font-size:11px;font-weight:800}.hanhanRoot.hh-theme-light .tabs{border-bottom:1px solid var(--line);background:#fffaf4;grid-template-columns:repeat(4,1fr);padding:0 10px;display:grid}.hanhanRoot.hh-theme-light .tab{color:#917e66;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:900;position:relative}.hanhanRoot.hh-theme-light .tab.active{color:#493e34}.hanhanRoot.hh-theme-light .tab.active:after{content:"";background:#487cb0;border-radius:999px;height:2px;position:absolute;bottom:0;left:22%;right:22%}.hanhanRoot.hh-theme-light .stage{min-height:0;position:relative;overflow:hidden}.hanhanRoot.hh-theme-light .screen{padding:0 12px 10px;position:absolute;inset:0}.hanhanRoot.hh-theme-light .stage-full-bleed{padding:0}.hanhanRoot.hh-theme-light .rows{grid-template-rows:repeat(var(--row-count), 1fr);height:100%;display:grid}.hanhanRoot.hh-theme-light .row{border:0;border-bottom:1px solid var(--line);cursor:pointer;width:100%;min-height:0;color:inherit;background:0 0;grid-template-columns:76px 92px 1fr 12px;align-items:center;gap:10px;padding:0 2px;display:grid}.hanhanRoot.hh-theme-light .row:first-child{border-top:1px solid var(--line)}.hanhanRoot.hh-theme-light .row:active{background:#493e3406}.hanhanRoot.hh-theme-light .col-ko{text-align:left;font-size:22px;font-weight:950;line-height:1}.hanhanRoot.hh-theme-light .col-hv{text-align:left;font-size:14px;font-weight:850;line-height:1.1}.hanhanRoot.hh-theme-light .col-vn{color:#493e34;text-align:left;font-size:12.5px;line-height:1.15}.hanhanRoot.hh-theme-light .arrow{color:#b8a590;text-align:right;font-size:16px;font-weight:900}.hanhanRoot.hh-theme-light .c-hak{color:var(--hak)}.hanhanRoot.hh-theme-light .c-saeng{color:var(--saeng)}.hanhanRoot.hh-theme-light .c-il{color:var(--il)}.hanhanRoot.hh-theme-light .c-other{color:var(--white)}.hanhanRoot.hh-theme-light .demo-switch{z-index:10;background:#fffaf4;border:1px solid #eee6dc;border-radius:999px;gap:4px;padding:4px;display:flex;position:fixed;bottom:10px;right:10px}.hanhanRoot.hh-theme-light .demo-switch button{color:#917e66;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900}.hanhanRoot.hh-theme-light .demo-switch button.on{color:#493e34;background:#f6f0e8}.hanhanRoot.hh-theme-light .stage-placeholder{height:100%;color:var(--muted);justify-content:center;align-items:center;font-size:14px;font-weight:850;display:flex}.hanhanRoot.hh-theme-light .scrim{opacity:0;pointer-events:none;z-index:20;background:#000000ad;border:0;width:100%;height:100%;padding:0;transition:opacity .16s;position:fixed;inset:0}.hanhanRoot.hh-theme-light .scrim.show{opacity:1;pointer-events:auto}.hanhanRoot.hh-theme-light .sheet{width:min(410px,100vw - 24px);height:min(80dvh,720px);max-height:80dvh;padding:12px 15px calc(18px + env(safe-area-inset-bottom));opacity:0;pointer-events:none;z-index:21;background-color:#fffaf4;background-image:linear-gradient(#493e3404 1px,#0000 1px),linear-gradient(90deg,#493e3403 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #dacdbe;border-radius:20px;transition:transform .2s,opacity .16s;position:fixed;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,calc(110vh - 50%))}.hanhanRoot.hh-theme-light .sheet.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.hanhanRoot.hh-theme-light .handle{display:none}.hanhanRoot.hh-theme-light .sheet-close{float:right;z-index:3;color:#493e34;cursor:pointer;background:#fffaf4;border:1px solid #dacdbe;border-radius:50%;width:36px;height:36px;margin:0 0 -36px;font-size:25px;font-weight:500;line-height:30px;position:sticky;top:0;box-shadow:0 4px 16px #f8f4ed2e}.hanhanRoot.hh-theme-light .sheet-close:active{transform:scale(.96)}.hanhanRoot.hh-theme-light .sheet-content{flex-direction:column;min-height:100%;padding-top:8px;display:flex}.hanhanRoot.hh-theme-light .formula-card{text-align:center;flex-direction:column;justify-content:center;width:min(80vw,344px);min-height:44dvh;margin:0 auto;padding:28px 0 18px;display:flex;position:relative}.hanhanRoot.hh-theme-light .formula-card:before,.hanhanRoot.hh-theme-light .formula-card:after{content:"";pointer-events:none;opacity:.75;width:28px;height:14px;position:absolute}.hanhanRoot.hh-theme-light .formula-card:before{border-top:1px solid #dacdbe;border-left:1px solid #dacdbe;top:10px;left:0}.hanhanRoot.hh-theme-light .formula-card:after{border-bottom:1px solid #dacdbe;border-right:1px solid #dacdbe;bottom:10px;right:0}.hanhanRoot.hh-theme-light .formula-title{letter-spacing:-.04em;font-size:42px;font-weight:950;line-height:1}.hanhanRoot.hh-theme-light .formula-rule{background:linear-gradient(90deg,#0000,#b8a590 18% 82%,#0000);width:72px;height:1px;margin:14px auto 22px}.hanhanRoot.hh-theme-light .formula-parts{justify-content:center;align-items:stretch;gap:0;width:100%;display:flex}.hanhanRoot.hh-theme-light .formula-piece{background:linear-gradient(#493e3408,#493e3402),#fffaf4;border:1px solid #dacdbe;border-radius:7px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:96px;display:flex;box-shadow:inset 0 0 0 1px #493e3403,0 8px 22px #f8f4ed1f}.hanhanRoot.hh-theme-light .formula-ko{font-size:32px;font-weight:950;line-height:1}.hanhanRoot.hh-theme-light .formula-hv{margin-top:9px;font-size:14px;font-weight:850;line-height:1}.hanhanRoot.hh-theme-light .formula-operator{color:#6f5c49;flex:0 0 38px;justify-content:center;align-items:center;width:38px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:25px;font-weight:500;line-height:1;display:flex}.hanhanRoot.hh-theme-light .formula-result-connector{color:#917e66;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;width:68%;margin:17px auto 9px;display:grid}.hanhanRoot.hh-theme-light .formula-result-connector span{background:#dacdbe;height:1px}.hanhanRoot.hh-theme-light .formula-result-connector i{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;font-style:normal}.hanhanRoot.hh-theme-light .formula-result{padding:2px 8px 0;position:relative}.hanhanRoot.hh-theme-light .formula-hvwhole{font-size:23px;font-weight:950;line-height:1.15}.hanhanRoot.hh-theme-light .formula-natural{color:var(--muted);margin-top:6px;font-size:13px;font-weight:750;line-height:1.25}.hanhanRoot.hh-theme-light .examples{border-top:1px solid #eee6dc;width:100%;margin-top:4px}.hanhanRoot.hh-theme-light .example{border-bottom:1px solid #f6f0e8;padding:14px 1px 13px;position:relative}.hanhanRoot.hh-theme-light .example:before{content:"";background:#b8a590;width:28px;height:1px;position:absolute;top:-1px;left:0}.hanhanRoot.hh-theme-light .example .ko{color:#493e34;font-size:16px;font-weight:850;line-height:1.35}.hanhanRoot.hh-theme-light .example .vi{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.4}@media (width<=360px){.hanhanRoot.hh-theme-light .sheet{width:calc(100vw - 14px)}.hanhanRoot.hh-theme-light .formula-card{width:82vw;min-height:42dvh}.hanhanRoot.hh-theme-light .formula-piece{min-height:88px}.hanhanRoot.hh-theme-light .formula-operator{flex-basis:30px;width:30px;font-size:22px}}@media (height<=680px){.hanhanRoot.hh-theme-light .sheet{height:86dvh;max-height:86dvh}.hanhanRoot.hh-theme-light .formula-card{min-height:48dvh;padding-top:20px}.hanhanRoot.hh-theme-light .formula-title{font-size:38px}.hanhanRoot.hh-theme-light .formula-piece{min-height:82px}}.hanhanRoot.hh-theme-light .load-error{height:100%;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:13px;font-weight:800;display:flex}.hanhanRoot.hh-theme-light .load-error button{color:#493e34;cursor:pointer;background:#fffaf4;border:1px solid #dacdbe;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900}.hanhanRoot.hh-theme-light .s1-shell{height:100%;min-height:0;padding:12px 14px calc(16px + env(safe-area-inset-bottom));background-color:#0000;background-image:linear-gradient(#493e3403 1px,#0000 1px),linear-gradient(90deg,#493e3402 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.hanhanRoot.hh-theme-light .s1-progress-row{color:#917e66;letter-spacing:.02em;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;display:flex}.hanhanRoot.hh-theme-light .s1-progress-row strong{color:#493e34;font-size:11px}.hanhanRoot.hh-theme-light .s1-progress-track{background:#f6f0e8;border-radius:999px;height:2px;margin-top:8px;overflow:hidden}.hanhanRoot.hh-theme-light .s1-progress-track span{border-radius:inherit;background:#487cb0;height:100%;transition:width .2s;display:block}.hanhanRoot.hh-theme-light .s1-question{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:10px 12px 4px;display:flex}.hanhanRoot.hh-theme-light .s1-korean{letter-spacing:-.055em;font-size:clamp(50px,16vw,68px);font-weight:950;line-height:.98}.hanhanRoot.hh-theme-light .s1-meaning{color:#493e34;margin-top:13px;font-size:17px;font-weight:850;line-height:1.2}.hanhanRoot.hh-theme-light .s1-formula{justify-content:center;align-items:center;width:min(82vw,352px);margin-top:clamp(24px,5.2dvh,42px);transition:transform .14s;display:flex}.hanhanRoot.hh-theme-light .s1-formula.wrong{animation:.26s s1-shake}.hanhanRoot.hh-theme-light .s1-formula-fragment{align-items:center;min-width:0;display:flex}.hanhanRoot.hh-theme-light .s1-plus{color:#917e66;flex:none;width:34px;font-family:SFMono-Regular,Consolas,monospace;font-size:24px;font-weight:650}.hanhanRoot.hh-theme-light .s1-slot{color:#917e66;cursor:pointer;background:#fffaf4b8;border:1px dashed #dacdbe;border-radius:9px;width:120px;min-width:0;height:62px;font-size:21px;font-weight:900;transition:border-color .13s,background .13s,color .13s,transform .13s}.hanhanRoot.hh-theme-light .s1-slot.filled{color:#493e34;background:#f6f0e8;border-style:solid;border-color:#b8a590}.hanhanRoot.hh-theme-light .s1-formula.correct .s1-slot{background:#3696692e;border-color:#327b59}.hanhanRoot.hh-theme-light .s1-formula.wrong .s1-slot{background:#7e334129;border-color:#b8a590}.hanhanRoot.hh-theme-light .s1-feedback{color:#917e66;height:18px;margin-top:10px;font-size:11px;font-weight:850}.hanhanRoot.hh-theme-light .s1-feedback.correct{color:#49c178}.hanhanRoot.hh-theme-light .s1-feedback.wrong{color:#c34659}.hanhanRoot.hh-theme-light .s1-options{border-top:1px solid #f6f0e8;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding-top:12px;display:grid}.hanhanRoot.hh-theme-light .s1-option{color:#493e34;cursor:pointer;background:#fffaf4;border:1px solid #eee6dc;border-radius:9px;min-width:0;height:48px;font-size:13px;font-weight:900;box-shadow:inset 0 1px #493e3405}.hanhanRoot.hh-theme-light .s1-option:active{transform:scale(.975)}.hanhanRoot.hh-theme-light .s1-option.picked{color:#493e34;background:#f6f0e8;border-color:#b8a590}.hanhanRoot.hh-theme-light .s1-option:disabled{cursor:default}.hanhanRoot.hh-theme-light .s1-complete{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:28px;display:flex}.hanhanRoot.hh-theme-light .s1-complete-mark{color:#42c771;background:#307d5329;border:1px solid #dacdbe;border-radius:50%;place-items:center;width:56px;height:56px;font-size:26px;font-weight:950;display:grid}.hanhanRoot.hh-theme-light .s1-complete-title{margin-top:18px;font-size:22px;font-weight:950}.hanhanRoot.hh-theme-light .s1-complete-sub{color:var(--muted);margin-top:7px;font-size:12px;font-weight:750}.hanhanRoot.hh-theme-light .s1-restart{color:#493e34;cursor:pointer;background:#f6f0e8;border:1px solid #dacdbe;border-radius:9px;margin-top:22px;padding:10px 18px;font-size:12px;font-weight:900}@media (width<=360px){.hanhanRoot.hh-theme-light .s1-shell{padding-inline:10px}.hanhanRoot.hh-theme-light .s1-question{padding-inline:5px}.hanhanRoot.hh-theme-light .s1-formula{width:88vw}.hanhanRoot.hh-theme-light .s1-slot{width:105px;height:58px}.hanhanRoot.hh-theme-light .s1-plus{width:28px}.hanhanRoot.hh-theme-light .s1-options{gap:5px}.hanhanRoot.hh-theme-light .s1-option{height:45px;font-size:12px}}@media (height<=680px){.hanhanRoot.hh-theme-light .s1-shell{padding-top:8px;padding-bottom:10px}.hanhanRoot.hh-theme-light .s1-korean{font-size:48px}.hanhanRoot.hh-theme-light .s1-meaning{margin-top:9px;font-size:15px}.hanhanRoot.hh-theme-light .s1-formula{margin-top:18px}.hanhanRoot.hh-theme-light .s1-slot{height:54px}.hanhanRoot.hh-theme-light .s1-options{padding-top:8px}.hanhanRoot.hh-theme-light .s1-option{height:42px}}.hanhanRoot.hh-theme-light .recall-shell{height:100%;min-height:0;padding:12px 14px calc(16px + env(safe-area-inset-bottom));background-color:#0000;background-image:linear-gradient(#493e3403 1px,#0000 1px),linear-gradient(90deg,#493e3402 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.hanhanRoot.hh-theme-light .recall-question{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:12px 16px 6px;display:flex}.hanhanRoot.hh-theme-light .recall-meaning{color:#493e34;letter-spacing:-.025em;max-width:350px;font-size:clamp(27px,8.5vw,38px);font-weight:950;line-height:1.16}.hanhanRoot.hh-theme-light .recall-hanviet{color:#493e34;letter-spacing:-.03em;max-width:350px;font-size:clamp(28px,9vw,40px);font-weight:950;line-height:1.12}.hanhanRoot.hh-theme-light .recall-feedback{color:#917e66;height:18px;margin-top:18px;font-size:11px;font-weight:850}.hanhanRoot.hh-theme-light .recall-feedback.correct{color:#49c178}.hanhanRoot.hh-theme-light .recall-feedback.wrong{color:#c34659}.hanhanRoot.hh-theme-light .recall-options{border-top:1px solid #f6f0e8;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:12px;display:grid}.hanhanRoot.hh-theme-light .recall-option{color:#493e34;cursor:pointer;background:#fffaf4;border:1px solid #eee6dc;border-radius:9px;min-width:0;height:52px;font-size:21px;font-weight:950;transition:transform .12s,border-color .12s,background .12s;box-shadow:inset 0 1px #493e3405}.hanhanRoot.hh-theme-light .recall-option:active{transform:scale(.982)}.hanhanRoot.hh-theme-light .recall-option.picked{background:#f6f0e8;border-color:#b8a590}.hanhanRoot.hh-theme-light .recall-option.correct{background:#3696692e;border-color:#327b59}.hanhanRoot.hh-theme-light .recall-option.wrong{background:#7e334129;border-color:#b8a590;animation:.26s s1-shake}.hanhanRoot.hh-theme-light .recall-option:disabled{cursor:default}@media (width<=360px){.hanhanRoot.hh-theme-light .recall-shell{padding-inline:10px}.hanhanRoot.hh-theme-light .recall-question{padding-inline:8px}.hanhanRoot.hh-theme-light .recall-options{gap:5px}.hanhanRoot.hh-theme-light .recall-option{height:48px;font-size:19px}}@media (height<=680px){.hanhanRoot.hh-theme-light .recall-shell{padding-top:8px;padding-bottom:10px}.hanhanRoot.hh-theme-light .recall-meaning{font-size:27px}.hanhanRoot.hh-theme-light .recall-hanviet{font-size:29px}.hanhanRoot.hh-theme-light .recall-feedback{margin-top:12px}.hanhanRoot.hh-theme-light .recall-options{padding-top:8px}.hanhanRoot.hh-theme-light .recall-option{height:44px;font-size:18px}}.hanhanRoot.hh-theme-light .tabs{grid-template-columns:repeat(6,1fr);padding-inline:6px}.hanhanRoot.hh-theme-light .tab{font-size:11px}.hanhanRoot.hh-theme-light .tab.active:after{left:18%;right:18%}.hanhanRoot.hh-theme-light .listen-stage-shell{height:100%;min-height:0;padding:12px 14px calc(14px + env(safe-area-inset-bottom));background-color:#0000;background-image:linear-gradient(#493e3403 1px,#0000 1px),linear-gradient(90deg,#493e3402 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-rows:auto auto minmax(0,1fr);display:grid;overflow:hidden}.hanhanRoot.hh-theme-light .listen-stage-main{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:14px 12px 8px;display:flex}.hanhanRoot.hh-theme-light .listen-stage-kicker{color:#917e66;letter-spacing:.02em;font-size:11px;font-weight:900}.hanhanRoot.hh-theme-light .audio-orb{color:#493e34;cursor:pointer;background:radial-gradient(circle at 50% 35%,#5087b72e,#0000 58%),#fffaf4;border:1px solid #dacdbe;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:142px;height:142px;margin-top:22px;font-size:12px;font-weight:900;display:flex;box-shadow:inset 0 1px #493e3408,0 16px 34px #f8f4ed2e}.hanhanRoot.hh-theme-light .audio-orb:active{transform:scale(.975)}.hanhanRoot.hh-theme-light .audio-orb-icon{color:#493e34;border:1px solid #b8a590;border-radius:50%;place-items:center;width:46px;height:46px;padding-left:3px;font-size:18px;line-height:1;display:grid}.hanhanRoot.hh-theme-light .listen-stage-hint{color:#917e66;max-width:290px;margin-top:18px;font-size:11px;font-weight:750;line-height:1.45}.hanhanRoot.hh-theme-light .speak-done-btn,.hanhanRoot.hh-theme-light .review-start-btn,.hanhanRoot.hh-theme-light .review-start-top,.hanhanRoot.hh-theme-light .primary-action,.hanhanRoot.hh-theme-light .secondary-action,.hanhanRoot.hh-theme-light .finish-link,.hanhanRoot.hh-theme-light .quiz-review-link{cursor:pointer;border:1px solid #dacdbe;border-radius:9px;font-weight:900}.hanhanRoot.hh-theme-light .speak-done-btn{color:#493e34;background:#f6f0e8;min-width:154px;height:44px;margin-top:20px;font-size:12px}.hanhanRoot.hh-theme-light .answer-reveal{background:#fffaf4d6;border:1px solid #dacdbe;border-radius:13px;width:min(330px,92%);margin-top:18px;padding:18px 14px 14px}.hanhanRoot.hh-theme-light .answer-reveal-ko{color:#493e34;font-size:35px;font-weight:950;line-height:1.05}.hanhanRoot.hh-theme-light .answer-reveal-vn{color:#6f5c49;margin-top:7px;font-size:12px;font-weight:750}.hanhanRoot.hh-theme-light .answer-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:15px;display:grid}.hanhanRoot.hh-theme-light .secondary-action,.hanhanRoot.hh-theme-light .primary-action{height:40px;font-size:11px}.hanhanRoot.hh-theme-light .secondary-action{color:#493e34;background:#fffaf4}.hanhanRoot.hh-theme-light .primary-action{color:#493e34;background:#eee6dc;border-color:#b8a590}.hanhanRoot.hh-theme-light .audio-status{color:#b8a590;min-height:16px;margin-top:9px;font-size:9px;font-weight:750}.hanhanRoot.hh-theme-light .stage-simple-finish{justify-content:center;align-items:flex-start;min-height:0;padding-top:18px;display:flex}.hanhanRoot.hh-theme-light .stage-simple-finish .s1-restart{margin-top:0}.hanhanRoot.hh-theme-light .stage-simple-finish-stack{flex-direction:column;align-items:center;gap:8px}.hanhanRoot.hh-theme-light .finish-link{color:#917e66;background:0 0;border-color:#0000;padding:7px 10px;font-size:10px}.hanhanRoot.hh-theme-light .sentence-review-shell{background:#fffaf4;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid;overflow:hidden}.hanhanRoot.hh-theme-light .sentence-review-head{border-bottom:1px solid #eee6dc;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:9px 12px;display:flex}.hanhanRoot.hh-theme-light .sentence-review-title{color:#493e34;font-size:14px;font-weight:950}.hanhanRoot.hh-theme-light .sentence-review-sub{color:#917e66;margin-top:2px;font-size:9.5px;font-weight:750}.hanhanRoot.hh-theme-light .review-start-top{color:#493e34;background:#f6f0e8;flex:none;height:32px;padding:0 11px;font-size:10px}.hanhanRoot.hh-theme-light .sentence-review-list{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.hanhanRoot.hh-theme-light .sentence-review-row{border-bottom:1px solid #f6f0e8;grid-template-columns:26px minmax(0,1fr) 30px;align-items:center;gap:8px;padding:9px 10px;display:grid}.hanhanRoot.hh-theme-light .sentence-review-index{color:#b8a590;align-self:start;padding-top:2px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:900}.hanhanRoot.hh-theme-light .sentence-review-text{min-width:0}.hanhanRoot.hh-theme-light .sentence-review-ko{color:#493e34;font-size:12px;font-weight:850;line-height:1.35}.hanhanRoot.hh-theme-light .sentence-review-vn{color:#917e66;margin-top:3px;font-size:10px;font-weight:650;line-height:1.35}.hanhanRoot.hh-theme-light .sentence-review-audio{flex-direction:column;gap:4px;display:flex}.hanhanRoot.hh-theme-light .sentence-review-audio button{color:#6f5c49;cursor:pointer;background:#fffaf4;border:1px solid #dacdbe;border-radius:7px;width:28px;height:25px;font-size:9px;font-weight:950}.hanhanRoot.hh-theme-light .sentence-review-footer{padding:8px 12px calc(5px + env(safe-area-inset-bottom));background:#fffaf4;border-top:1px solid #eee6dc}.hanhanRoot.hh-theme-light .review-start-btn{color:#493e34;background:#f6f0e8;border-color:#dacdbe;width:100%;height:40px;font-size:11px}.hanhanRoot.hh-theme-light .sentence-review-footer .audio-status{text-align:center;min-height:11px;margin-top:3px}.hanhanRoot.hh-theme-light .sentence-quiz-main{justify-content:center}.hanhanRoot.hh-theme-light .sentence-audio-orb{width:132px;height:132px}.hanhanRoot.hh-theme-light .sentence-answer-reveal{width:min(352px,96%);padding-top:15px}.hanhanRoot.hh-theme-light .sentence-answer-ko{color:#493e34;font-size:clamp(18px,5.3vw,23px);font-weight:900;line-height:1.35}.hanhanRoot.hh-theme-light .sentence-answer-vn{color:#917e66;margin-top:8px;font-size:10.5px;font-weight:700;line-height:1.4}.hanhanRoot.hh-theme-light .quiz-review-link{color:#917e66;background:0 0;border-color:#0000;margin-top:12px;padding:5px 8px;font-size:9.5px}@media (width<=360px){.hanhanRoot.hh-theme-light .tabs{padding-inline:2px}.hanhanRoot.hh-theme-light .tab{font-size:10px}.hanhanRoot.hh-theme-light .listen-stage-shell{padding-inline:10px}.hanhanRoot.hh-theme-light .audio-orb{width:128px;height:128px}.hanhanRoot.hh-theme-light .sentence-audio-orb{width:120px;height:120px}.hanhanRoot.hh-theme-light .sentence-review-row{grid-template-columns:23px minmax(0,1fr) 29px;gap:6px;padding-inline:8px}}@media (height<=680px){.hanhanRoot.hh-theme-light .listen-stage-shell{padding-top:8px;padding-bottom:8px}.hanhanRoot.hh-theme-light .audio-orb{gap:7px;width:112px;height:112px;margin-top:13px}.hanhanRoot.hh-theme-light .audio-orb-icon{width:38px;height:38px;font-size:15px}.hanhanRoot.hh-theme-light .listen-stage-hint{margin-top:11px}.hanhanRoot.hh-theme-light .speak-done-btn{height:40px;margin-top:13px}.hanhanRoot.hh-theme-light .answer-reveal{margin-top:11px;padding-top:13px}.hanhanRoot.hh-theme-light .answer-reveal-ko{font-size:30px}.hanhanRoot.hh-theme-light .sentence-audio-orb{width:108px;height:108px}.hanhanRoot.hh-theme-light .sentence-answer-ko{font-size:18px}}.hanhanRoot.hh-theme-light .practice-setup-shell{background-color:#0000;background-image:linear-gradient(#493e3403 1px,#0000 1px),linear-gradient(90deg,#493e3402 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;height:100%;padding:16px 14px;display:grid}.hanhanRoot.hh-theme-light .practice-setup-card{background:#fffaf4eb;border:1px solid #eee6dc;border-radius:15px;width:min(350px,100%);padding:18px 15px 16px}.hanhanRoot.hh-theme-light .practice-setup-kicker{color:#917e66;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.hanhanRoot.hh-theme-light .practice-setup-title{color:#493e34;margin-top:4px;font-size:22px;font-weight:950}.hanhanRoot.hh-theme-light .practice-mode-tabs{background:#fffaf4;border:1px solid #eee6dc;border-radius:11px;grid-template-columns:1fr 1fr;gap:6px;margin-top:18px;padding:4px;display:grid}.hanhanRoot.hh-theme-light .practice-mode-tabs button{color:#917e66;cursor:pointer;background:0 0;border:0;border-radius:8px;height:36px;font-size:11px;font-weight:900}.hanhanRoot.hh-theme-light .practice-mode-tabs button.active{color:#493e34;background:#eee6dc;box-shadow:inset 0 0 0 1px #dacdbe}.hanhanRoot.hh-theme-light .practice-mode-tabs.compact{width:132px;margin:0;padding:3px}.hanhanRoot.hh-theme-light .practice-mode-tabs.compact button{height:28px;font-size:9.5px}.hanhanRoot.hh-theme-light .practice-setting-row{margin-top:14px}.hanhanRoot.hh-theme-light .practice-setting-row>span{color:#917e66;margin-bottom:7px;font-size:10px;font-weight:850;display:block}.hanhanRoot.hh-theme-light .practice-chip-row{flex-wrap:wrap;gap:6px;display:flex}.hanhanRoot.hh-theme-light .practice-chip-row button{color:#6f5c49;cursor:pointer;background:#fffaf4;border:1px solid #dacdbe;border-radius:8px;min-width:45px;height:31px;font-size:10px;font-weight:900}.hanhanRoot.hh-theme-light .practice-chip-row button.active{color:#493e34;background:#eee6dc;border-color:#b8a590}.hanhanRoot.hh-theme-light .practice-chip-row.compact{gap:4px}.hanhanRoot.hh-theme-light .practice-chip-row.compact button{min-width:34px;height:28px;font-size:9px}.hanhanRoot.hh-theme-light .practice-start-btn,.hanhanRoot.hh-theme-light .practice-next-btn{color:#493e34;cursor:pointer;background:#f6f0e8;border:1px solid #b8a590;border-radius:10px;font-weight:950}.hanhanRoot.hh-theme-light .practice-start-btn{width:100%;height:42px;margin-top:18px;font-size:11px}.hanhanRoot.hh-theme-light .practice-next-btn{min-width:150px;height:43px;margin-top:20px;font-size:11px}.hanhanRoot.hh-theme-light .auto-controls{flex-direction:column;align-items:center;gap:8px;margin-top:18px;display:flex}.hanhanRoot.hh-theme-light .auto-controls button{color:#493e34;cursor:pointer;background:#f6f0e8;border:1px solid #dacdbe;border-radius:9px;min-width:135px;height:38px;font-size:10px;font-weight:900}.hanhanRoot.hh-theme-light .auto-controls span{color:#917e66;font-size:9px;font-weight:750}.hanhanRoot.hh-theme-light .sentence-select-shell{grid-template-rows:auto auto minmax(0,1fr) auto}.hanhanRoot.hh-theme-light .sentence-select-head{min-height:54px}.hanhanRoot.hh-theme-light .selected-count{color:#6f5c49;text-align:center;border:1px solid #dacdbe;border-radius:999px;flex:none;min-width:48px;padding:6px 8px;font-size:10px;font-weight:950}.hanhanRoot.hh-theme-light .sentence-select-tools{background:#fffaf4;border-bottom:1px solid #eee6dc;gap:6px;padding:7px 9px;display:grid}.hanhanRoot.hh-theme-light .quick-groups{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.hanhanRoot.hh-theme-light .quick-groups::-webkit-scrollbar{display:none}.hanhanRoot.hh-theme-light .quick-groups button,.hanhanRoot.hh-theme-light .range-picker button{color:#6f5c49;cursor:pointer;background:#fffaf4;border:1px solid #dacdbe;border-radius:7px;flex:none;height:27px;font-size:9px;font-weight:900}.hanhanRoot.hh-theme-light .quick-groups button{padding:0 8px}.hanhanRoot.hh-theme-light .range-picker{align-items:center;gap:5px;display:flex}.hanhanRoot.hh-theme-light .range-picker span{color:#917e66;font-size:9px;font-weight:850}.hanhanRoot.hh-theme-light .range-picker input{color:#493e34;text-align:center;background:#fffaf4;border:1px solid #dacdbe;border-radius:7px;outline:none;width:48px;height:27px;font-size:10px;font-weight:900}.hanhanRoot.hh-theme-light .range-picker button{margin-left:2px;padding:0 10px}.hanhanRoot.hh-theme-light .practice-inline-settings{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hanhanRoot.hh-theme-light .sentence-select-row{-webkit-user-select:none;user-select:none;touch-action:pan-y;grid-template-columns:26px 22px minmax(0,1fr) 30px;transition:background .1s,box-shadow .1s}.hanhanRoot.hh-theme-light .sentence-select-row.selected{background:#dacdbe3d;box-shadow:inset 3px 0 #b8a590}.hanhanRoot.hh-theme-light .sentence-select-row:active{background:#dacdbe2e}.hanhanRoot.hh-theme-light .sentence-check{color:#493e34;cursor:pointer;background:#fffaf4;border:1px solid #dacdbe;border-radius:7px;width:23px;height:23px;font-size:12px;font-weight:950}.hanhanRoot.hh-theme-light .sentence-check.checked{background:#eee6dc;border-color:#b8a590}.hanhanRoot.hh-theme-light .selection-warning{color:#b8a590;text-align:center;margin-top:4px;font-size:8.5px;font-weight:800}.hanhanRoot.hh-theme-light .review-start-btn:disabled{opacity:.38;cursor:not-allowed}.hanhanRoot.hh-theme-light .drag-selecting,.hanhanRoot.hh-theme-light .drag-selecting *{cursor:crosshair!important}@media (width<=360px){.hanhanRoot.hh-theme-light .sentence-select-row{grid-template-columns:24px 20px minmax(0,1fr) 29px;gap:5px;padding-inline:7px}.hanhanRoot.hh-theme-light .sentence-select-tools{padding-inline:7px}.hanhanRoot.hh-theme-light .practice-inline-settings{gap:4px}}.hanhanRoot.hh-theme-light .practice-setting-slot{min-height:55px;transition:opacity .12s}.hanhanRoot.hh-theme-light .practice-setting-slot.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.hanhanRoot.hh-theme-light .sentence-select-compact{grid-template-rows:minmax(0,1fr) 38px;padding-bottom:0;position:relative}.hanhanRoot.hh-theme-light .sentence-review-list-compact{min-height:0;padding:0;overflow-y:auto}.hanhanRoot.hh-theme-light .sentence-select-row-compact{border-bottom:1px solid #eee6dcb8;grid-template-columns:19px 18px minmax(0,1fr);gap:5px;min-height:0;padding:4px 7px}.hanhanRoot.hh-theme-light .sentence-select-row-compact .sentence-review-index{padding-top:1px;font-size:8.8px;line-height:1.08}.hanhanRoot.hh-theme-light .sentence-select-row-compact .sentence-review-ko{margin:0;font-size:13.4px;line-height:1.16}.hanhanRoot.hh-theme-light .sentence-select-row-compact .sentence-review-vn{margin-top:1px;font-size:10.7px;line-height:1.14}.hanhanRoot.hh-theme-light .sentence-check-compact{border-radius:5px;width:17px;height:17px;padding:0;font-size:8px}.hanhanRoot.hh-theme-light .sentence-bottom-bar{z-index:15;background:#fffaf4;border-top:1px solid #eee6dc;align-items:center;gap:4px;height:38px;padding:3px 6px;display:flex;position:sticky;bottom:0}.hanhanRoot.hh-theme-light .sentence-bottom-groups{scrollbar-width:none;flex:auto;gap:3px;min-width:0;display:flex;overflow-x:auto}.hanhanRoot.hh-theme-light .sentence-bottom-groups::-webkit-scrollbar{display:none}.hanhanRoot.hh-theme-light .sentence-bottom-groups button,.hanhanRoot.hh-theme-light .sentence-play-btn{color:#6f5c49;cursor:pointer;background:#fffaf4;border:1px solid #dacdbe;border-radius:7px;flex:none;height:29px;font-size:8.8px;font-weight:900}.hanhanRoot.hh-theme-light .sentence-bottom-groups button{padding:0 7px}.hanhanRoot.hh-theme-light .sentence-bottom-groups button.active{color:#493e34;background:#eee6dc;border-color:#b8a590}.hanhanRoot.hh-theme-light .sentence-play-btn{color:#493e34;background:#eee6dc;border-color:#b8a590;width:34px;font-size:13px}.hanhanRoot.hh-theme-light .sentence-play-btn:disabled{opacity:.28;cursor:not-allowed}.hanhanRoot.hh-theme-light .selected-count-bottom{justify-content:center;align-items:center;min-width:44px;height:29px;padding:0 6px;font-size:9px;display:flex}.hanhanRoot.hh-theme-light .sentence-review-status{z-index:12;pointer-events:none;min-height:0;margin:0;font-size:8px;position:absolute;bottom:39px;left:8px}.hanhanRoot.hh-theme-light .practice-settings-overlay{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f8f4edb8;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.hanhanRoot.hh-theme-light .practice-settings-modal{background:#fffaf4;border:1px solid #dacdbe;border-radius:15px;width:min(350px,92vw);padding:17px 15px 15px;position:relative;box-shadow:0 18px 52px #00000073}.hanhanRoot.hh-theme-light .practice-settings-close{color:#917e66;cursor:pointer;background:0 0;border:0;width:28px;height:28px;font-size:22px;line-height:1;position:absolute;top:8px;right:9px}@media (width<=360px){.hanhanRoot.hh-theme-light .sentence-select-row-compact{grid-template-columns:18px 16px minmax(0,1fr);gap:4px;padding:4px 6px}.hanhanRoot.hh-theme-light .sentence-bottom-groups button{padding-inline:6px;font-size:8px}.hanhanRoot.hh-theme-light .selected-count-bottom{min-width:41px;font-size:8.5px}}.hanhanRoot.hh-theme-light .practice-countdown{color:#493e34;font-variant-numeric:tabular-nums;background:#fffaf4;border:1px solid #dacdbe;border-radius:50%;place-items:center;width:88px;height:88px;margin-top:16px;font-size:34px;font-weight:950;line-height:1;display:grid}.hanhanRoot.hh-theme-light .practice-player-actions{grid-template-columns:1fr 1.35fr;gap:8px;width:min(300px,92%);margin-top:18px;display:grid}.hanhanRoot.hh-theme-light .practice-player-actions .practice-next-btn,.hanhanRoot.hh-theme-light .practice-exit-btn{cursor:pointer;border-radius:10px;width:100%;min-width:0;height:43px;margin:0;font-size:11px;font-weight:950}.hanhanRoot.hh-theme-light .practice-exit-btn{color:#6f5c49;background:#fffaf4;border:1px solid #dacdbe}.hanhanRoot.hh-theme-light .practice-player-actions .practice-next-btn{color:#493e34;background:#f6f0e8;border:1px solid #b8a590}@media (height<=680px){.hanhanRoot.hh-theme-light .practice-countdown{width:72px;height:72px;margin-top:10px;font-size:29px}.hanhanRoot.hh-theme-light .practice-player-actions{margin-top:12px}}.hanhanRoot.hh-theme-light .hanhan-app{grid-template-rows:minmax(0,1fr) 54px}.hanhanRoot.hh-theme-light .hanhan-app.has-subnav{grid-template-rows:minmax(0,1fr) 36px 54px}.hanhanRoot.hh-theme-light .hanhan-app.player-active{grid-template-rows:minmax(0,1fr)}.hanhanRoot.hh-theme-light .sub-stage-nav{border-top:1px solid var(--line);background:#fffaf4;justify-content:center;align-items:center;gap:8px;padding:3px 12px 4px;display:flex}.hanhanRoot.hh-theme-light .sub-stage-nav button{color:#917e66;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;width:48px;height:28px;font-size:11px;font-weight:950}.hanhanRoot.hh-theme-light .sub-stage-nav button.active{color:#493e34;background:#f6f0e8;border-color:#dacdbe}.hanhanRoot.hh-theme-light .battle-subnav button{width:58px}.hanhanRoot.hh-theme-light .bottom-main-nav{min-height:54px;padding:3px 6px calc(3px + env(safe-area-inset-bottom));z-index:40;background:#f8f4ed;border-top:1px solid #eee6dc;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;box-shadow:0 -7px 22px #f8f4ed2e}.hanhanRoot.hh-theme-light .bottom-main-nav button{color:#917e66;cursor:pointer;background:0 0;border:0;border-radius:9px;min-width:0;font-size:11px;font-weight:900;position:relative}.hanhanRoot.hh-theme-light .bottom-main-nav button.active{color:#493e34;background:#f6f0e8}.hanhanRoot.hh-theme-light .bottom-main-nav button.active:before{content:"";background:#457caa;border-radius:999px;height:2px;position:absolute;top:2px;left:32%;right:32%}.hanhanRoot.hh-theme-light .words-screen-layout{height:100%;min-height:0}.hanhanRoot.hh-theme-light .lesson-topic-line{white-space:nowrap;text-overflow:ellipsis;color:#917e66;letter-spacing:.01em;border-bottom:1px solid #f6f0e8;align-items:center;gap:6px;min-width:0;padding:0 2px;font-size:9.5px;font-weight:800;display:flex;overflow:hidden}.hanhanRoot.hh-theme-light .lesson-topic-line span,.hanhanRoot.hh-theme-light .lesson-topic-line strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hanhanRoot.hh-theme-light .lesson-topic-line strong{color:#6f5c49;font-weight:900}.hanhanRoot.hh-theme-light .lesson-topic-sep{color:#b8a590;flex:none}.hanhanRoot.hh-theme-light .explain-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:24px;display:flex}.hanhanRoot.hh-theme-light .explain-placeholder strong{color:#493e34;font-size:20px;font-weight:950}.hanhanRoot.hh-theme-light .explain-placeholder span{color:#917e66;max-width:280px;font-size:11px;font-weight:700;line-height:1.45}@media (width<=360px){.hanhanRoot.hh-theme-light .bottom-main-nav{padding-inline:3px}.hanhanRoot.hh-theme-light .bottom-main-nav button{font-size:10px}.hanhanRoot.hh-theme-light .sub-stage-nav{gap:6px}}.hanhanRoot.hh-theme-light .explain-screen{padding:0}.hanhanRoot.hh-theme-light .root-explain-screen{background:#fffaf4;height:100%;min-height:0;overflow:hidden}.hanhanRoot.hh-theme-light .root-explain-sheet{overscroll-behavior:contain;scrollbar-width:thin;background:#fffaf4;height:100%;min-height:0;padding:0 0 14px;overflow-y:auto}.hanhanRoot.hh-theme-light .root-explain-row{background:#fffaf4;border-bottom:1px solid #eee6dc}.hanhanRoot.hh-theme-light .root-explain-row:first-child{border-top:1px solid #eee6dc}.hanhanRoot.hh-theme-light .root-explain-summary{width:100%;min-height:67px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:35px minmax(0,1fr) 28px;align-items:stretch;padding:0;display:grid}.hanhanRoot.hh-theme-light .root-explain-index{color:#917e66;border-right:1px solid #eee6dc;place-items:center;font-size:8px;font-weight:800;display:grid}.hanhanRoot.hh-theme-light .root-explain-main{flex-direction:column;justify-content:center;gap:7px;min-width:0;padding:9px 8px 8px 13px;display:flex}.hanhanRoot.hh-theme-light .root-explain-title{align-items:baseline;gap:12px;min-width:0;display:flex}.hanhanRoot.hh-theme-light .root-explain-korean{color:#493e34;flex:none;font-size:24px;font-weight:850;line-height:1}.hanhanRoot.hh-theme-light .root-explain-hanviet{color:#493e34;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:800;overflow:hidden}.hanhanRoot.hh-theme-light .root-explain-used{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.hanhanRoot.hh-theme-light .root-explain-used span{color:#493e34;background:#f6f0e8;border:1px solid #dacdbe;border-radius:5px;align-items:center;min-height:20px;padding:1px 7px;font-size:10px;font-weight:750;display:inline-flex}.hanhanRoot.hh-theme-light .root-explain-chevron{color:#917e66;place-items:center;font-size:18px;transition:transform .16s,color .16s;display:grid}.hanhanRoot.hh-theme-light .root-explain-row.is-open .root-explain-chevron{color:#493e34;transform:rotate(180deg)}.hanhanRoot.hh-theme-light .root-explain-row.is-open{background:#fffaf4}.hanhanRoot.hh-theme-light .root-explain-detail{border-top:1px solid #eee6dc;margin-left:35px;padding:0 10px 11px 13px}.hanhanRoot.hh-theme-light .root-explain-text,.hanhanRoot.hh-theme-light .root-explain-empty-note{color:#493e34;margin:0;padding:10px 0 9px;font-size:11.2px;font-weight:600;line-height:1.5}.hanhanRoot.hh-theme-light .root-explain-empty-note{color:#917e66;font-style:italic}.hanhanRoot.hh-theme-light .root-other-section-label{color:#493e34;margin:1px 0 5px;font-size:9.5px;font-weight:800;line-height:1.2}.hanhanRoot.hh-theme-light .root-other-table{background:#fffaf4;border:1px solid #dacdbe;border-radius:7px;overflow:hidden}.hanhanRoot.hh-theme-light .root-other-table-head,.hanhanRoot.hh-theme-light .root-other-row{grid-template-columns:88px minmax(0,1fr);display:grid}.hanhanRoot.hh-theme-light .root-other-table-head{color:#917e66;background:#f6f0e8;border-bottom:1px solid #dacdbe;min-height:22px;font-size:8px;font-weight:850}.hanhanRoot.hh-theme-light .root-other-table-head span,.hanhanRoot.hh-theme-light .root-other-row>*{text-align:left;align-items:center;min-width:0;padding:4px 7px;display:flex}.hanhanRoot.hh-theme-light .root-other-table-head span:first-child,.hanhanRoot.hh-theme-light .root-other-row>:first-child{border-right:1px solid #dacdbe}.hanhanRoot.hh-theme-light .root-other-row{width:100%;min-height:30px;color:inherit;cursor:pointer;background:#fffaf4;border:0;border-bottom:1px solid #eee6dc;padding:0}.hanhanRoot.hh-theme-light .root-other-row:last-child{border-bottom:0}.hanhanRoot.hh-theme-light .root-other-row:active{background:#f6f0e8}.hanhanRoot.hh-theme-light .root-other-row strong{color:#493e34;font-size:10.4px;font-weight:800}.hanhanRoot.hh-theme-light .root-other-row span{color:#6f5c49;font-size:10.2px;font-weight:600;line-height:1.28}.hanhanRoot.hh-theme-light .root-other-preview-backdrop{z-index:90;background:#f8f4edc2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.hanhanRoot.hh-theme-light .root-other-preview-sheet{text-align:center;background:#f6f0e8;border:1px solid #dacdbe;border-radius:14px;width:min(340px,100vw - 40px);padding:22px 18px 18px;position:relative;box-shadow:0 22px 70px #00000057}.hanhanRoot.hh-theme-light .root-other-preview-close{color:#493e34;background:#f6f0e8;border:1px solid #dacdbe;border-radius:8px;width:28px;height:28px;padding:0;font-size:18px;position:absolute;top:8px;right:8px}.hanhanRoot.hh-theme-light .root-other-preview-ko{color:#493e34;font-size:30px;font-weight:850}.hanhanRoot.hh-theme-light .root-other-preview-hv{color:#493e34;margin-top:7px;font-size:15px;font-weight:800}.hanhanRoot.hh-theme-light .root-other-preview-vi{color:#6f5c49;margin-top:4px;font-size:12px;font-weight:600}.hanhanRoot.hh-theme-light .root-other-preview-note{color:#917e66;border-top:1px solid #dacdbe;margin-top:14px;padding-top:11px;font-size:9px;font-weight:600}@media (width<=360px){.hanhanRoot.hh-theme-light .root-explain-summary{grid-template-columns:31px minmax(0,1fr) 25px}.hanhanRoot.hh-theme-light .root-explain-detail{margin-left:31px;padding-left:10px}.hanhanRoot.hh-theme-light .root-explain-main{padding-left:10px}.hanhanRoot.hh-theme-light .root-explain-korean{font-size:22px}.hanhanRoot.hh-theme-light .root-explain-hanviet{font-size:12px}}.hanhanRoot.hh-theme-light .video-screen{background:#f8f4ed}.hanhanRoot.hh-theme-light .bottom-main-nav .main-nav-icon{place-items:center;min-width:16px;font-size:13px;line-height:1;display:inline-grid}.hanhanRoot.hh-theme-light .dashboard-app{background:linear-gradient(#f8f4ed 0%,#fffaf4 100%);grid-template-rows:52px minmax(0,1fr) 38px 54px;width:min(430px,100vw);height:100dvh;margin:0 auto;display:grid;overflow:hidden}.hanhanRoot.hh-theme-light .dashboard-header{border-bottom:1px solid var(--line);background:#fffaf4;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;padding:0 8px;display:grid}.hanhanRoot.hh-theme-light .dashboard-header h1{color:#493e34;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:950;line-height:1;overflow:hidden}.hanhanRoot.hh-theme-light .dashboard-home{color:#6f5c49;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:36px;height:36px;padding:0;display:grid}.hanhanRoot.hh-theme-light .dashboard-home:active{color:#493e34;background:#f6f0e8}.hanhanRoot.hh-theme-light .dashboard-home svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.hanhanRoot.hh-theme-light .dashboard-content{min-height:0;padding:8px 10px 6px;overflow:hidden}.hanhanRoot.hh-theme-light .lesson-grid{grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;height:100%;display:grid}.hanhanRoot.hh-theme-light .lesson-tile{min-width:0;min-height:0;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(#f6f0e8e0,#fffaf4eb);border:1px solid #4ab2b56b;border-radius:10px;align-items:center;padding:0 10px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #493e3405,0 0 0 1px #fffaf41f}.hanhanRoot.hh-theme-light .lesson-tile:active{background:linear-gradient(#eee6dcf5,#f6f0e8f5);border-color:#4cbdbca3}.hanhanRoot.hh-theme-light .lesson-tile-label{color:#493e34;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:820;line-height:1.2;overflow:hidden}.hanhanRoot.hh-theme-light .dashboard-state{height:100%;color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:13px;font-weight:850;display:flex}.hanhanRoot.hh-theme-light .dashboard-state-error{flex-direction:column;gap:12px}.hanhanRoot.hh-theme-light .dashboard-state-error button{color:#493e34;cursor:pointer;background:#fffaf4;border:1px solid #dacdbe;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900}.hanhanRoot.hh-theme-light .dashboard-pager{background:#fffaf4;border-top:1px solid #f6f0e8;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;padding:2px 10px 3px;display:grid}.hanhanRoot.hh-theme-light .dashboard-pager span{color:#917e66;text-align:center;letter-spacing:.04em;font-size:10px;font-weight:900}.hanhanRoot.hh-theme-light .dashboard-pager button{color:#6f5c49;cursor:pointer;background:0 0;border:0;border-radius:8px;height:29px;font-size:22px;line-height:1}.hanhanRoot.hh-theme-light .dashboard-pager button:not(:disabled):active{color:#493e34;background:#f6f0e8}.hanhanRoot.hh-theme-light .dashboard-pager button:disabled{opacity:.22;cursor:default}.hanhanRoot.hh-theme-light .dashboard-bottom-nav{padding:3px 7px calc(3px + env(safe-area-inset-bottom));background:#f8f4ed;border-top:1px solid #eee6dc;grid-template-columns:1fr;display:grid;box-shadow:0 -7px 22px #f8f4ed2e}.hanhanRoot.hh-theme-light .dashboard-bottom-nav button{color:#917e66;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:900;display:flex}.hanhanRoot.hh-theme-light .dashboard-bottom-nav button:active{color:#493e34;background:#f6f0e8}.hanhanRoot.hh-theme-light .dashboard-bottom-nav svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:17px;height:17px}.hanhanRoot.hh-theme-light .search-panel-layer{z-index:100;position:fixed;inset:0}.hanhanRoot.hh-theme-light .search-panel-scrim{background:#f8f4edb8;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.hanhanRoot.hh-theme-light .search-panel{background:#fffaf4;border:1px solid #dacdbe;border-bottom:0;border-radius:16px 16px 0 0;grid-template-rows:48px 50px 38px 34px minmax(0,1fr);width:min(430px,100vw);height:95dvh;display:grid;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 -18px 60px #0006}.hanhanRoot.hh-theme-light .search-panel-head{background:#fffaf4;border-bottom:1px solid #eee6dc;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;padding:0 5px;display:grid}.hanhanRoot.hh-theme-light .search-panel-head strong{color:#493e34;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:950;overflow:hidden}.hanhanRoot.hh-theme-light .search-panel-head button{color:#6f5c49;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-self:center;width:34px;height:34px;padding:0;line-height:1}.hanhanRoot.hh-theme-light .search-panel-head button:active{color:#493e34;background:#f6f0e8}.hanhanRoot.hh-theme-light .search-panel-back{font-size:27px}.hanhanRoot.hh-theme-light .search-panel-back.is-hidden{visibility:hidden;pointer-events:none}.hanhanRoot.hh-theme-light .search-panel-close{font-size:24px}.hanhanRoot.hh-theme-light .search-query-toolbar{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:7px 9px 5px;display:grid;position:relative}.hanhanRoot.hh-theme-light .search-tools-button{cursor:pointer;background:linear-gradient(#f6f0e8e0,#fffaf4e6);border:1px solid #4ab2b557;border-radius:10px;align-content:center;gap:4px;width:38px;height:38px;padding:0 10px;display:grid}.hanhanRoot.hh-theme-light .search-tools-button span{background:#6f5c49;border-radius:999px;height:2px;display:block}.hanhanRoot.hh-theme-light .search-tools-button.active,.hanhanRoot.hh-theme-light .search-tools-button:active{background:#eee6dc;border-color:#51b8b794}.hanhanRoot.hh-theme-light .search-tools-popover{z-index:5;background:#fffaf4;border:1px solid #dacdbe;border-radius:10px;gap:4px;width:180px;padding:10px 11px;display:grid;position:absolute;top:48px;left:9px;box-shadow:0 12px 30px #00000052}.hanhanRoot.hh-theme-light .search-tools-popover strong{color:#493e34;font-size:11px;font-weight:900}.hanhanRoot.hh-theme-light .search-tools-popover span{color:#917e66;font-size:10px;font-weight:750}.hanhanRoot.hh-theme-light .search-query-row{background:linear-gradient(#f6f0e8e6,#fffaf4eb);border:1px solid #4ab2b561;border-radius:11px;grid-template-columns:26px minmax(0,1fr) 32px;align-items:center;min-width:0;display:grid}.hanhanRoot.hh-theme-light .search-query-icon{color:#519cb8;place-items:center;font-size:20px;display:grid}.hanhanRoot.hh-theme-light .search-query-row input{color:#493e34;min-width:0;height:36px;font:inherit;background:0 0;border:0;outline:0;padding:0 2px;font-size:12px;font-weight:760}.hanhanRoot.hh-theme-light .search-query-row input::placeholder{color:#917e66}.hanhanRoot.hh-theme-light .search-query-row button{color:#917e66;cursor:pointer;background:0 0;border:0;border-radius:8px;width:30px;height:30px;padding:0;font-size:20px}.hanhanRoot.hh-theme-light .search-stepbar{background:#fffaf4;border-top:1px solid #eee6dca6;border-bottom:1px solid #eee6dc;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.hanhanRoot.hh-theme-light .search-stepbar button{color:#917e66;letter-spacing:.01em;cursor:pointer;background:0 0;border:0;border-right:1px solid #eee6dcb3;min-width:0;height:34px;padding:0 4px;font-size:10px;font-weight:900}.hanhanRoot.hh-theme-light .search-stepbar button:last-child{border-right:0}.hanhanRoot.hh-theme-light .search-stepbar button.active{color:#317d78;background:#b8a5901f;box-shadow:inset 0 -2px #51b8b7}.hanhanRoot.hh-theme-light .search-stepbar button:disabled{cursor:default;opacity:.48}.hanhanRoot.hh-theme-light .search-stepbar button.active:disabled{opacity:1}.hanhanRoot.hh-theme-light .search-panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dacdbe transparent;min-height:0;overflow-y:auto}.hanhanRoot.hh-theme-light .search-state{color:#917e66;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:100%;padding:24px;font-size:11px;font-weight:760;line-height:1.45;display:flex}.hanhanRoot.hh-theme-light .search-state strong{color:#6f5c49;font-size:12px;font-weight:900}.hanhanRoot.hh-theme-light .search-state.compact{min-height:120px}.hanhanRoot.hh-theme-light .search-state-error button{color:#493e34;cursor:pointer;background:#f6f0e8;border:1px solid #dacdbe;border-radius:999px;margin-top:4px;padding:7px 13px;font-size:10px;font-weight:900}.hanhanRoot.hh-theme-light .search-result-list,.hanhanRoot.hh-theme-light .search-word-stage,.hanhanRoot.hh-theme-light .search-word-detail{padding:8px 9px 16px}.hanhanRoot.hh-theme-light .search-sound-group,.hanhanRoot.hh-theme-light .search-direct-group{background:#fffaf4d1;border:1px solid #b8a59047;border-radius:11px;margin-bottom:8px;overflow:hidden}.hanhanRoot.hh-theme-light .search-sound-title,.hanhanRoot.hh-theme-light .search-section-title{color:#51a9b8;letter-spacing:.04em;border-bottom:1px solid #b8a5902e;padding:7px 10px;font-size:10px;font-weight:950}.hanhanRoot.hh-theme-light .search-meaning-row,.hanhanRoot.hh-theme-light .search-direct-word,.hanhanRoot.hh-theme-light .search-word-row{width:100%;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b8a59024;position:relative}.hanhanRoot.hh-theme-light .search-meaning-row:last-child,.hanhanRoot.hh-theme-light .search-direct-word:last-child,.hanhanRoot.hh-theme-light .search-word-row:last-child{border-bottom:0}.hanhanRoot.hh-theme-light .search-meaning-row:active,.hanhanRoot.hh-theme-light .search-direct-word:active,.hanhanRoot.hh-theme-light .search-word-row:active{background:#b8a5901f}.hanhanRoot.hh-theme-light .search-meaning-row{grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:7px;min-height:46px;padding:7px 8px 7px 10px;display:grid}.hanhanRoot.hh-theme-light .search-meaning-label{white-space:nowrap;align-items:baseline;gap:5px;min-width:0;display:flex;overflow:hidden}.hanhanRoot.hh-theme-light .search-meaning-label strong{color:#493e34;font-size:14px;font-weight:950}.hanhanRoot.hh-theme-light .search-meaning-label>span{color:#b8a590;font-size:10px}.hanhanRoot.hh-theme-light .search-meaning-label b{color:#51b8b4;font-size:11px;font-weight:900}.hanhanRoot.hh-theme-light .search-meaning-label em{color:#917e66;text-overflow:ellipsis;font-size:10px;font-style:normal;font-weight:760;overflow:hidden}.hanhanRoot.hh-theme-light .search-meaning-row small{color:#917e66;text-align:center;background:#f6f0e8;border-radius:999px;min-width:22px;padding:3px 5px;font-size:9px;font-weight:900}.hanhanRoot.hh-theme-light .search-row-arrow{color:#917e66;font-size:18px}.hanhanRoot.hh-theme-light .search-direct-word{grid-template-columns:auto auto minmax(0,1fr) 16px;align-items:center;gap:7px;min-height:50px;padding:7px 8px 7px 10px;display:grid}.hanhanRoot.hh-theme-light .search-direct-word strong{color:#493e34;font-size:14px;font-weight:950}.hanhanRoot.hh-theme-light .search-direct-word>span:not(.search-row-arrow){color:#51b8b4;font-size:10px;font-weight:880}.hanhanRoot.hh-theme-light .search-direct-word em{color:#917e66;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-style:normal;font-weight:760;overflow:hidden}.hanhanRoot.hh-theme-light .search-selected-meaning{background:linear-gradient(#eee6dce0,#fffaf4eb);border:1px solid #4ab5b561;border-radius:10px;margin-bottom:8px;padding:10px 11px}.hanhanRoot.hh-theme-light .search-root-explanation{color:#6f5c49;border-top:1px solid #51b5b829;margin:8px 0 0;padding-top:8px;font-size:11px;font-weight:720;line-height:1.55}.hanhanRoot.hh-theme-light .search-word-list{background:#fffaf4c2;border:1px solid #b8a5903d;border-radius:11px;overflow:hidden}.hanhanRoot.hh-theme-light .search-word-row{grid-template-columns:minmax(100px,auto) minmax(0,1fr) auto 16px;align-items:center;gap:8px;min-height:58px;padding:7px 8px 7px 10px;display:grid}.hanhanRoot.hh-theme-light .search-word-row>div{align-items:baseline;gap:6px;min-width:0;display:flex}.hanhanRoot.hh-theme-light .search-word-row strong{color:#493e34;font-size:15px;font-weight:950}.hanhanRoot.hh-theme-light .search-word-row>div span{color:#6f5c49;font-size:10px;font-weight:900}.hanhanRoot.hh-theme-light .search-word-row em{color:#917e66;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-style:normal;font-weight:760;overflow:hidden}.hanhanRoot.hh-theme-light .search-word-row small{color:#b8a590;white-space:nowrap;font-size:9px;font-weight:800}.hanhanRoot.hh-theme-light .search-word-detail header{background:linear-gradient(#eee6dceb,#fffaf4f0);border:1px solid #4ab2b56b;border-radius:12px;grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:9px;padding:15px 13px;display:grid}.hanhanRoot.hh-theme-light .search-word-detail header strong{color:#493e34;font-size:22px;font-weight:950}.hanhanRoot.hh-theme-light .search-word-detail header b{color:#327b77;font-size:12px;font-weight:900}.hanhanRoot.hh-theme-light .search-word-detail header span{color:#6f5c49;font-size:11px;font-weight:780}.hanhanRoot.hh-theme-light .search-word-detail section{background:#fffaf4c2;border:1px solid #b8a59040;border-radius:11px;margin-top:9px;padding:11px}.hanhanRoot.hh-theme-light .search-word-detail section>label{color:#917e66;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:950;display:block}.hanhanRoot.hh-theme-light .search-root-list{gap:6px;display:grid}.hanhanRoot.hh-theme-light .search-root-list>div{grid-template-columns:34px 52px minmax(0,1fr);align-items:baseline;gap:7px;display:grid}.hanhanRoot.hh-theme-light .search-root-list strong{color:#493e34;font-size:15px;font-weight:950}.hanhanRoot.hh-theme-light .search-root-list b{color:#51b8b2;font-size:10px;font-weight:900}.hanhanRoot.hh-theme-light .search-root-list span{color:#917e66;font-size:10px;font-weight:750;line-height:1.35}.hanhanRoot.hh-theme-light .search-example-list{gap:8px;display:grid}.hanhanRoot.hh-theme-light .search-example-list>div{gap:3px;display:grid}.hanhanRoot.hh-theme-light .search-example-list strong{color:#493e34;font-size:11px;font-weight:900;line-height:1.35}.hanhanRoot.hh-theme-light .search-example-list span{color:#917e66;font-size:10px;font-weight:720;line-height:1.35}.hanhanRoot.hh-theme-light .search-word-detail footer{color:#917e66;border-top:1px solid #eee6dc;margin-top:10px;padding:9px 10px;font-size:10px;font-weight:850}.hanhanRoot.hh-theme-light .player-back-inline{color:#917e66}.hanhanRoot.hh-theme-light .player-back-inline:active{color:#493e34;background:#f6f0e8}@media (width<=360px){.hanhanRoot.hh-theme-light .dashboard-content{padding-inline:7px}.hanhanRoot.hh-theme-light .lesson-grid{gap:4px}.hanhanRoot.hh-theme-light .lesson-tile{padding-inline:7px}.hanhanRoot.hh-theme-light .lesson-tile-label{font-size:12px}}.hanhanRoot.hh-theme-light .search-empty-home{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:100%;padding:28px 20px 54px;display:flex}.hanhanRoot.hh-theme-light .search-empty-mark{color:#51b5b8;background:linear-gradient(#eee6dcd9,#fffaf4e6);border:1px solid #48acb052;border-radius:18px;place-items:center;width:54px;height:54px;margin-bottom:5px;font-size:27px;line-height:1;display:grid}.hanhanRoot.hh-theme-light .search-empty-home>strong{color:#493e34;font-size:14px;font-weight:900}.hanhanRoot.hh-theme-light .search-empty-home>span{color:#917e66;font-size:11px;font-weight:760}.hanhanRoot.hh-theme-light .search-empty-hints{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:min(310px,100%);margin-top:12px;display:grid}.hanhanRoot.hh-theme-light .search-empty-hints div{background:#f6f0e894;border:1px solid #b8a59047;border-radius:10px;place-items:center;gap:4px;min-width:0;padding:10px 5px 9px;display:grid}.hanhanRoot.hh-theme-light .search-empty-hints b{color:#493e34;font-size:13px;font-weight:900}.hanhanRoot.hh-theme-light .search-empty-hints small{color:#917e66;white-space:nowrap;font-size:9px;font-weight:800}.hanhanRoot.hh-theme-light .search-tools-popover{gap:5px;padding:6px}.hanhanRoot.hh-theme-light .search-tools-popover>button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;gap:2px;padding:8px 9px;display:grid}.hanhanRoot.hh-theme-light .search-tools-popover>button strong{color:#493e34;font-size:11px;font-weight:900}.hanhanRoot.hh-theme-light .search-tools-popover>button span{color:#917e66;font-size:9px;font-weight:760}.hanhanRoot.hh-theme-light .search-tools-popover>button.active{background:#dacdbe38;border-color:#51b8b857}.hanhanRoot.hh-theme-light .search-tools-popover>button.active strong{color:#317d78}.hanhanRoot.hh-theme-light .search-tools-popover>button:active{background:#dacdbe4d}.hanhanRoot.hh-theme-light .search-stepbar.search-stepbar-specific{grid-template-columns:repeat(2,minmax(0,1fr))}.hanhanRoot.hh-theme-light .search-mode-pill{color:#51b8b4;letter-spacing:.03em;background:#dacdbe26;border:1px solid #51b8b852;border-radius:999px;margin-bottom:2px;padding:4px 9px;font-size:9px;font-weight:950}.hanhanRoot.hh-theme-light .search-empty-hints.search-empty-hints-specific{grid-template-columns:repeat(2,minmax(0,1fr));width:min(250px,100%)}.hanhanRoot.hh-theme-light .search-specific-group{margin-bottom:0}.hanhanRoot.hh-theme-light .search-mode-switch{background:#fffaf4;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-width:0;padding:3px 9px 5px 53px;display:grid}.hanhanRoot.hh-theme-light .search-mode-switch button{color:#917e66;cursor:pointer;background:#fffaf4b3;border:1px solid #b8a5903d;border-radius:8px;min-width:0;height:30px;padding:0 8px;font-size:10.5px;font-weight:900}.hanhanRoot.hh-theme-light .search-mode-switch button.active{color:#327b77;background:#dacdbe47;border-color:#51b8b67a}.hanhanRoot.hh-theme-light .search-mode-switch button:active{background:#dacdbe59}.hanhanRoot.hh-theme-light .search-tools-popover.search-tools-popover-empty{gap:3px;width:172px;padding:9px 10px}.hanhanRoot.hh-theme-light .search-tools-popover.search-tools-popover-empty>strong{color:#493e34;font-size:11px;font-weight:900}.hanhanRoot.hh-theme-light .search-tools-popover.search-tools-popover-empty>span{color:#917e66;font-size:9.5px;font-weight:760}:root{color:#453b32;font-synthesis:none;background:#eee8df;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#eee8df;min-width:320px;margin:0}button{font:inherit;cursor:pointer}.app{background:#f8f4ed;width:min(100%,520px);min-height:100vh;margin:0 auto;padding:14px 14px 82px}.topbar{text-align:center;grid-template-columns:48px 1fr 48px;align-items:center;height:48px;display:grid}.topbar strong{letter-spacing:.03em;font-size:15px}.iconBtn{color:#6f5c49;background:#fffaf4;border:1px solid #d9ccbd;border-radius:12px;width:40px;height:40px;font-size:22px}.homeScreen{flex-direction:column;justify-content:center;gap:28px;display:flex}.homeBrand{text-align:center}.homeBrand small{color:#907c66;letter-spacing:.12em;font-size:11px;font-weight:900}.homeBrand h1{margin:7px 0 0;font-size:32px}.homeChoices{gap:12px;display:grid}.homeChoices button{color:#493e34;background:#fffaf4;border:1px solid #d9ccbd;border-radius:20px;place-content:center;gap:5px;min-height:112px;display:grid}.homeChoices b{font-size:20px}.homeChoices span{color:#918272;font-size:12px}.oldDaysLayout{grid-template-rows:minmax(270px,1fr) auto minmax(220px,.78fr);gap:7px;height:calc(100vh - 154px);display:grid}.sentencePanel,.pickerPanel{background:#fffaf4;border:1px solid #ded2c4;border-radius:15px;min-height:0;overflow:hidden}.panelHead,.pickerHead{border-bottom:1px solid #eadfd3;justify-content:space-between;align-items:center;height:42px;padding:6px 9px;display:flex}.panelHead>div{gap:1px;display:grid}.panelHead small{letter-spacing:.08em;color:#998a7b;font-size:8px;font-weight:950}.panelHead b,.pickerHead b{font-size:11px}.pickerHead span{color:#8d7965;font-size:9px;font-weight:800}.practiceBtn{color:#fff;background:#79634c;border:1px solid #947b60;border-radius:9px;height:30px;padding:0 13px;font-size:9px;font-weight:950}.practiceBtn:disabled{opacity:.35}.sentenceScroll{height:calc(100% - 42px);padding:7px;overflow:auto}.sentenceRow{grid-template-columns:40px minmax(0,1fr);gap:6px;margin-bottom:6px;display:grid}.dayRail{text-align:center;color:#6d5948;background:#ded2c4;border-radius:9px;place-content:center;display:grid}.dayRail b{font-size:10px}.dayRail span{font-size:7px}.sentenceCard{background:#fff;border:1px solid #e2d8cc;border-radius:9px;gap:1px;min-width:0;padding:7px 9px;display:grid}.sentenceCard b{white-space:nowrap;text-overflow:ellipsis;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:13px;overflow:hidden}.sentenceCard span{color:#756a5f;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.sentenceCard small{color:#a08e7b;font-size:7px}.brandLine{text-align:center;letter-spacing:.1em;color:#8e7c69;font-size:8px;font-weight:950}.brandLine span{opacity:.6}.weeksGrid{height:calc(100% - 42px);overflow:auto}.weekRow{border-bottom:1px solid #eee4d8;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:4px;padding:6px;display:grid}.weekRow>b{text-align:center;color:#817365;font-size:9px}.dayButtons{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.dayButtons button,.topicGrid button{color:#756351;background:#f3ede5;border:1px solid #d9ccbd;border-radius:8px;min-height:34px;font-size:9px;font-weight:900}.dayButtons button.selected,.topicGrid button.selected{color:#4e4135;background:#cbb9a2;border-color:#9f876c}.topicGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;height:calc(100% - 42px);padding:8px;display:grid;overflow:auto}.topicGrid button{min-height:42px}.bottomTabs{background:#f8f4ed;border-top:1px solid #dfd5c9;grid-template-columns:1fr 1fr;gap:6px;width:min(100%,520px);padding:9px 14px 12px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottomTabs button{color:#806e5d;background:#eae2d9;border:0;border-radius:13px;height:48px;font-size:13px;font-weight:900}.bottomTabs button.active{color:#fff;background:#79634c}.playerCore{text-align:center;padding-top:15px}.playerCount{color:#988a7c;font-size:11px;font-weight:800}.registerTabs{justify-content:center;gap:5px;margin:16px 0;display:flex}.registerTabs button{color:#756351;background:#f3ede5;border:1px solid #d7c9b9;border-radius:999px;height:35px;padding:0 14px;font-size:10px;font-weight:900}.registerTabs button.active{color:#4e4135;background:#cbb9a2;border-color:#9f876c}.promptCard{background:#fffaf4;border:1px solid #dfd4c7;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.promptCard small{letter-spacing:.08em;color:#8f7d6b;font-size:10px;font-weight:950}.mainPlay{color:#fff;background:#79634c;border:0;border-radius:50%;width:90px;height:90px;margin-top:22px;font-size:30px}.mainPlay.playing{opacity:.75}.playerActions{justify-content:center;gap:7px;margin-top:10px;display:flex}.playerActions button{color:#6e5c4c;background:#fffaf4;border:1px solid #d9ccbd;border-radius:13px;width:58px;height:48px;font-size:21px}.answer{background:#fffaf4;border:1px solid #dfd4c7;border-radius:13px;margin-top:14px;padding:10px}.answer summary{cursor:pointer;color:#8b7967;font-size:10px;font-weight:900}.answer b,.answer span{margin-top:8px;display:block}.answer b{font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:18px}.answer span{color:#827467;font-size:11px}.dialogueList{gap:9px;padding-top:10px;display:grid}.dialogueList button{color:#4f4338;text-align:left;background:#fffaf4;border:1px solid #ded2c4;border-radius:15px;justify-content:space-between;align-items:center;min-height:72px;padding:13px 15px;display:flex}.dialogueList b{font-size:14px}.dialogueList span{color:#938370;font-size:9px}.dialogueHint{color:#8c7b68;background:#eee6dc;border-radius:12px;margin-top:12px;padding:10px;font-size:9px;line-height:1.5}.roleplayCard{background:#fffaf4;border:1px solid #ded2c4;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;margin-top:20px;padding:20px;display:flex}.roleBadge{background:#ded2c4;border-radius:999px;padding:7px 13px;font-size:10px;font-weight:950}.dialogueProgress{color:#958676;margin-top:12px;font-size:10px}.roleplayState{place-items:center;min-height:80px;font-size:18px;font-weight:950;display:grid}.roleplayMain{color:#fff;background:#79634c;border:0;border-radius:14px;min-width:160px;height:48px;font-size:12px;font-weight:950}.emptyState{color:#9a8b7d;place-items:center;height:100%;min-height:100px;font-size:11px;display:grid}@media (width<=390px){.app,.bottomTabs{padding-left:9px;padding-right:9px}.oldDaysLayout{grid-template-rows:minmax(245px,1fr) auto minmax(210px,.78fr);height:calc(100vh - 150px)}.weekRow{grid-template-columns:48px minmax(0,1fr);padding:5px 4px}.dayButtons button{font-size:8px}.sentenceRow{grid-template-columns:34px minmax(0,1fr)}}.app,.bottomTabs{width:min(100%,760px)}.weekDayScreen,.topicScreen{padding-bottom:10px}.rangeBar{text-align:center;background:#fffaf4;border:1px solid #ded2c4;border-radius:12px;grid-template-columns:44px 1fr 44px;align-items:center;height:44px;margin:2px 0 7px;display:grid}.rangeBar strong{color:#6f5d4c;letter-spacing:.02em;font-size:12px}.rangeArrow{color:#715e4b;background:0 0;border:0;height:42px;font-size:23px;font-weight:800}.rangeArrow:disabled{opacity:.25;cursor:default}.weekPicker4{background:#fffaf4;border:1px solid #ded2c4;border-radius:13px;margin-bottom:8px;overflow:hidden}.weekPickRow{border-bottom:1px solid #eee4d8;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:5px;padding:5px 7px;display:grid}.weekPickRow:last-child{border-bottom:0}.weekPickRow>b{text-align:center;color:#837362;font-size:9px}.weekPickRow.activeWeek>b{color:#594938;font-weight:950}.dayPickButtons{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.dayPickButtons button{color:#756351;background:#f3ede5;border:1px solid #d9ccbd;border-radius:8px;min-height:34px;font-size:9px;font-weight:900}.dayPickButtons button.selected{color:#4e4135;background:#cbb9a2;border-color:#9f876c}.learnedList{gap:4px;display:grid}.learnedDay{background:#fffaf4;border:1px solid #ded2c4;border-radius:11px;overflow:hidden}.learnedDay.open{border-color:#d4c5b3}.learnedDayHead{background:#ede7de;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:38px;display:grid}.dayExpand{color:#716354;text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:7px;min-width:0;min-height:38px;padding:0 8px;display:grid}.dayExpand span{letter-spacing:.05em;font-size:9px;font-weight:950}.dayExpand small{color:#8e7f70;font-size:8px;font-weight:800}.dayExpand i{text-align:center;font-size:11px;font-style:normal}.quickDay{color:#745f4a;white-space:nowrap;background:#fffaf4;border:1px solid #a78f75;border-radius:8px;height:28px;margin-right:6px;padding:0 9px;font-size:8px;font-weight:950}.quickDay:disabled{opacity:.3}.learnedSentences{background:#fff}.learnedSentence{border-top:1px solid #eee5db}.learnedSentence:first-child{border-top:0}.learnedSentenceHead{grid-template-columns:minmax(0,1fr) 34px;align-items:center;min-height:40px;display:grid}.sentenceExpand{text-align:left;color:#51463c;background:#fff;border:0;grid-template-columns:27px minmax(0,1fr) 18px;align-items:center;gap:4px;min-width:0;min-height:40px;padding:0 4px 0 7px;display:grid}.sentenceNo{color:#a08f7d;text-align:center;font-size:9px}.sentenceExpand b{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.sentenceExpand i{color:#887967;text-align:center;font-size:10px;font-style:normal}.quickSentence{color:#705c48;background:#f5efe7;border:1px solid #ccbba8;border-radius:7px;width:27px;height:27px;padding:0;font-size:9px}.variantList{background:#fbf8f3;border-radius:9px;margin:0 8px 7px 28px;padding:3px 0}.variantRow{border-bottom:1px solid #eee7df;grid-template-columns:34px minmax(80px,.8fr) minmax(72px,1fr);align-items:center;gap:5px;min-height:35px;padding:4px 6px;display:grid}.variantRow:last-child{border-bottom:0}.variantRow.playable{cursor:pointer}.variantRow.playable:hover{background:#f5efe7}.variantRow.playable:active{background:#eee5db}.variantRow.playable:focus-visible{outline-offset:-2px;outline:2px solid #b69a7c}.variantLabel{color:#8c7c6d;text-align:center;font-size:7px}.variantRow b{color:#4e4339;white-space:nowrap;text-overflow:ellipsis;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:11px;overflow:hidden}.variantVi{color:#817366;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.audioMini{background:#f5efe7;border:1px solid #ded2c4;border-radius:8px;width:28px;height:28px;padding:0;font-size:11px}.emptyDay{text-align:center;color:#9a8b7d;padding:12px;font-size:9px}.topicScreen{gap:8px;display:grid}.topicTop{background:#fffaf4;border:1px solid #ded2c4;border-radius:12px;justify-content:space-between;align-items:center;height:42px;padding:5px 8px;display:flex}.topicTop strong{font-size:12px}.topicScreen .topicGrid{background:#fffaf4;border:1px solid #ded2c4;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;padding:8px;overflow:visible}.topicSentenceList{background:#fffaf4;border:1px solid #ded2c4;border-radius:12px;overflow:hidden}.topicSentence{border-bottom:1px solid #eee5db;grid-template-columns:28px minmax(0,1fr) 36px;align-items:center;min-height:42px;padding:0 6px;display:grid}.topicSentence:last-child{border-bottom:0}.topicSentence>span{color:#a08f7d;text-align:center;font-size:9px}.topicSentence b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.topicSentence button{color:#705c48;background:#f5efe7;border:1px solid #ccbba8;border-radius:7px;width:27px;height:27px;padding:0;font-size:9px}@media (width>=700px){.app{padding-left:22px;padding-right:22px}.weekDayScreen,.topicScreen,.topbar{max-width:640px;margin:0 auto}.bottomTabs{padding-left:60px;padding-right:60px}.variantRow{grid-template-columns:42px minmax(120px,.8fr) minmax(130px,1fr)}.variantRow b{font-size:13px}.variantVi{font-size:10px}}@media (width<=390px){.rangeBar{height:40px}.rangeArrow{height:38px}.weekPickRow{grid-template-columns:52px minmax(0,1fr);padding:4px}.dayPickButtons{gap:3px}.dayPickButtons button{min-height:32px;font-size:8px}.quickDay{padding:0 7px}.variantList{margin-left:22px;margin-right:5px}.variantRow{grid-template-columns:30px minmax(68px,.9fr) minmax(62px,1fr);gap:3px;padding-left:3px;padding-right:3px}.variantRow b{font-size:10px}.variantVi{font-size:7px}.topicScreen .topicGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.oldDaysFrame{grid-template-rows:minmax(0,1fr) auto 218px;gap:7px;height:calc(100vh - 150px);min-height:0;display:grid}.learnedPanel{background:#fffaf4;border:1px solid #ded2c4;border-radius:15px;grid-template-rows:40px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.learnedPanelHead{border-bottom:1px solid #eadfd3;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.learnedPanelHead>div{gap:1px;display:grid}.learnedPanelHead small{letter-spacing:.08em;color:#998a7b;font-size:7px;font-weight:950}.learnedPanelHead b{color:#66584b;font-size:10px}.learnedPanelScroll{min-height:0;padding:6px;overflow:auto}.learnedPanelScroll::-webkit-scrollbar{width:0;height:0}.weekPickerBottom{background:#fffaf4;border:1px solid #ded2c4;border-radius:15px;grid-template-rows:40px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.rangePickerHead{text-align:center;background:#fffaf4;border-bottom:1px solid #eadfd3;grid-template-columns:42px 1fr 42px;align-items:center;display:grid}.rangePickerHead strong{color:#6f5d4c;letter-spacing:.02em;font-size:10px}.rangePickerHead .rangeArrow{height:39px}.weekPickerRows{grid-template-rows:repeat(4,1fr);min-height:0;display:grid;overflow:hidden}.weekPickerBottom .weekPickRow{grid-template-columns:58px minmax(0,1fr);height:auto;min-height:0;padding:4px 6px}.weekNameBtn{color:#837362;background:0 0;border:0;border-radius:7px;height:100%;min-height:31px;padding:0 2px;font-size:8px;font-weight:900}.activeWeek .weekNameBtn{color:#594938;background:#f0e8de}.weekPickerBottom .dayPickButtons button{min-height:31px}@media (width>=700px){.oldDaysFrame{grid-template-rows:minmax(0,1fr) auto 230px;max-width:640px;height:calc(100vh - 150px);margin:0 auto}}@media (width<=390px){.oldDaysFrame{grid-template-rows:minmax(0,1fr) auto 210px;height:calc(100vh - 146px)}.weekPickerBottom .weekPickRow{grid-template-columns:48px minmax(0,1fr);padding:3px 4px}.weekNameBtn{font-size:7px}.weekPickerBottom .dayPickButtons button{min-height:29px;font-size:8px}}.app,.bottomTabs{width:min(100%,430px);padding-left:10px;padding-right:10px}.topbar,.oldDaysFrame{max-width:410px;margin:0 auto}.weekPickRow{grid-template-columns:50px minmax(0,1fr);gap:3px;padding:3px 4px}.dayPickButtons{gap:3px}.dayPickButtons button{min-width:0;min-height:30px;padding:0 2px;font-size:8px}.weekNameBtn{font-size:7px}.learnedPanelHead{padding-left:8px;padding-right:8px}.dayExpand{gap:4px;padding-left:6px;padding-right:4px}.quickDay{margin-right:4px;padding:0 7px}.sentenceExpand{grid-template-columns:24px minmax(0,1fr) 16px;padding-left:4px}.variantList{margin-left:20px;margin-right:4px}.variantRow{grid-template-columns:28px minmax(64px,.95fr) minmax(58px,1fr);gap:3px;padding:3px}.variantRow b{font-size:10px}.variantVi{font-size:7px}.audioMini{width:26px;height:26px}.topicScreen{max-width:410px;margin:0 auto}.topicScreen .topicGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}@media (width>=700px){.app,.bottomTabs{width:430px;padding-left:10px;padding-right:10px}.topbar,.oldDaysFrame,.topicScreen{max-width:410px}.oldDaysFrame{grid-template-rows:minmax(0,1fr) auto 218px}.variantRow{grid-template-columns:30px minmax(72px,.95fr) minmax(68px,1fr)}.variantRow b{font-size:11px}.variantVi{font-size:8px}}@media (width<=390px){.app,.bottomTabs{padding-left:7px;padding-right:7px}.topbar,.oldDaysFrame,.topicScreen{max-width:none}.weekPickerBottom .weekPickRow{grid-template-columns:44px minmax(0,1fr);padding:3px}.dayPickButtons{gap:2px}.dayPickButtons button{min-height:28px;font-size:7px}.quickDay{padding:0 5px;font-size:7px}.variantRow{grid-template-columns:26px minmax(56px,.95fr) minmax(52px,1fr);gap:2px}.variantRow b{font-size:9px}.variantVi{font-size:7px}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{min-width:0}.app{width:100%;max-width:430px;min-height:100dvh;margin:0 auto;padding:8px 8px 72px;overflow-x:hidden}.topbar{width:100%;max-width:none;height:52px}.homeScreen{justify-content:center;gap:14px;padding-top:8px;padding-bottom:8px}.homeBrand h1{font-size:30px}.homeChoices{gap:10px}.homeChoices button{min-height:104px}.noidiScreen{flex-direction:column;display:flex}.oldDaysFrame{grid-template-rows:minmax(0,1fr) auto 196px;gap:6px;width:100%;max-width:none;height:calc(100dvh - 132px);min-height:520px}.learnedPanel,.weekPickerBottom,.learnedPanelScroll,.learnedList,.learnedDay,.learnedDayHead,.learnedSentences,.learnedSentence,.learnedSentenceHead,.sentenceExpand,.weekPickerRows,.weekPickRow,.dayPickButtons{width:100%;min-width:0}.learnedPanel{grid-template-rows:34px minmax(0,1fr)}.learnedPanelHead{height:34px;padding:4px 7px}.learnedPanelHead small{font-size:6.5px}.learnedPanelHead b{font-size:9px}.learnedPanelScroll{padding:4px}.learnedDay{border-radius:10px}.learnedDayHead{grid-template-columns:minmax(0,1fr) 52px;min-height:36px;overflow:hidden}.dayExpand{grid-template-columns:minmax(0,1fr) 34px 12px;gap:3px;width:100%;min-width:0;min-height:36px;padding:0 4px 0 6px;overflow:hidden}.dayExpand span{white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.dayExpand small{text-align:right;white-space:nowrap;font-size:7px}.dayExpand i{font-size:9px}.quickDay{border-radius:7px;width:48px;min-width:0;height:26px;margin:0 4px 0 0;padding:0;font-size:7px;overflow:hidden}.learnedSentenceHead{grid-template-columns:minmax(0,1fr) 30px;min-height:38px;overflow:hidden}.sentenceExpand{grid-template-columns:22px minmax(0,1fr) 12px;gap:3px;width:100%;min-width:0;min-height:38px;padding:0 3px;overflow:hidden}.sentenceNo{font-size:8px}.sentenceExpand b{font-size:12px}.sentenceExpand i{font-size:9px}.quickSentence{width:25px;height:25px;margin-right:3px;font-size:8px}.variantList{margin:0 4px 6px 18px;overflow:hidden}.variantRow{grid-template-columns:24px minmax(0,1.1fr) minmax(0,.9fr);gap:2px;width:100%;min-width:0;min-height:31px;padding:2px 3px}.variantLabel{font-size:6.5px}.variantRow b{min-width:0;font-size:9.5px}.variantVi{min-width:0;font-size:6.5px}.audioMini{width:24px;height:24px;font-size:9px}.brandLine{white-space:nowrap;height:14px;font-size:7px;line-height:14px;overflow:hidden}.weekPickerBottom{border-radius:12px;grid-template-rows:34px minmax(0,1fr)}.rangePickerHead{grid-template-columns:34px 1fr 34px;height:34px}.rangePickerHead .rangeArrow{height:33px;font-size:18px}.rangePickerHead strong{font-size:9px}.weekPickerRows{grid-template-rows:repeat(4,1fr);overflow:hidden}.weekPickerBottom .weekPickRow{grid-template-columns:44px minmax(0,1fr);gap:2px;height:100%;min-height:0;padding:2px 3px}.weekNameBtn{min-width:0;height:100%;min-height:0;padding:0;font-size:6.5px}.dayPickButtons{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;overflow:hidden}.weekPickerBottom .dayPickButtons button{border-radius:7px;width:100%;min-width:0;height:100%;min-height:0;padding:0;font-size:7px}.bottomTabs{gap:5px;width:100%;max-width:430px;padding:7px 8px 9px;left:50%}.bottomTabs button{height:44px;font-size:11px}.topicScreen{width:100%;max-width:none}.topicScreen .topicGrid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=700px){.app,.bottomTabs{width:430px;max-width:430px}.topbar,.oldDaysFrame,.topicScreen{max-width:none}.oldDaysFrame{grid-template-rows:minmax(0,1fr) auto 196px;height:calc(100dvh - 132px)}}@media (width<=390px){.app,.bottomTabs{padding-left:6px;padding-right:6px}.oldDaysFrame{grid-template-rows:minmax(0,1fr) auto 188px;height:calc(100dvh - 128px);min-height:500px}.learnedDayHead{grid-template-columns:minmax(0,1fr) 46px}.quickDay{width:42px;font-size:6.5px}.weekPickerBottom .weekPickRow{grid-template-columns:40px minmax(0,1fr);padding:2px}.weekNameBtn{font-size:6px}.dayPickButtons{gap:1px}.weekPickerBottom .dayPickButtons button{font-size:6.5px}.variantList{margin-left:15px}.variantRow{grid-template-columns:22px minmax(0,1.1fr) minmax(0,.9fr)}.variantRow b{font-size:9px}.variantVi{font-size:6px}}.noidiScreen{grid-template-rows:4fr 88fr 8fr;height:100dvh;min-height:0;padding:0 8px;display:grid;overflow:hidden}.noidiScreen>.topbar{grid-template-columns:34px 1fr 34px;align-self:stretch;width:100%;max-width:none;height:auto;min-height:0}.noidiScreen>.topbar .iconBtn{border-radius:9px;width:30px;height:30px;font-size:16px}.noidiScreen>.topbar strong{font-size:14px}.noidiScreen>.oldDaysFrame{grid-template-rows:60fr 28fr;gap:6px;width:100%;max-width:none;height:auto;min-height:0;margin:0;display:grid}.noidiScreen .brandLine{display:none!important}.noidiScreen .learnedPanel{grid-template-rows:34px minmax(0,1fr);height:100%;min-height:0}.noidiScreen .learnedPanelScroll{min-height:0;overflow:auto}.noidiScreen .weekPickerBottom{border-radius:14px;grid-template-rows:38px minmax(0,1fr);height:100%;min-height:0;display:grid}.noidiScreen .rangePickerHead{grid-template-columns:40px 1fr 40px;height:auto;min-height:0}.noidiScreen .rangePickerHead .rangeArrow{height:100%;min-height:0;font-size:20px}.noidiScreen .rangePickerHead strong{font-size:10px}.noidiScreen .weekPickerRows{grid-template-rows:repeat(4,1fr);min-height:0;display:grid;overflow:hidden}.noidiScreen .weekPickerBottom .weekPickRow{grid-template-columns:14% 86%;align-items:stretch;gap:4px;height:100%;min-height:0;padding:4px 6px;display:grid}.noidiScreen .weekNameBtn{color:#837362;background:0 0;border:0;border-radius:8px;width:100%;height:100%;min-height:0;font-size:8px;font-weight:900}.noidiScreen .activeWeek .weekNameBtn{color:#594938;background:#f0e8de}.noidiScreen .dayPickButtons{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;min-width:0;height:100%;display:grid;overflow:visible}.noidiScreen .weekPickerBottom .dayPickButtons button{border-radius:9px;width:100%;min-width:0;height:100%;min-height:34px;padding:0 2px;font-size:8px}.noidiScreen>.bottomTabs{background:#f8f4ed;align-self:stretch;gap:6px;width:100%;max-width:none;height:100%;padding:7px 0 8px;position:static;bottom:auto;left:auto;transform:none}.noidiScreen>.bottomTabs button{border-radius:14px;height:100%;min-height:0;font-size:11px}.noidiScreen>.topicScreen{max-width:none;height:100%;min-height:0;margin:0;padding:6px 0;overflow:auto}@media (width<=390px){.noidiScreen{padding-left:6px;padding-right:6px}.noidiScreen>.topbar{grid-template-columns:32px 1fr 32px}.noidiScreen>.topbar .iconBtn{width:28px;height:28px;font-size:15px}.noidiScreen>.topbar strong{font-size:13px}.noidiScreen .weekPickerBottom{grid-template-rows:36px minmax(0,1fr)}.noidiScreen .weekPickerBottom .weekPickRow{grid-template-columns:14% 86%;gap:3px;padding:3px 4px}.noidiScreen .dayPickButtons{gap:3px}.noidiScreen .weekPickerBottom .dayPickButtons button{border-radius:8px;min-height:32px;font-size:7.5px}.noidiScreen .weekNameBtn{font-size:7px}}@media (width>=700px){.noidiScreen{width:430px;max-width:430px}.noidiScreen>.oldDaysFrame,.noidiScreen>.topbar,.noidiScreen>.topicScreen{max-width:none}}.noidiScreen .learnedPanelHead{justify-content:space-between;align-items:center;gap:6px;display:flex}.noidiScreen .learnedPanelHead>div{min-width:0}.noidiScreen .practiceWeekBtn{color:#fff;white-space:nowrap;background:#79634c;border:1px solid #947b60;border-radius:8px;flex:none;height:24px;padding:0 8px;font-size:7px;font-weight:950}.noidiScreen .practiceWeekBtn:disabled{opacity:.35}.noidiScreen .rangePickerHead{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;padding:3px 5px;display:grid}.noidiScreen .rangeNav{grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;min-width:0;height:100%;display:grid}.noidiScreen .rangeNav .rangeArrow{color:#725f4d;background:0 0;border:0;width:28px;height:100%;min-height:0;padding:0;font-size:18px;font-weight:900}.noidiScreen .rangeNav strong{text-align:center;white-space:nowrap;min-width:0;font-size:9px}.noidiScreen .rangeActions{align-items:center;gap:4px;height:100%;display:flex}.noidiScreen .rangeActions button{color:#6f5c49;white-space:nowrap;background:#f3ede5;border:1px solid #d1c1b0;border-radius:8px;min-width:42px;height:28px;padding:0 7px;font-size:7px;font-weight:950}.noidiScreen .rangeActions button.active{color:#4e4135;background:#cbb9a2;border-color:#9f876c}.noidiScreen .rangeActions .rangePractice{color:#fff;background:#79634c;border-color:#79634c}.noidiScreen .rangeActions button:disabled{opacity:.35}.noidiScreen .selectionMode .weekNameBtn{background:#fffaf4;border:1px dashed #cbb9a2}.noidiScreen .selectionMode.multiWeekSelected .weekNameBtn,.noidiScreen .dayPickButtons button.multiSelected{color:#4e4135;background:#cbb9a2;border-color:#9f876c}.noidiScreen .selectionMode.partialWeekSelected .weekNameBtn{color:#6a5948;background:#eee4d8;border-color:#cbb9a2}@media (width<=390px){.noidiScreen .practiceWeekBtn{height:22px;padding:0 6px;font-size:6.5px}.noidiScreen .rangePickerHead{gap:3px;padding:3px 4px}.noidiScreen .rangeNav{grid-template-columns:24px minmax(0,1fr) 24px}.noidiScreen .rangeNav .rangeArrow{width:24px;font-size:17px}.noidiScreen .rangeNav strong{font-size:8px}.noidiScreen .rangeActions{gap:3px}.noidiScreen .rangeActions button{min-width:38px;height:26px;padding:0 5px;font-size:6.5px}}.playerScreen.playerV2{background:#f8f4ed;grid-template-rows:7fr 48fr 15fr 6fr 10fr 14fr;row-gap:4px;width:min(100%,430px);max-width:430px;height:100dvh;min-height:0;margin:0 auto;padding:0 10px 6px;display:grid;overflow:hidden}.playerScreen.playerV2 .playerHeader{text-align:center;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;min-height:0;margin:0;padding:0;display:grid}.playerScreen.playerV2 .playerHeader strong{color:#4f4237;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:900;line-height:1.1;overflow:hidden}.playerScreen.playerV2 .playerHeader .iconBtn{width:38px;height:38px;font-size:21px}.playerScreen.playerV2 .promptCard.playerPrompt{background:#fffaf4;border:1px solid #ded2c4;border-radius:20px;grid-template-rows:24px minmax(0,1fr) 38px;place-items:center stretch;height:auto;min-height:0;margin:0;padding:12px 16px 10px;display:grid}.playerScreen.playerV2 .playerPrompt>small{letter-spacing:.055em;color:#8a7866;place-self:center;margin:0;font-size:11px;font-weight:950;line-height:1}.playerScreen.playerV2 .playerCenter{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;padding:0 6px;display:flex}.playerScreen.playerV2 .playerCenter b{color:#4d4035;margin:0;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:28px;line-height:1.25}.playerScreen.playerV2 .playerCenter>span:not(.playState){color:#8a7b6d;margin-top:7px;font-size:13px;line-height:1.3}.playerScreen.playerV2 .playerCenter .playState{color:#9a784f;margin:0;font-size:44px;font-weight:900;line-height:1}.playerScreen.playerV2 .playerStats{color:#685746;font-variant-numeric:tabular-nums;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;width:100%;min-height:0;margin:0;padding:0 14px;display:grid}.playerScreen.playerV2 .playerStatCell{align-items:center;min-width:0;display:flex}.playerScreen.playerV2 .playerStatLeft{justify-content:flex-start}.playerScreen.playerV2 .playerStatCenter{justify-content:center}.playerScreen.playerV2 .playerStatRight{justify-content:flex-end}.playerScreen.playerV2 .playerStatCell span,.playerScreen.playerV2 .playerStatCell b{white-space:nowrap;margin:0;padding:0;font-weight:950;line-height:1;display:block}.playerScreen.playerV2 .playerStatCell span{font-size:18px}.playerScreen.playerV2 .playerStatCell b{color:#4f4237;font-size:21px}.playerScreen.playerV2 .playerSetupDock{grid-template-rows:1fr 1fr;align-content:center;gap:4px;min-height:0;margin:0;padding:2px 0;display:grid}.playerScreen.playerV2 .setupLine{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:6px;min-height:0;margin:0;padding:0;display:grid}.playerScreen.playerV2 .setupLine>span{text-align:left;color:#7e6c5b;margin:0;font-size:11px;font-weight:900;line-height:1}.playerScreen.playerV2 .setupLine>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;min-width:0;margin:0;display:grid}.playerScreen.playerV2 .setupLine button{color:#625141;background:#f3ede5;border:1px solid #d9ccbd;border-radius:10px;width:100%;height:34px;min-height:0;margin:0;padding:0;font-size:12px;font-weight:900;line-height:1}.playerScreen.playerV2 .setupLine button.active{color:#44382e;background:#cbb9a2;border-color:#9f876c}.playerScreen.playerV2 .setupLine button:disabled{opacity:.38;cursor:default}.playerScreen.playerV2 .answerQuickRow{justify-content:center;align-items:center;min-height:0;margin:0;padding:0;display:flex}.playerScreen.playerV2 .answerQuickRow .answerToggle{color:#6e5d4d;background:0 0;border:1px solid #d9ccbd;border-radius:10px;width:46%;min-width:128px;height:36px;margin:0;padding:0 12px;font-size:12px;font-weight:900}.playerScreen.playerV2 .answerQuickRow .answerToggle.active{color:#514235;background:#eee3d7;border-color:#cbb9a2}.playerScreen.playerV2 .registerDock{align-items:center;min-height:0;margin:0;padding:0;display:flex}.playerScreen.playerV2 .registerDock .registerTabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;margin:0;padding:0;display:grid}.playerScreen.playerV2 .registerDock .registerTabs button{color:#625141;background:#f3ede5;border:1px solid #d7c9b9;border-radius:10px;width:100%;height:40px;min-height:0;margin:0;padding:0;font-size:13px;font-weight:900}.playerScreen.playerV2 .registerDock .registerTabs button.active{color:#44382e;background:#cbb9a2;border-color:#9f876c}.playerScreen.playerV2 .playerBottomBar{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:stretch;gap:5px;min-height:0;margin:0;padding:2px 0 0;display:grid}.playerScreen.playerV2 .playerBottomBar button{border-radius:11px;min-width:0;height:100%;min-height:48px;margin:0;padding:0 4px;font-size:13px;font-weight:950;line-height:1}.playerScreen.playerV2 .stopBtn{color:#7e6c5b;background:#f3ede5;border:1px solid #d9ccbd}.playerScreen.playerV2 .stopBtn:disabled{opacity:.4}.playerScreen.playerV2 .primaryPlay{color:#fff;background:#8a6f52;border:1px solid #79634c;font-size:15px}.playerScreen.playerV2 .primaryPlay.active{background:#6f5943;border-color:#6f5943}.playerScreen.playerV2 .primaryPlay:disabled{opacity:.45}.playerScreen.playerV2 .playerBottomBar .autoToggle{color:#3451b2;background:#e7ecff;border:1px solid #5c7cfa;border-radius:11px;height:100%;margin:0}.playerScreen.playerV2 .playerBottomBar .autoToggle.active{color:#fff;background:#5c7cfa;border-color:#5c7cfa}.playerScreen.playerV2 .confirmShade{z-index:100;background:#362c2357;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.playerScreen.playerV2 .confirmCard{text-align:center;background:#fffaf4;border:1px solid #d7c9b9;border-radius:16px;width:min(100%,340px);padding:18px;box-shadow:0 14px 40px #32261c2e}.playerScreen.playerV2 .confirmCard>b{color:#544536;font-size:16px}.playerScreen.playerV2 .confirmCard p{color:#827467;margin:8px 0 16px;font-size:12px;line-height:1.45}.playerScreen.playerV2 .confirmCard>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.playerScreen.playerV2 .confirmCard button{color:#6f5c49;background:#f3ede5;border:1px solid #d7c9b9;border-radius:10px;height:44px;font-size:11px;font-weight:950}.playerScreen.playerV2 .confirmCard .confirmPrimary{color:#fff;background:#79634c;border-color:#79634c}@media (width<=390px){.playerScreen.playerV2{row-gap:3px;padding-left:8px;padding-right:8px}.playerScreen.playerV2 .playerHeader strong{font-size:16px}.playerScreen.playerV2 .promptCard.playerPrompt{grid-template-rows:22px minmax(0,1fr) 34px;padding:10px 12px 8px}.playerScreen.playerV2 .playerPrompt>small{font-size:10px}.playerScreen.playerV2 .playerCenter b{font-size:25px}.playerScreen.playerV2 .playerCenter .playState{font-size:40px}.playerScreen.playerV2 .playerCenter>span:not(.playState){font-size:12px}.playerScreen.playerV2 .playerStats{padding:0 16px}.playerScreen.playerV2 .playerStatCell span{font-size:16px}.playerScreen.playerV2 .playerStatCell b{font-size:19px}.playerScreen.playerV2 .setupLine{grid-template-columns:42px minmax(0,1fr);gap:5px}.playerScreen.playerV2 .setupLine>span{font-size:10px}.playerScreen.playerV2 .setupLine>div{gap:4px}.playerScreen.playerV2 .setupLine button{height:32px;font-size:11px}.playerScreen.playerV2 .answerQuickRow .answerToggle{height:34px;font-size:11px}.playerScreen.playerV2 .registerDock .registerTabs{gap:5px}.playerScreen.playerV2 .registerDock .registerTabs button{height:38px;font-size:12px}.playerScreen.playerV2 .playerBottomBar{gap:4px}.playerScreen.playerV2 .playerBottomBar button{min-height:46px;font-size:12px}.playerScreen.playerV2 .primaryPlay{font-size:14px}}.noidiScreen>.topicScreen.topicFrame{grid-template-rows:60fr 28fr;gap:6px;width:100%;height:auto;min-height:0;margin:0;padding:0;display:grid;overflow:hidden}.noidiScreen .topicLearnedPanel{grid-template-rows:34px minmax(0,1fr);height:100%;min-height:0}.noidiScreen .topicLearnedPanel .learnedPanelHead>div{flex-direction:column;min-width:0;display:flex}.noidiScreen .topicLearnedPanel .learnedPanelHead b{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.noidiScreen .topicLearnedList{background:#fff;width:100%;min-width:0}.noidiScreen .topicLearnedList>.learnedSentence:first-child{border-top:0}.noidiScreen .topicPickerBottom{background:#fffaf4;border:1px solid #ded2c4;border-radius:14px;grid-template-rows:38px minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.noidiScreen .topicPickerHead{border-bottom:1px solid #eee4d8;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;min-width:0;padding:0 4px;display:grid}.noidiScreen .topicPickerHead .rangeArrow{color:#725f4d;background:0 0;border:0;width:100%;height:100%;min-height:0;font-size:18px;font-weight:900}.noidiScreen .topicPickerHead .rangeArrow:disabled{opacity:.28}.noidiScreen .topicPickerHead strong{text-align:center;white-space:nowrap;min-width:0;font-size:9px}.noidiScreen .topicPickerRows{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid;overflow:hidden}.noidiScreen .topicPickRow{color:#655444;text-align:left;background:#fffaf4;border:1px solid #eee4d8;border-top:0;border-left:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0;min-height:0;margin:0;padding:0 12px;display:grid}.noidiScreen .topicPickRow:nth-child(2n){border-right:0}.noidiScreen .topicPickRow:nth-last-child(-n+2){border-bottom:0}.noidiScreen .topicPickRow b{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:10px;overflow:hidden}.noidiScreen .topicPickRow span{color:#9a8978;white-space:nowrap;font-size:8px}.noidiScreen .topicPickRow.selected{color:#4f4237;background:#f0e8de}.noidiScreen .topicPickRow.selected b{font-weight:950}@media (width<=390px){.noidiScreen .topicPickerBottom{grid-template-rows:36px minmax(0,1fr)}.noidiScreen .topicPickerHead{grid-template-columns:28px minmax(0,1fr) 28px}.noidiScreen .topicPickerHead strong{font-size:8px}.noidiScreen .topicPickRow{padding:0 9px}.noidiScreen .topicPickRow b{font-size:9px}.noidiScreen .topicPickRow span{font-size:7px}}.dialogueDashboard{grid-template-rows:auto auto minmax(0,1fr);align-content:start;height:100dvh;min-height:0;padding:12px 10px;display:grid;position:relative;overflow:hidden}.dialogueDashboardHome{z-index:2;color:#79634c;opacity:.72;background:#fffaf4;border:1px solid #ded2c4;border-radius:9px;width:30px;height:30px;padding:0;font-size:16px;line-height:1;position:absolute;top:10px;left:10px}.dialogueDashboardTitle{text-align:center;letter-spacing:.04em;color:#4d4136;margin:4px 0 10px;font-size:18px;font-weight:950;line-height:1.1}.dialogueDashboardTabs{border-bottom:1px solid #ded2c4;grid-template-columns:1fr 1fr;gap:0;margin:0 0 12px;display:grid}.dialogueDashboardTabs button{color:#9a8a7a;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;height:34px;font-size:10px;font-weight:900}.dialogueDashboardTabs button.active{color:#5a426f;background:0 0;border-bottom-color:#8d6bc8}.lessonDashboardGrid{grid-template-columns:1fr 1fr;grid-auto-rows:44px;align-content:start;gap:8px;min-height:0;padding:0 0 48px;display:grid;overflow:auto}.lessonDashboardCard{color:#4d4136;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:#fffaf4;border:1px solid #ded2c4;border-radius:11px;align-items:center;min-width:0;height:44px;padding:0 12px;font-size:11px;font-weight:850;line-height:1;display:flex;overflow:hidden;box-shadow:0 2px 7px #46372a08}.lessonDashboardEmpty{min-height:0}.dialogueLessonScreen{color:#eef2ff;background:#090e1b;grid-template-rows:46px minmax(0,1fr);height:100dvh;min-height:0;padding:0 7px 7px;display:grid;overflow:hidden}.dialogueLessonTopbar{background:#090e1b;grid-template-columns:38px 1fr 38px;align-items:center;min-height:0;display:grid}.dialogueLessonTopbar>button{color:#e8edff;background:#ffffff09;border:1px solid #99a9de2e;border-radius:9px;width:32px;height:32px;font-size:23px;line-height:1}.dialogueLessonTopbar>div{text-align:center;gap:1px;display:grid}.dialogueLessonTopbar small{letter-spacing:.12em;color:#8794b6;font-size:7px;font-weight:900}.dialogueLessonTopbar strong{color:#f2f4ff;font-size:12px}.studyhubRoleplayShell{background:#090e1b;grid-template-rows:minmax(0,1fr) 46px 31px 42px;gap:7px;height:100%;min-height:0;padding:0;display:grid;overflow:hidden}.practiceInternalTabs{grid-template-columns:1fr 1fr;gap:7px;height:46px;display:grid}.practiceInternalTabs button{color:#9aa7c7;background:#ffffff06;border:1px solid #7084c329;border-radius:12px;justify-content:flex-start;align-items:center;gap:8px;min-width:0;height:46px;padding:5px 9px;display:flex}.practiceInternalTabs button>span{background:#ffffff09;border:1px solid #94a3b838;border-radius:8px;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:11px;font-weight:900;display:grid}.practiceInternalTabs button>b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:900;line-height:1.1;overflow:hidden}.practiceInternalTabs button.active{background:linear-gradient(#5f4a9142,#312c4e38);border-color:#b383ff8a;box-shadow:inset 0 0 0 1px #be93ff14}.practiceInternalTabs button.active>span{color:#eee7ff;background:#6d28d92e;border-color:#b383ff7a}.practiceInternalTabs button:disabled{opacity:.55}.practiceRoleplayStage{background:linear-gradient(#101526f7,#080e1bfa);border:1px solid #7084c329;border-radius:14px;flex-direction:column;gap:8px;height:100%;min-height:0;padding:8px;display:flex;overflow:hidden}.practiceRoleplaySample,.practiceRoleplaySubmission{flex-direction:column;flex:1 1 0;gap:8px;min-height:0;display:flex;overflow:hidden}.practiceRoleplaySampleHead{justify-content:flex-start;align-items:baseline;gap:8px;padding:2px 4px;display:flex}.practiceRoleplaySampleHead strong{color:#cbd5e1;font-size:9px;font-weight:850;line-height:1.25}.practiceRoleplayScript{overscroll-behavior:contain;background:#0a0f1dad;border:1px solid #7e91d129;border-radius:12px;flex-direction:column;flex:1 1 0;gap:5px;min-height:0;padding:8px;display:flex;overflow-y:auto}.practiceRoleplayLine{background:#1e40af21;border:1px solid #60a5fa38;border-radius:11px 11px 11px 4px;grid-template-columns:25px minmax(0,1fr) 28px;align-items:center;gap:6px;width:91%;padding:5px 7px;display:grid}.practiceRoleplayLine.speaker-b{background:#9a341221;border-color:#fb923c47;border-radius:11px 11px 4px;align-self:flex-end}.practiceRoleplayLine>b{color:#dbeafe;background:#1e40af94;border:1px solid #60a5fab8;border-radius:8px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:950;display:grid}.practiceRoleplayLine.speaker-b>b{color:#ffedd5;background:#9a34129e;border-color:#fb923cc7}.practiceRoleplayLineText{min-width:0}.practiceRoleplayLineText span{color:#e7ebf7;font-size:10px;font-weight:720;line-height:1.24;display:block}.practiceRoleplayLine.korean-revealed .practiceRoleplayLineText span{color:#f7f8ff;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-weight:850}.practiceRoleplayReveal{color:#9da9c8;background:#0f172a8f;border:1px solid #94a3b847;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;display:grid}.practiceRoleplayReveal svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:15px;height:15px}.practiceRoleplayReveal.active{color:#ddd6fe;background:#6d28d938;border-color:#a78bfa85}.practiceRoleplayRound{color:#e9ddff;text-align:center;letter-spacing:.04em;background:#5b3fb126;border:1px solid #8b5cf657;border-radius:12px;flex:none;padding:10px;font-size:13px;font-weight:950}.practiceRoleplayPrompt{text-align:center;background:radial-gradient(circle at 50% 0,#2563eb29,#0b1120c2 70%);border:1px solid #60a5fa40;border-radius:14px;flex:1 1 0;justify-content:center;align-items:center;min-height:0;padding:18px;display:flex}.practiceRoleplayPrompt.speaker-b{background:radial-gradient(circle at 50% 0,#7e22ce29,#0b1120c2 70%);border-color:#c084fc40}.practiceRoleplayPrompt>b{color:#dbeafe;letter-spacing:.04em;background:#1e40af94;border:2px solid #60a5fab8;border-radius:16px;padding:12px 22px;font-size:clamp(30px,8.5vw,53px);line-height:.95;box-shadow:0 10px 28px #2563eb2e}.practiceRoleplayPrompt.speaker-b>b{color:#ffedd5;background:#9a34129e;border-color:#fb923cc7;box-shadow:0 10px 28px #ea580c33}.practiceRoleplayStateSlot{color:#b7c3e4;text-align:center;background:#151d37ad;border:1px solid #7e91d12e;border-radius:11px;flex:0 0 62px;justify-content:center;align-items:center;gap:12px;min-height:62px;padding:8px 12px;font-size:10px;font-weight:850;display:flex}.practiceRoleplayStateSlot>strong{color:#eef3ff;font-size:11px;font-weight:950}.practiceRoleplayStateSlot>b{color:#d9e5ff;font-size:16px}.practiceRoleplayActions{display:grid}.practiceRoleplayActions button{color:#fff;background:linear-gradient(135deg,#5b3fb1f2,#7c4dd6eb);border:1px solid #8b5cf67a;border-radius:11px;min-height:40px;font-size:10px;font-weight:950}.practiceRoleplayActions button.stop{background:#a32b41e0;border-color:#ef5d758c}.practiceDialogueNav{justify-content:space-between;align-items:center;gap:8px;min-width:0;height:31px;padding:0 2px;display:flex}.practiceDialogueNav>span{color:#eef2ff;flex:none;font-size:10px;font-weight:950}.practiceDialogueControls{scrollbar-width:none;justify-content:flex-end;align-items:center;gap:5px;min-width:0;display:flex;overflow-x:auto}.practiceDialogueControls::-webkit-scrollbar{display:none}.practiceDialogueControls button{color:#cbd5e1;background:#ffffff09;border:1px solid #94a3b840;border-radius:8px;flex:none;min-width:29px;height:27px;padding:0 6px;font-size:10px;font-weight:950}.practiceDialogueControls button.active{color:#f5f3ff;background:#6d28d933;border-color:#a78bfac7;box-shadow:inset 0 -2px #a78bfaeb}.practiceCompactNav{background:#0d1323eb;border:1px solid #7084c324;border-radius:12px;grid-template-columns:106px minmax(0,1fr);gap:7px;height:42px;min-height:42px;padding:4px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff05,0 4px 13px #02050f29}.practiceSituationSelectWrap{width:106px;min-width:106px;height:34px;display:block}.practiceSituationSelect{appearance:none;box-sizing:border-box;color:#f1f4ff;cursor:pointer;background-color:#ffffff08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.5 7.5L10 12l4.5-4.5' stroke='%23cfd8f3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;background-size:11px 11px;border:1px solid #99a9de2e;border-radius:9px;outline:none;width:100%;height:34px;min-height:34px;margin:0;padding:0 30px 0 12px;font-size:10px;font-weight:900}.practiceSituationSelect:hover{background-color:#ffffff0b;border-color:#afbbe847}.practiceSituationSelect:focus{border-color:#a787f275;box-shadow:0 0 0 2px #8965e014}.practiceSituationSelect option{color:#f4f6ff;background:#14192a}.practiceCompactStageLabel{background:#ffffff06;border:1px solid #99a9de21;border-radius:9px;align-content:center;gap:1px;min-width:0;height:34px;padding:4px 9px;display:grid;overflow:hidden}.practiceCompactStageLabel span{color:#8e9abb;font-size:7px;font-weight:950}.practiceCompactStageLabel b{color:#e9edfa;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.practiceThemeRoot.theme-light .dialogueLessonScreen{color:#4d4136;background:#f8f4ed}.practiceThemeRoot.theme-light .dialogueLessonTopbar{background:#f8f4ed}.practiceThemeRoot.theme-light .dialogueLessonTopbar>button{color:#6f5d4d;background:#fffaf4;border-color:#ded2c4}.practiceThemeRoot.theme-light .dialogueLessonTopbar small{color:#9b8267}.practiceThemeRoot.theme-light .dialogueLessonTopbar strong{color:#493d32}.practiceThemeRoot.theme-light .studyhubRoleplayShell{background:#f8f4ed}.practiceThemeRoot.theme-light .practiceInternalTabs button{color:#8e7c69;background:#fffaf4;border-color:#ded2c4}.practiceThemeRoot.theme-light .practiceInternalTabs button>span{color:#786452;background:#f3ede5;border-color:#d8cab9}.practiceThemeRoot.theme-light .practiceInternalTabs button.active{background:#eee4d8;border-color:#bca58c;box-shadow:inset 0 0 0 1px #79634c12}.practiceThemeRoot.theme-light .practiceInternalTabs button.active>span{color:#493d32;background:#d9c8b4;border-color:#a88f73}.practiceThemeRoot.theme-light .practiceRoleplayStage{background:linear-gradient(#fffaf4,#f8f4ed);border-color:#ded2c4}.practiceThemeRoot.theme-light .practiceRoleplaySampleHead strong{color:#756351}.practiceThemeRoot.theme-light .practiceRoleplayLine{background:#eef5fc;border-color:#b9d2ef}.practiceThemeRoot.theme-light .practiceRoleplayLine.speaker-b{background:#fff3e7;border-color:#e3c19f}.practiceThemeRoot.theme-light .practiceRoleplayLine>b{color:#345c84;background:#b9d6f2;border-color:#7fa9d5}.practiceThemeRoot.theme-light .practiceRoleplayLine.speaker-b>b{color:#7a4928;background:#edc49e;border-color:#d69b68}.practiceThemeRoot.theme-light .practiceRoleplayLineText span{color:#55483c}.practiceThemeRoot.theme-light .practiceRoleplayLine.korean-revealed .practiceRoleplayLineText span{color:#3f352d}.practiceThemeRoot.theme-light .practiceRoleplayReveal{color:#8b7865;background:#f3ede5;border-color:#d8cab9}.practiceThemeRoot.theme-light .practiceRoleplayReveal.active{color:#5b493a;background:#e7d9ca;border-color:#b79b7f}.practiceThemeRoot.theme-light .practiceRoleplayRound{color:#6a5543;background:#eee4d8;border-color:#d3c0aa}.practiceThemeRoot.theme-light .practiceRoleplayPrompt{background:radial-gradient(circle at 50% 0,#eef6fd,#fffaf4 72%);border-color:#b9d2ef}.practiceThemeRoot.theme-light .practiceRoleplayPrompt.speaker-b{background:radial-gradient(circle at 50% 0,#fff1e3,#fffaf4 72%);border-color:#e3c19f}.practiceThemeRoot.theme-light .practiceRoleplayPrompt>b{color:#345c84;background:#b9d6f2;border-color:#7fa9d5;box-shadow:0 8px 20px #56789c1f}.practiceThemeRoot.theme-light .practiceRoleplayPrompt.speaker-b>b{color:#7a4928;background:#edc49e;border-color:#d69b68;box-shadow:0 8px 20px #ab6e3a1f}.practiceThemeRoot.theme-light .practiceRoleplayStateSlot{color:#887563;background:#f3ede5;border-color:#ded2c4}.practiceThemeRoot.theme-light .practiceRoleplayStateSlot>strong{color:#4d4136}.practiceThemeRoot.theme-light .practiceRoleplayStateSlot>b{color:#6f5d4d}.practiceThemeRoot.theme-light .practiceRoleplayActions button{color:#fff;background:#8a6f52;border-color:#8a6f52}.practiceThemeRoot.theme-light .practiceRoleplayActions button.stop{color:#fff;background:#b9857d;border-color:#b9857d}.practiceThemeRoot.theme-light .practiceDialogueNav>span{color:#4d4136}.practiceThemeRoot.theme-light .practiceDialogueControls button{color:#786452;background:#fffaf4;border-color:#d8cab9}.practiceThemeRoot.theme-light .practiceDialogueControls button.active{color:#493d32;background:#e9ded1;border-color:#9f876c;box-shadow:inset 0 -2px #9f876c}.practiceThemeRoot.theme-light .practiceCompactNav{background:#fffaf4;border-color:#ded2c4;box-shadow:0 3px 10px #46372a09}.practiceThemeRoot.theme-light .practiceSituationSelect{color:#55483c;background-color:#f3ede5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.5 7.5L10 12l4.5-4.5' stroke='%23786452' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#d8cab9}.practiceThemeRoot.theme-light .practiceSituationSelect:hover{background-color:#eee6dc;border-color:#c9b59f}.practiceThemeRoot.theme-light .practiceSituationSelect:focus{border-color:#a88f73;box-shadow:0 0 0 2px #79634c14}.practiceThemeRoot.theme-light .practiceSituationSelect option{color:#4d4136;background:#fffaf4}.practiceThemeRoot.theme-light .practiceCompactStageLabel{background:#f8f4ed;border-color:#ded2c4}.practiceThemeRoot.theme-light .practiceCompactStageLabel span{color:#9b8267}.practiceThemeRoot.theme-light .practiceCompactStageLabel b{color:#55483c}@media (width>=700px){.dialogueDashboard,.dialogueLessonScreen{width:430px;max-width:430px}.dialogueLessonScreen{margin:0 auto}}@media (width<=390px){.dialogueDashboard{padding-left:7px;padding-right:7px}.dialogueDashboardHome{top:9px;left:7px}.lessonDashboardGrid{gap:6px}.lessonDashboardCard{padding:0 10px;font-size:10px}.dialogueLessonScreen{padding-left:5px;padding-right:5px}.studyhubRoleplayShell{gap:6px}.practiceInternalTabs{gap:5px}.practiceInternalTabs button{gap:5px;padding:4px 6px}.practiceInternalTabs button>b{font-size:9px}.practiceRoleplayStage{gap:6px;padding:6px}.practiceRoleplayScript{padding:6px}.practiceRoleplayLine{grid-template-columns:24px minmax(0,1fr) 27px;width:93%;padding:4px 6px}.practiceRoleplayLineText span{font-size:9px}.practiceCompactNav{grid-template-columns:98px minmax(0,1fr);gap:5px}.practiceSituationSelectWrap{width:98px;min-width:98px}.practiceSituationSelect{padding-left:9px;font-size:9px}}.practiceThemeRoot{width:100%;min-height:100dvh}.homeThemeSwitch{background:#eee6dc;border:1px solid #d9ccbd;border-radius:11px;grid-template-columns:1fr 1fr;gap:3px;width:150px;height:34px;margin:0 auto;padding:3px;display:grid}.homeThemeSwitch button{color:#806e5d;background:0 0;border:0;border-radius:8px;min-width:0;font-size:10px;font-weight:900}.homeThemeSwitch button.active{color:#fff;background:#79634c}.practiceThemeRoot.theme-dark,.practiceThemeRoot.theme-dark .homeScreen{color:#eef2ff;background:#090e1b}.practiceThemeRoot.theme-dark .homeBrand small{color:#8794b6}.practiceThemeRoot.theme-dark .homeBrand h1{color:#f2f4ff}.practiceThemeRoot.theme-dark .homeChoices button{color:#eef2ff;background:#11182a;border-color:#7084c32e;box-shadow:0 4px 14px #02050f24}.practiceThemeRoot.theme-dark .homeChoices span{color:#95a1bf}.practiceThemeRoot.theme-dark .homeThemeSwitch{background:#11182a;border-color:#7084c338}.practiceThemeRoot.theme-dark .homeThemeSwitch button{color:#9aa7c7}.practiceThemeRoot.theme-dark .homeThemeSwitch button.active{color:#f5f3ff;background:#6d28d9}.practiceThemeRoot.theme-dark .dialogueDashboard{color:#eef2ff;background:#090e1b}.practiceThemeRoot.theme-dark .dialogueDashboardHome{color:#e8edff;background:#ffffff09;border-color:#99a9de2e}.practiceThemeRoot.theme-dark .dialogueDashboardTitle{color:#f2f4ff}.practiceThemeRoot.theme-dark .dialogueDashboardTabs{border-bottom-color:#7084c333}.practiceThemeRoot.theme-dark .dialogueDashboardTabs button{color:#8f9bb8;background:0 0;border-bottom-color:#0000}.practiceThemeRoot.theme-dark .dialogueDashboardTabs button.active{color:#f0eaff;background:0 0;border-bottom-color:#a78bfa}.practiceThemeRoot.theme-dark .lessonDashboardCard{color:#eef2ff;background:#11182a;border-color:#7084c32e;box-shadow:0 3px 10px #02050f1f}.practiceThemeRoot.theme-dark .noidiScreen{color:#eef2ff;background:#090e1b}.practiceThemeRoot.theme-dark .noidiScreen>.topbar strong{color:#f2f4ff}.practiceThemeRoot.theme-dark .noidiScreen>.topbar .iconBtn{color:#e8edff;background:#ffffff09;border-color:#99a9de2e}.practiceThemeRoot.theme-dark .noidiScreen .learnedPanel,.practiceThemeRoot.theme-dark .noidiScreen .weekPickerBottom,.practiceThemeRoot.theme-dark .noidiScreen .topicPickerBottom{background:#11182a;border-color:#7084c32e}.practiceThemeRoot.theme-dark .noidiScreen .learnedPanelHead,.practiceThemeRoot.theme-dark .noidiScreen .rangePickerHead,.practiceThemeRoot.theme-dark .noidiScreen .topicPickerHead{background:#11182a;border-color:#7084c329}.practiceThemeRoot.theme-dark .noidiScreen .learnedPanelHead small{color:#8794b6}.practiceThemeRoot.theme-dark .noidiScreen .learnedPanelHead b,.practiceThemeRoot.theme-dark .noidiScreen .rangePickerHead strong,.practiceThemeRoot.theme-dark .noidiScreen .topicPickerHead strong{color:#eef2ff}.practiceThemeRoot.theme-dark .noidiScreen .practiceWeekBtn,.practiceThemeRoot.theme-dark .noidiScreen .rangeActions .rangePractice{color:#fff;background:#6d28d9;border-color:#6d28d9}.practiceThemeRoot.theme-dark .noidiScreen .rangeNav .rangeArrow,.practiceThemeRoot.theme-dark .noidiScreen .topicPickerHead .rangeArrow{color:#b7c3e4}.practiceThemeRoot.theme-dark .noidiScreen .rangeActions button{color:#b7c3e4;background:#151d32;border-color:#99a9de33}.practiceThemeRoot.theme-dark .noidiScreen .rangeActions button.active{color:#eee7ff;background:#6d28d938;border-color:#a78bfa8c}.practiceThemeRoot.theme-dark .noidiScreen .weekPickRow{border-color:#7084c324}.practiceThemeRoot.theme-dark .noidiScreen .weekNameBtn{color:#9aa7c7}.practiceThemeRoot.theme-dark .noidiScreen .activeWeek .weekNameBtn{color:#e9ddff;background:#6d28d924}.practiceThemeRoot.theme-dark .noidiScreen .selectionMode .weekNameBtn{background:#11182a;border-color:#a78bfa52}.practiceThemeRoot.theme-dark .noidiScreen .selectionMode.multiWeekSelected .weekNameBtn,.practiceThemeRoot.theme-dark .noidiScreen .dayPickButtons button.multiSelected{color:#eee7ff;background:#6d28d93d;border-color:#a78bfa8c}.practiceThemeRoot.theme-dark .noidiScreen .selectionMode.partialWeekSelected .weekNameBtn{color:#cfc5ee;background:#6d28d91f;border-color:#a78bfa57}.practiceThemeRoot.theme-dark .noidiScreen .dayPickButtons button{color:#aeb9d5;background:#151d32;border-color:#99a9de2e}.practiceThemeRoot.theme-dark .noidiScreen .dayPickButtons button.selected{color:#eee7ff;background:#6d28d938;border-color:#a78bfa80}.practiceThemeRoot.theme-dark .noidiScreen .learnedDay{background:#0f1627;border-color:#7084c329}.practiceThemeRoot.theme-dark .noidiScreen .learnedDay.open{border-color:#99a9de47}.practiceThemeRoot.theme-dark .noidiScreen .learnedDayHead{background:#151d32}.practiceThemeRoot.theme-dark .noidiScreen .dayExpand{color:#c5cee4}.practiceThemeRoot.theme-dark .noidiScreen .dayExpand small,.practiceThemeRoot.theme-dark .noidiScreen .dayExpand i{color:#8794b6}.practiceThemeRoot.theme-dark .noidiScreen .quickDay{color:#b7c3e4;background:#11182a;border-color:#99a9de38}.practiceThemeRoot.theme-dark .noidiScreen .learnedSentences,.practiceThemeRoot.theme-dark .noidiScreen .topicLearnedList{background:#0f1627}.practiceThemeRoot.theme-dark .noidiScreen .learnedSentence{border-color:#7084c31f}.practiceThemeRoot.theme-dark .noidiScreen .sentenceExpand{color:#eef2ff;background:#0f1627}.practiceThemeRoot.theme-dark .noidiScreen .sentenceNo,.practiceThemeRoot.theme-dark .noidiScreen .sentenceExpand i{color:#8794b6}.practiceThemeRoot.theme-dark .noidiScreen .quickSentence{color:#c7d0e7;background:#151d32;border-color:#99a9de33}.practiceThemeRoot.theme-dark .noidiScreen .variantList{background:#11182a}.practiceThemeRoot.theme-dark .noidiScreen .variantRow{background:#11182a;border-color:#7084c31f}.practiceThemeRoot.theme-dark .noidiScreen .variantLabel{color:#9aa7c7}.practiceThemeRoot.theme-dark .noidiScreen .variantRow b{color:#eef2ff}.practiceThemeRoot.theme-dark .noidiScreen .variantVi{color:#9aa7c7}.practiceThemeRoot.theme-dark .noidiScreen .topicPickRow{color:#c7d0e7;background:#11182a;border-color:#7084c324}.practiceThemeRoot.theme-dark .noidiScreen .topicPickRow span{color:#8794b6}.practiceThemeRoot.theme-dark .noidiScreen .topicPickRow.selected{color:#f1edff;background:#6d28d92e}.practiceThemeRoot.theme-dark .noidiScreen>.bottomTabs{background:#090e1b;border-color:#7084c329}.practiceThemeRoot.theme-dark .noidiScreen>.bottomTabs button{color:#9aa7c7;background:#151d32}.practiceThemeRoot.theme-dark .noidiScreen>.bottomTabs button.active{color:#fff;background:#6d28d9}.practiceThemeRoot.theme-dark .playerScreen.playerV2{color:#eef2ff;background:#090e1b}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .playerHeader strong{color:#f2f4ff}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .playerHeader .iconBtn{color:#e8edff;background:#ffffff09;border-color:#99a9de2e}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .promptCard.playerPrompt{background:#11182a;border-color:#7084c32e}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .playerPrompt>small{color:#8794b6}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .playerCenter b{color:#f2f4ff}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .playerCenter>span:not(.playState){color:#9aa7c7}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .playerCenter .playState{color:#a78bfa}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .playerStats{color:#b7c3e4}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .playerStatCell b{color:#f2f4ff}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .setupLine>span{color:#8794b6}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .setupLine button{color:#aeb9d5;background:#151d32;border-color:#99a9de2e}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .setupLine button.active{color:#eee7ff;background:#6d28d938;border-color:#a78bfa85}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .answerQuickRow .answerToggle{color:#aeb9d5;background:0 0;border-color:#99a9de2e}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .answerQuickRow .answerToggle.active{color:#eee7ff;background:#6d28d92e;border-color:#a78bfa73}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .registerDock .registerTabs button{color:#aeb9d5;background:#151d32;border-color:#99a9de2e}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .registerDock .registerTabs button.active{color:#eee7ff;background:#6d28d938;border-color:#a78bfa85}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .stopBtn{color:#aeb9d5;background:#151d32;border-color:#99a9de2e}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .primaryPlay{color:#fff;background:#6d28d9;border-color:#6d28d9}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .primaryPlay.active{background:#5b21b6;border-color:#5b21b6}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .playerBottomBar .autoToggle{color:#9fc7ff;background:#17365f;border-color:#2f80ed}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .playerBottomBar .autoToggle.active{color:#fff;background:#2f80ed;border-color:#2f80ed}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .confirmShade{background:#02050f9e}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .confirmCard{background:#11182a;border-color:#7084c338;box-shadow:0 14px 40px #00000057}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .confirmCard h3{color:#f2f4ff}.practiceThemeRoot.theme-dark .playerScreen.playerV2 .confirmCard p{color:#9aa7c7}.loginScreen{place-items:center;padding-top:16px;padding-bottom:16px;display:grid}.loginCard{background:#fffaf4;border:1px solid #d9ccbd;border-radius:20px;gap:14px;width:100%;max-width:360px;margin:0;padding:22px 18px;display:grid;box-shadow:0 10px 30px #46372a14}.loginBrand{text-align:center;margin-bottom:2px}.loginBrand small{color:#907c66;letter-spacing:.12em;font-size:10px;font-weight:900}.loginBrand h1{color:#493e34;margin:6px 0 0;font-size:28px}.loginCard label{gap:6px;display:grid}.loginCard label>span{color:#806e5d;font-size:10px;font-weight:900}.loginCard input{color:#493e34;background:#f8f4ed;border:1px solid #d9ccbd;border-radius:11px;outline:none;width:100%;height:44px;padding:0 12px;font-size:14px}.loginCard input:focus{border-color:#9f876c;box-shadow:0 0 0 2px #79634c14}.loginError{text-align:center;color:#a14f4f;margin:-2px 0 0;font-size:10px;font-weight:800}.loginSubmit{color:#fff;background:#79634c;border:1px solid #79634c;border-radius:12px;height:46px;font-size:12px;font-weight:950}.practiceThemeRoot.theme-dark .loginScreen{color:#eef2ff;background:#090e1b}.practiceThemeRoot.theme-dark .loginCard{background:#11182a;border-color:#7084c32e;box-shadow:0 10px 30px #02050f2e}.practiceThemeRoot.theme-dark .loginBrand small{color:#8794b6}.practiceThemeRoot.theme-dark .loginBrand h1{color:#f2f4ff}.practiceThemeRoot.theme-dark .loginCard label>span{color:#9aa7c7}.practiceThemeRoot.theme-dark .loginCard input{color:#eef2ff;background:#0f1627;border-color:#99a9de33}.practiceThemeRoot.theme-dark .loginCard input:focus{border-color:#a78bfa8c;box-shadow:0 0 0 2px #6d28d929}.practiceThemeRoot.theme-dark .loginSubmit{color:#fff;background:#6d28d9;border-color:#6d28d9}.practiceThemeRoot.theme-dark .loginError{color:#f0a8a8}.homeScreen>:not(.homeLogout){transform:translateY(-3.5vh)}.homeScreen{position:relative}.homeLogout{color:#9a8a79;background:0 0;border:0;margin:0;padding:4px 2px;font-size:10px;font-weight:800;line-height:1;text-decoration:none;position:absolute;top:14px;left:16px}.homeLogout:hover{color:#6f5c49}.practiceThemeRoot.theme-dark .homeLogout{color:#7783a4}.practiceThemeRoot.theme-dark .homeLogout:hover{color:#b7c3e4}.studyhubRoleplayShell{grid-template-rows:minmax(0,1fr) 46px 42px}.practiceInternalTabs{grid-template-columns:repeat(3,minmax(0,1fr))}.practiceInternalTabs button{justify-content:center;gap:5px;padding-left:6px;padding-right:6px}.practiceInternalTabs button>span{flex-basis:24px;width:24px;height:24px}.practiceDialogueControlsBottom{justify-content:flex-start;height:34px;padding:3px 2px;overflow-x:auto}.practiceDialogueControlsBottom button{min-width:31px;height:28px}.dialogueVocabView{flex-direction:column;flex:1 1 0;gap:8px;min-height:0;display:flex;overflow:hidden}.dialogueVocabTabs{border-bottom:1px solid #7084c324;flex:0 0 34px;grid-template-columns:1fr 1fr;gap:6px;padding:0 2px;display:grid}.dialogueVocabTabs button{color:#8996b7;letter-spacing:.02em;background:0 0;border:0;border-bottom:2px solid #0000;height:33px;padding:0 8px;font-size:9px;font-weight:950}.dialogueVocabTabs button.active{color:#f2edff;border-bottom-color:#a78bfa}.dialogueVocabList{overscroll-behavior:contain;flex-direction:column;flex:1 1 0;gap:6px;min-height:0;padding:1px 2px 4px;display:flex;overflow-y:auto}.dialogueVocabRow{text-align:left;background:#ffffff06;border:1px solid #7084c329;border-radius:11px;flex:none;align-content:center;gap:4px;width:100%;min-height:52px;padding:8px 12px;display:grid}.dialogueVocabRow strong{color:#eef2ff;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:14px;font-weight:900;line-height:1.15}.dialogueVocabRow span{color:#98a5c5;font-size:9px;font-weight:760;line-height:1.2}.dialogueVocabRow:active{transform:translateY(1px)}.dialogueVocabQuick{flex:1 1 0;grid-template-rows:minmax(0,1fr) 42px;gap:8px;min-height:0;display:grid}.dialogueVocabQuickPrompt{text-align:center;background:radial-gradient(circle at 50% 0,#5b3fb124,#0b1120c2 72%);border:1px solid #7e91d12e;border-radius:13px;justify-content:center;align-items:center;min-height:0;padding:18px;display:flex}.dialogueVocabQuickPrompt strong{color:#f4f6ff;max-width:92%;font-size:clamp(24px,7vw,40px);font-weight:950;line-height:1.18}.dialogueVocabQuickPrompt span{color:#8f9bbb;font-size:10px;font-weight:850}.dialogueVocabQuickNext{color:#fff;background:linear-gradient(135deg,#5b3fb1f2,#7c4dd6eb);border:1px solid #8b5cf67a;border-radius:11px;height:42px;font-size:10px;font-weight:950}.practiceThemeRoot.theme-light .dialogueVocabTabs{border-bottom-color:#ded2c4}.practiceThemeRoot.theme-light .dialogueVocabTabs button{color:#9a8875}.practiceThemeRoot.theme-light .dialogueVocabTabs button.active{color:#5a4939;border-bottom-color:#92785d}.practiceThemeRoot.theme-light .dialogueVocabRow{background:#fffdf9;border-color:#ded2c4}.practiceThemeRoot.theme-light .dialogueVocabRow strong{color:#493d32}.practiceThemeRoot.theme-light .dialogueVocabRow span{color:#8d7965}.practiceThemeRoot.theme-light .dialogueVocabQuickPrompt{background:radial-gradient(circle at 50% 0,#eee4d8,#fffaf4 72%);border-color:#ded2c4}.practiceThemeRoot.theme-light .dialogueVocabQuickPrompt strong{color:#493d32}.practiceThemeRoot.theme-light .dialogueVocabQuickPrompt span{color:#9a8875}.practiceThemeRoot.theme-light .dialogueVocabQuickNext{color:#fff;background:#8a6f52;border-color:#8a6f52}@media (width<=390px){.practiceInternalTabs button{gap:3px;padding-left:3px;padding-right:3px}.practiceInternalTabs button>span{flex-basis:22px;width:22px;height:22px;font-size:10px}.practiceInternalTabs button>b{font-size:8px}.dialogueVocabRow{min-height:48px;padding:7px 10px}.dialogueVocabRow strong{font-size:13px}.dialogueVocabQuickPrompt strong{font-size:clamp(22px,7vw,34px)}}.dialogueVocabView{gap:7px}.dialogueVocabTabs{border-top:1px solid #7084c324;border-bottom:0;flex:0 0 34px;order:2}.dialogueVocabList,.dialogueVocabQuick{order:1}.practiceRoleplayStage{contain:layout paint style}.practiceThemeRoot.theme-light .dialogueVocabTabs{border-top-color:#ded2c4;border-bottom-color:#0000}.dialogueVocabQuickPrompt{flex-direction:column;gap:12px}.dialogueVocabQuickPrompt em{color:#c4b5fd;max-width:92%;font-size:clamp(18px,5vw,28px);font-style:normal;font-weight:950;line-height:1.2}.dialogueVocabQuickActions{grid-template-columns:1fr 1fr;gap:8px;min-width:0;display:grid}.dialogueVocabQuickAnswer{color:#dbe3ff;background:#18213ac2;border:1px solid #7e91d147;border-radius:11px;height:42px;font-size:10px;font-weight:950}.dialogueVocabQuickAnswer:disabled{opacity:.4}.practiceThemeRoot.theme-light .dialogueVocabQuickPrompt em{color:#7b624a}.practiceThemeRoot.theme-light .dialogueVocabQuickAnswer{color:#5f4d3c;background:#f4ede4;border-color:#d8cbbb}.dialogueVocabRow{align-items:center;align-content:initial;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.dialogueVocabRow span,.dialogueVocabRow strong{font-size:14px;line-height:1.2}.dialogueVocabRow span{text-align:left}@media (width<=390px){.dialogueVocabRow span,.dialogueVocabRow strong{font-size:13px}}.dialogueVocabRow strong{text-align:left}.studyhubRoleplayShell{grid-template-rows:minmax(0,1fr) 36px 42px;position:relative}.practiceInternalTabs{gap:5px;height:36px}.practiceInternalTabs button{border-radius:9px;justify-content:center;height:36px;padding:0 6px}.practiceInternalTabs button>span{display:none}.practiceInternalTabs button>b{font-size:14px;font-weight:950;line-height:1}.practiceRoleplayStage{border-radius:11px;gap:6px;padding:6px}.practiceRoleplaySample{gap:0}.practiceRoleplaySampleHead{display:none}.practiceRoleplayScript{background:0 0;border:0;border-radius:8px;gap:5px;padding:4px}.practiceRoleplayLine{cursor:pointer;grid-template-columns:25px minmax(0,1fr);gap:6px}.practiceRoleplayLineText span{min-height:1.24em}.practiceRoleplayLine.reading-hidden .practiceRoleplayLineText span{visibility:hidden}.practiceRoleplayLine.reading-current{box-shadow:0 0 0 1px #a78bfa38}.practiceRoleplaySample.reading-active .practiceRoleplayLine{cursor:default}.practiceCompactNav.dimmed{opacity:.28;pointer-events:none}.sampleReadingPopup{z-index:8;background:#0d1323f5;border:1px solid #7e91d147;border-radius:11px;grid-template-columns:1.1fr .9fr 1fr 32px;align-items:center;gap:5px;height:42px;padding:4px 5px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000002e}.sampleReadingPopup>button,.sampleReadingAnswer{color:#cbd5e1;background:#ffffff0a;border:1px solid #94a3b83d;border-radius:8px;min-width:0;height:32px;font-size:9px;font-weight:950}.sampleReadingPopup>button.active{color:#f5f3ff;background:#6d28d942;border-color:#a78bfab8}.sampleReadingPopup>button:disabled{opacity:.38}.sampleReadingAnswer{cursor:pointer;justify-content:center;align-items:center;gap:5px;padding:0 7px;display:flex}.sampleReadingAnswer input{accent-color:#8b5cf6;width:14px;height:14px;margin:0}.sampleReadingAnswer span{white-space:nowrap}.sampleReadingPopup .sampleReadingClose{width:32px;padding:0;font-size:18px;line-height:1}.practiceThemeRoot.theme-light .practiceRoleplayScript{background:0 0;border-color:#0000}.practiceThemeRoot.theme-light .practiceRoleplayLine.reading-current{box-shadow:0 0 0 1px #79634c2e}.practiceThemeRoot.theme-light .sampleReadingPopup{background:#fffaf4f7;border-color:#d7c9b9;box-shadow:0 -8px 20px #46372a1f}.practiceThemeRoot.theme-light .sampleReadingPopup>button,.practiceThemeRoot.theme-light .sampleReadingAnswer{color:#665443;background:#f3ede5;border-color:#d8cab9}.practiceThemeRoot.theme-light .sampleReadingPopup>button.active{color:#493d32;background:#e9ded1;border-color:#9f876c}.practiceThemeRoot.theme-light .sampleReadingAnswer input{accent-color:#8a6f52}@media (width<=390px){.studyhubRoleplayShell{grid-template-rows:minmax(0,1fr) 34px 42px}.practiceInternalTabs{height:34px}.practiceInternalTabs button{height:34px;padding:0 3px}.practiceInternalTabs button>b{font-size:13px}.practiceRoleplayLine{grid-template-columns:24px minmax(0,1fr)}.sampleReadingPopup{grid-template-columns:1.05fr .9fr 1fr 30px;gap:4px;padding:4px}.sampleReadingPopup>button,.sampleReadingAnswer{font-size:8px}.sampleReadingPopup .sampleReadingClose{width:30px}}.practiceRoleplayLineText span{font-size:14px;line-height:1.36}.readingConfirmOverlay{z-index:20;background:#05081094;place-items:center;padding:14px;display:grid;position:absolute;inset:0}.readingConfirmCard{text-align:center;background:#121a2b;border:1px solid #94a3b847;border-radius:14px;width:min(300px,100% - 24px);padding:16px;box-shadow:0 18px 48px #00000057}.readingConfirmCard>strong{color:#f4f6fb;font-size:15px;font-weight:950;line-height:1.3;display:block}.readingConfirmCard>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.readingConfirmCard button{color:#cbd5e1;background:#ffffff0d;border:1px solid #94a3b840;border-radius:9px;height:36px;font-size:11px;font-weight:950}.readingConfirmCard button.primary{color:#f5f3ff;background:#6d28d957;border-color:#a78bfab8}.practiceThemeRoot.theme-light .readingConfirmOverlay{background:#47372847}.practiceThemeRoot.theme-light .readingConfirmCard{background:#fffaf4;border-color:#d7c9b9;box-shadow:0 18px 42px #46372a2e}.practiceThemeRoot.theme-light .readingConfirmCard>strong{color:#493d32}.practiceThemeRoot.theme-light .readingConfirmCard button{color:#665443;background:#f3ede5;border-color:#d7c9b9}.practiceThemeRoot.theme-light .readingConfirmCard button.primary{color:#493d32;background:#e9ded1;border-color:#9f876c}@media (width<=390px){.practiceRoleplayLineText span{font-size:13px}.readingConfirmCard>strong{font-size:14px}}.practiceRoleplayLineText{align-items:center;gap:8px;display:flex}.practiceRoleplayLineText>span{flex:1;min-width:0}.readingLineCountdown{text-align:right;color:#a78bfa;font-variant-numeric:tabular-nums;flex:none;min-width:28px;font-size:12px;font-style:normal;font-weight:950;line-height:1}.practiceThemeRoot.theme-light .readingLineCountdown{color:#876c50}.practiceSituationDropup{z-index:12;width:106px;min-width:106px;height:34px;position:relative}.practiceSituationDropup .practiceSituationSelect{background-image:none;justify-content:space-between;align-items:center;gap:7px;padding:0 9px 0 12px;display:flex}.practiceSituationDropup .practiceSituationSelect>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.practiceSituationDropup .practiceSituationSelect>b{color:#aeb8d5;flex:none;font-size:13px;line-height:1;transform:translateY(-1px)}.practiceSituationDropup .practiceSituationSelect:disabled{opacity:.42;cursor:default}.practiceSituationMenu{background:#14192a;border:1px solid #99a9de38;border-radius:10px;gap:3px;width:100%;padding:4px;display:grid;position:absolute;bottom:calc(100% + 5px);left:0;overflow:hidden;box-shadow:0 -10px 24px #02050f47}.practiceSituationMenu button{color:#dfe5f7;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;width:100%;height:31px;padding:0 9px;font-size:10px;font-weight:900}.practiceSituationMenu button:hover{background:#ffffff0e}.practiceSituationMenu button.active{color:#f5f3ff;background:#6d28d938;border-color:#a78bfa6b}.practiceThemeRoot.theme-light .practiceSituationDropup .practiceSituationSelect>b{color:#786452}.practiceThemeRoot.theme-light .practiceSituationMenu{background:#fffaf4;border-color:#d8cab9;box-shadow:0 -10px 22px #46372a26}.practiceThemeRoot.theme-light .practiceSituationMenu button{color:#665443}.practiceThemeRoot.theme-light .practiceSituationMenu button:hover{background:#f3ede5}.practiceThemeRoot.theme-light .practiceSituationMenu button.active{color:#493d32;background:#e9ded1;border-color:#b7a087}@media (width<=390px){.practiceSituationDropup{width:98px;min-width:98px}.practiceSituationDropup .practiceSituationSelect{padding-left:9px}.practiceSituationMenu button{font-size:9px}.readingLineCountdown{min-width:25px;font-size:11px}}.practiceCompactNav{grid-template-columns:minmax(0,1fr);gap:0}.practiceDialogueControlsBottom{justify-content:center;width:100%;padding:3px 4px}@media (width<=390px){.practiceCompactNav{grid-template-columns:minmax(0,1fr);gap:0}}.practiceRoleplayLine.reading-previous{opacity:.5}.practiceRoleplayLine.reading-previous .practiceRoleplayLineText span{color:#aeb7c8}.practiceThemeRoot.theme-light .practiceRoleplayLine.reading-previous .practiceRoleplayLineText span{color:#8f8274}.practiceRoleplayLineText{grid-template-columns:minmax(0,1fr) 30px;align-items:start;column-gap:8px;width:100%;display:grid}.practiceRoleplayLineText>span{overflow-wrap:anywhere;word-break:normal;min-width:0}.practiceRoleplayLineText>.readingLineCountdown{grid-area:1/2;place-self:start end;margin-top:.14em}.practiceRoleplayLineText:not(:has(.readingLineCountdown))>span{grid-column:1/-1}@media (width<=390px){.practiceRoleplayLineText{grid-template-columns:minmax(0,1fr) 27px;column-gap:6px}}.practiceRoleplayLine{align-items:start}.practiceRoleplayLine>b{margin-top:0}.practiceRoleplayLine{box-sizing:border-box;align-items:center;height:48px;min-height:48px;overflow:hidden}.practiceRoleplayLine>b{flex:none;align-self:center;margin-top:0}.practiceRoleplayLineText{align-items:center;height:100%;min-height:0}.practiceRoleplayLineText>span{-webkit-line-clamp:2;text-overflow:ellipsis;overflow-wrap:normal;word-break:keep-all;-webkit-box-orient:vertical;align-self:center;display:-webkit-box;overflow:hidden}.practiceRoleplayLineText>.readingLineCountdown{align-self:center;margin-top:0}.practiceRoleplayLineText.text-fit-medium>span{font-size:12.5px;line-height:1.28}.practiceRoleplayLineText.text-fit-small>span{font-size:11.5px;line-height:1.24}@media (width<=390px){.practiceRoleplayLine{height:46px;min-height:46px}.practiceRoleplayLineText.text-fit-medium>span{font-size:11.8px}.practiceRoleplayLineText.text-fit-small>span{font-size:10.8px}}.noidiScreen .variantRow.previewSelected{background:#efe4d7;outline:2px solid #79634c8c}.noidiScreen .previewAudioError{color:#8a4f2f;background:#fff1e7;border:1px solid #d7b7a0;border-radius:8px;margin:2px 0 6px;padding:6px 8px;font-size:9px;font-weight:800}.practiceThemeRoot.theme-dark .noidiScreen .variantRow.previewSelected{background:#6d28d933;outline-color:#a78bfa94}.practiceThemeRoot.theme-dark .noidiScreen .previewAudioError{color:#fecaca;background:#7f1d1d33;border-color:#f8717161}.noidiEntryWarmup{gap:7px;padding:2px 0 4px;display:grid}.noidiEntryWarmupRow{background:#8d6bc806;border:1px solid #8d6bc81a;border-radius:11px;justify-content:space-between;align-items:center;height:42px;padding:0 13px;display:flex}.noidiEntryWarmupRow span{opacity:.06;background:currentColor;border-radius:999px;width:92px;height:8px}.noidiEntryWarmupRow i{opacity:.045;background:currentColor;border-radius:999px;width:22px;height:8px}
