:root{--bg: #eef0ec;--surface: #ffffff;--surface-2: #f6f7f4;--ink: #14213d;--muted: #5d6679;--line: #dcdfe5;--sign: #ffc629;--sign-ink: #17181c;--sky: #2a62c9;--go: #1e9a56;--go-bg: #e3f5ea;--stop: #d2423a;--stop-bg: #fcebea;--shadow: 0 1px 2px rgb(20 33 61 / .06), 0 6px 20px rgb(20 33 61 / .06);--c-word: #2a62c9;--c-rev: #7c5cd6;--c-sent: #e0a91b;--c-talk: #1e9a56;--f-display: "Bricolage Grotesque", "IBM Plex Sans KR", system-ui, sans-serif;--f-body: "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--r: 14px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0d1322;--surface: #151d31;--surface-2: #1b2540;--ink: #e8ecf5;--muted: #9aa4ba;--line: #28324c;--sign: #ffcb3d;--sign-ink: #17181c;--sky: #77a2ff;--go: #3fcb80;--go-bg: #12301f;--stop: #ff6d63;--stop-bg: #3a1916;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .25);color-scheme:dark}}:root[data-theme=dark]{--bg: #0d1322;--surface: #151d31;--surface-2: #1b2540;--ink: #e8ecf5;--muted: #9aa4ba;--line: #28324c;--sign: #ffcb3d;--sign-ink: #17181c;--sky: #77a2ff;--go: #3fcb80;--go-bg: #12301f;--stop: #ff6d63;--stop-bg: #3a1916;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .25);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--sky);outline-offset:2px}h1,h2,h3{margin:0;text-wrap:balance}h2{font-size:17px;font-weight:700}p{margin:0}a{color:var(--sky)}.en{font-family:var(--f-display);letter-spacing:-.01em}.num{font-variant-numeric:tabular-nums;font-family:var(--f-display)}.muted{color:var(--muted)}.small{font-size:13px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--sign);color:var(--sign-ink);vertical-align:middle}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.btn{border:0;border-radius:12px;padding:11px 18px;background:var(--ink);color:var(--bg);font-weight:600;transition:transform .08s}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4}.btn.small{padding:7px 12px;font-size:13.5px;border-radius:10px}.btn.wide{width:100%;padding:14px;font-size:16px}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.btn.warn{background:var(--stop);color:#fff}.link{background:none;border:0;padding:0;color:var(--sky);text-decoration:underline;font-size:inherit}.icon-btn{background:none;border:0;padding:6px;border-radius:10px;color:var(--muted);display:grid;place-items:center}.speaker{display:inline-grid;place-items:center;border:0;background:var(--surface-2);color:var(--sky);width:32px;height:32px;border-radius:50%;vertical-align:middle;flex:none}.speaker.big{width:64px;height:64px;background:var(--sign);color:var(--sign-ink);box-shadow:0 4px #0000001f}.speaker:active{transform:scale(.94)}.app{max-width:640px;margin:0 auto;min-height:100%;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-weight:700;font-size:16.5px}.who{position:relative;display:flex;align-items:center;gap:8px}.streak-pill{font-size:13px;font-weight:700;padding:4px 10px;border-radius:99px;background:var(--sign);color:var(--sign-ink)}.who-btn{display:flex;align-items:center;gap:6px;border:0;background:var(--surface);padding:3px 12px 3px 3px;border-radius:99px;box-shadow:var(--shadow);font-weight:600}.avatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;flex:none}.switcher{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border-radius:12px;box-shadow:var(--shadow);padding:6px;min-width:180px;display:grid;gap:2px;border:1px solid var(--line)}.switcher button,.switcher a{display:flex;align-items:center;gap:8px;padding:8px 10px;border:0;background:none;border-radius:8px;text-align:left;color:var(--ink);text-decoration:none;font-size:14px}.switcher .on{background:var(--surface-2);font-weight:700}.switcher a{color:var(--sky);border-top:1px solid var(--line);border-radius:0;margin-top:4px;padding-top:10px}main{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.page{display:grid;gap:14px;padding-block:6px 20px}.card{background:var(--surface);border-radius:var(--r);padding:18px;box-shadow:var(--shadow);display:grid;gap:12px;min-width:0}.card.lead{gap:10px;justify-items:start}.sample-note{font-size:13px;padding:9px 12px;border-radius:10px;background:color-mix(in srgb,var(--sign) 22%,var(--surface))}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:center;gap:0;background:var(--surface);border-top:1px solid var(--line);padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}.tabbar a{flex:1;max-width:120px;display:grid;justify-items:center;gap:1px;padding:5px 0;color:var(--muted);text-decoration:none;font-size:11.5px;font-weight:600;border-radius:10px}.tabbar a.on{color:var(--ink)}.tabbar a.on svg{background:var(--sign);color:var(--sign-ink);border-radius:99px;padding:2px 12px;box-sizing:content-box}.pass{display:grid;grid-template-columns:1fr 104px;background:var(--ink);color:var(--bg);border-radius:18px;overflow:hidden;position:relative}.pass-main{padding:16px 18px;display:grid;gap:12px;min-width:0}.pass .eyebrow{color:color-mix(in srgb,var(--bg) 70%,transparent)}.pass-top{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.route{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.route b{display:block;font-family:var(--f-mono);font-size:30px;line-height:1;letter-spacing:.02em}.route span{font-size:12.5px;opacity:.75}.route .to{text-align:right}.flight{width:100%;height:24px;color:var(--sign)}.pass-fields{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:8px;border-top:1px dashed color-mix(in srgb,var(--bg) 35%,transparent);padding-top:10px}.pass-fields small{display:block;font-size:11px;opacity:.7}.pass-fields b{font-size:15px}.pass-stub{background:var(--sign);color:var(--sign-ink);display:grid;justify-items:center;align-content:center;gap:2px;padding:12px 8px;position:relative;border-left:2px dashed color-mix(in srgb,var(--ink) 55%,var(--sign))}.pass-stub:before,.pass-stub:after{content:"";position:absolute;left:-11px;width:20px;height:20px;border-radius:50%;background:var(--bg)}.pass-stub:before{top:-10px}.pass-stub:after{bottom:-10px}.streak-num{font-size:40px;font-weight:800;line-height:1}.pass-stub small{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em}.pass-stub .muted{color:color-mix(in srgb,var(--sign-ink) 65%,transparent);letter-spacing:0;font-family:var(--f-body)}.barcode{display:flex;align-items:flex-end;gap:1.5px;height:34px;width:84px;margin-top:8px}.barcode i{flex:1;background:var(--sign-ink);border-radius:1px}.routine-head{display:flex;align-items:center;gap:14px}.ring{position:relative;flex:none}.ring-in{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:14px}.tasks{list-style:none;margin:0;padding:0;display:grid}.tasks li{display:grid;grid-template-columns:26px 1fr auto auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.tasks .check{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--line);display:grid;place-items:center;color:#fff}.tasks li.ok .check{background:var(--go);box-shadow:none}.tasks li.ok .t-text b{color:var(--muted)}.t-text{display:grid;min-width:0}.t-count{font-size:14px;color:var(--muted)}.week-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.day{display:grid;justify-items:center;gap:3px}.day small{font-size:11.5px;color:var(--muted);min-height:1.3em}.day .dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--sign-ink)}.day.on .dot{background:var(--sign)}.day.today .dot{box-shadow:0 0 0 2px var(--ink)}.day.future .dot{opacity:.45}.stats3{grid-template-columns:repeat(3,1fr);text-align:center}.stats3 b{font-size:28px;display:block;line-height:1.1}.stats3 small{color:var(--muted);font-size:12px}.forecast{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:120px;align-items:end}.forecast div{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;height:100%;gap:4px}.forecast div i{width:100%;max-width:30px;align-self:end;background:var(--sky);border-radius:5px 5px 2px 2px;min-height:3px}.forecast span{font-size:12.5px;color:var(--muted)}.forecast small{font-size:11.5px;color:var(--muted)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:0;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);padding:6px 12px;border-radius:99px;font-size:13.5px;font-weight:600}.chip .code{font-family:var(--f-mono);font-size:11px;color:var(--muted)}.chip.on{background:var(--ink);color:var(--bg);box-shadow:none}.chip.on .code{color:var(--sign)}.filter-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.seg{display:inline-flex;background:var(--surface-2);border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}.seg button{border:0;background:none;padding:6px 11px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--muted)}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.search{flex:1;min-width:120px;border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:7px 12px}.wlist,.slist,.dlist,.plist,.rank{list-style:none;margin:0;padding:0}.wlist{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow)}.wlist li{display:grid;grid-template-columns:32px 1fr auto 40px;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}.wlist li:first-child{border-top:0}.wlist .empty{display:block;text-align:center;padding:24px}.w-main{min-width:0}.w-main b{font-size:17px}.w-main .muted{display:block;font-size:13.5px}.pos{font-size:11px;font-weight:700;color:var(--sky);border:1px solid currentColor;border-radius:4px;padding:0 4px;margin-right:4px;vertical-align:2px}.stage{display:flex;gap:3px}.stage i{width:7px;height:7px;border-radius:50%;background:var(--line)}.stage i.on{background:var(--go)}.due{font-size:12px;color:var(--muted);text-align:right}.slist{display:grid;gap:8px}.slist li{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;background:var(--surface);padding:12px 14px;border-radius:12px}.slist li>div{min-width:0}.slist .en{font-size:16px}.dlist{display:grid;gap:8px}.dlist button{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;border:0;background:var(--surface);padding:14px;border-radius:12px;box-shadow:var(--shadow)}.code-tag{font-family:var(--f-mono);font-size:12px;font-weight:700;background:var(--ink);color:var(--sign);padding:4px 7px;border-radius:6px}.d-text{display:grid}.best{font-size:13px;font-weight:700;color:var(--muted)}.best.full{color:var(--go)}.locked{background:var(--surface-2);box-shadow:none;border:1.5px dashed var(--line)}.tier{grid-template-columns:auto 1fr;align-items:center;gap:16px}.tier h2{font-size:24px}.medal{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:22px;color:#fff;box-shadow:inset 0 -5px #0000002e}.medal.t0{background:#b07042}.medal.t1{background:#8d99ad}.medal.t2{background:#e0a91b}.medal.t3{background:#2fa7a0}.medal.t4{background:#5b7cfa}.rank{display:grid}.rank li{display:grid;grid-template-columns:22px auto 1fr auto;gap:10px;align-items:center;padding:10px 6px;border-top:1px solid var(--line);border-radius:10px}.rank li:first-child{border-top:0}.rank li.me{background:color-mix(in srgb,var(--sign) 18%,transparent)}.pos-n{font-weight:800;font-size:17px;text-align:center}.r-main{min-width:0;display:grid;gap:5px}.r-top{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.r-bar{height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden}.r-bar i{display:block;height:100%;border-radius:99px}.tiers{display:flex;flex-wrap:wrap;gap:6px}.tiers span{font-size:12px;padding:3px 9px;border-radius:99px;background:var(--surface-2);color:var(--muted)}.tiers span.on{background:var(--ink);color:var(--bg)}.plist{display:grid;gap:6px}.plist button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:var(--surface-2);padding:8px 12px;border-radius:12px;text-align:left}.plist button>span:not(.avatar):not(.tag){display:grid;flex:1}.plist button.on{box-shadow:inset 0 0 0 2px var(--ink)}.add-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.add-form input:not([type]),.field input{border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 12px;min-width:0}.field{display:grid;gap:6px}.field>span{font-size:13px;font-weight:600;color:var(--muted)}.toggle{display:inline-flex;gap:8px;align-items:center;font-size:14px}.toggle input{width:18px;height:18px;accent-color:var(--ink)}.danger .confirm{display:grid;gap:10px;padding:12px;border-radius:10px;background:var(--stop-bg)}.session{min-height:100%;display:flex;flex-direction:column;max-width:640px;margin:0 auto}.session-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;display:flex;align-items:center;gap:10px;background:var(--bg);padding-block:10px;padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));min-height:56px}.bar{flex:1;height:10px;background:var(--line);border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--go);border-radius:99px;transition:width .3s}.session-title{font-size:13px;font-weight:600;color:var(--muted)}.quit-ask{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;padding-left:6px}.session-body{flex:1;padding-block:8px 32px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.q-type{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.q,.wcard,.sent{display:grid;gap:14px}.q-prompt{font-size:26px;padding-block:14px 2px}.q-prompt.en{font-size:44px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.q-prompt.ko{font-size:26px;font-weight:700}.q-cloze{font-family:var(--f-display);font-size:24px;line-height:1.4;padding-top:12px}.q-sub{color:var(--muted)}.choices{display:grid;gap:8px}.choice{text-align:left;border:0;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line),0 2px 0 var(--line);padding:14px 16px;border-radius:12px;font-size:16px;font-weight:500}.choice.en{font-family:var(--f-display);font-size:18px}.choice:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--ink),0 2px 0 var(--line)}.choice.right{background:var(--go-bg);box-shadow:inset 0 0 0 2px var(--go);color:var(--ink)}.choice.wrong{background:var(--stop-bg);box-shadow:inset 0 0 0 2px var(--stop)}.choice.dim{opacity:.5}.choice.dim-text{color:var(--muted);background:transparent;box-shadow:none;text-align:center;font-size:14px}.choice:disabled{cursor:default}.spell{display:flex;gap:8px}.spell input{flex:1;min-width:0;font-family:var(--f-display);font-size:24px;padding:12px 14px;border-radius:12px;border:2px solid var(--line);background:var(--surface)}.feedback{display:grid;gap:10px;padding:16px;border-radius:14px;animation:rise .18s ease-out}.feedback.good{background:var(--go-bg)}.feedback.bad{background:var(--stop-bg)}.fb-head{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.fb-head b{font-size:18px}.feedback.good .fb-head b{color:var(--go)}.feedback.bad .fb-head b{color:var(--stop)}.fb-head em{font-style:normal;font-weight:700}.fb-word{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.en.big{font-size:22px;font-weight:700}.fb-ex .en{font-size:16px}@keyframes rise{0%{transform:translateY(6px);opacity:.4}}.wcard-word{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px}.wcard-word h2{font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1;overflow-wrap:anywhere}.wcard-mean{font-size:22px;font-weight:600}.wcard-ex{background:var(--surface);padding:16px;border-radius:14px;display:grid;gap:6px;box-shadow:var(--shadow)}.wcard-ex .en{font-size:19px}.sent-listen{display:flex;align-items:center;gap:12px;padding-top:10px}.sent-ko{font-size:19px;font-weight:600}.built{min-height:64px;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;padding:10px;border-radius:12px;border:2px dashed var(--line);align-items:center}.built.good{border:2px solid var(--go);background:var(--go-bg)}.built.bad{border:2px solid var(--stop);background:var(--stop-bg)}.tiles{display:flex;flex-wrap:wrap;gap:6px}.tile{font-family:var(--f-display);font-size:17px;border:0;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line),0 2px 0 var(--line);padding:8px 12px;border-radius:10px}.tile:disabled{opacity:.25}.tile.on{background:var(--ink);color:var(--bg);box-shadow:none;opacity:1}.big-line{font-size:21px;font-weight:600}.speak{display:grid;gap:10px;justify-items:start}.mic{display:inline-flex;align-items:center;gap:8px;border:0;padding:12px 18px;border-radius:99px;background:var(--sky);color:#fff;font-weight:600}.mic.on{background:var(--stop);animation:pulse 1.2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--stop) 25%,transparent)}}.heard{display:grid;gap:4px;padding:12px 14px;border-radius:12px;width:100%;grid-template-columns:1fr auto}.heard p,.heard button{grid-column:1 / -1;justify-self:start}.heard.good{background:var(--go-bg)}.heard.ok{background:color-mix(in srgb,var(--sign) 25%,var(--surface))}.heard.bad{background:var(--stop-bg)}.heard .score{font-family:var(--f-display);font-weight:800;font-size:20px}.chat{display:grid;gap:12px}.chat-top{display:flex;justify-content:space-between;align-items:center}.bubbles{display:grid;gap:10px}.bubble{max-width:86%;padding:10px 14px;border-radius:16px;display:grid;gap:3px;animation:rise .2s ease-out}.bubble.them{background:var(--surface);border-bottom-left-radius:4px;box-shadow:var(--shadow)}.bubble.me{background:var(--ink);color:var(--bg);justify-self:end;border-bottom-right-radius:4px}.bubble .en{font-size:16.5px}.bubble .ko{font-size:13px;opacity:.75}.reply{display:grid;gap:10px;padding-top:6px;border-top:1px solid var(--line)}.hint{font-size:14px;padding:10px 12px;background:var(--stop-bg);border-radius:10px}.opt-list{margin:0;padding-left:18px;display:grid;gap:4px;font-size:16px}.speak-turn{display:grid;gap:10px;justify-items:start}.done{display:grid;gap:14px;justify-items:center;text-align:center;padding-top:28px}.done.inline{padding-top:12px}.done ul{list-style:none;padding:0;margin:0;display:grid;gap:4px;color:var(--muted)}.done .row{width:100%}.done .row .btn{flex:1}.stamp{width:132px;height:132px;border-radius:50%;border:4px double var(--stop);color:var(--stop);display:grid;place-items:center;align-content:center;transform:rotate(-12deg);font-family:var(--f-mono);animation:stamp .35s cubic-bezier(.2,1.6,.4,1)}.stamp span{font-size:12px;letter-spacing:.2em;font-weight:700}.stamp b{font-family:var(--f-display);font-size:40px;line-height:1}.stamp small{font-size:11px;letter-spacing:.2em}@keyframes stamp{0%{transform:rotate(-12deg) scale(1.8);opacity:0}}@media (max-width: 420px){.pass{grid-template-columns:1fr 86px}.route b{font-size:24px}.q-prompt.en{font-size:38px}.wcard-word h2{font-size:42px}.tasks li{grid-template-columns:24px 1fr auto}.tasks .t-count{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.ai-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tag.ok{background:var(--go);color:#fff}.topic-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px}.topic-grid button{width:100%;height:100%;text-align:left;display:grid;gap:2px;border:0;background:var(--surface-2);padding:12px;border-radius:12px}.topic-grid button:hover{box-shadow:inset 0 0 0 2px var(--ink)}.free-start{display:grid;gap:10px;justify-items:start}.msg{display:grid;gap:6px}.msg.me{justify-items:end}.fbcard{max-width:92%;display:grid;gap:8px;padding:12px 14px;border-radius:12px;background:var(--surface);border:1.5px dashed var(--line);font-size:14px}.fbcard .fix s{color:var(--stop)}.fbcard .fix b{color:var(--go)}.fbcard .better .en{font-size:15.5px}.nw{display:flex;flex-wrap:wrap;gap:6px}.nw .chip{font-weight:500;text-align:left}.nw .chip:disabled{opacity:.6}.typing{display:flex;gap:4px;padding:14px;width:max-content}.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:blink 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{50%{opacity:.2}}.hint-line{display:grid;gap:2px;text-align:left;border:0;background:color-mix(in srgb,var(--sign) 22%,var(--surface));padding:10px 12px;border-radius:10px}.hint-line .en{font-size:16px}.phrases{display:flex;flex-wrap:wrap;gap:6px}.phrases .chip{font-weight:500}.composer{display:flex;gap:8px;align-items:center;position:sticky;bottom:env(safe-area-inset-bottom,0px);background:var(--bg);padding-block:8px}.composer input{flex:1;min-width:0;border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:11px 14px;font-size:16px}.mic.round{padding:0;width:44px;height:44px;justify-content:center;flex:none}.sync-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--line)}.dot-s{width:10px;height:10px;border-radius:50%;background:var(--line)}.dot-s.ok{background:var(--go)}.dot-s.error{background:var(--stop)}.dot-s.syncing{background:var(--sign)}.chat,.q,.wcard,.sent,.done{grid-template-columns:minmax(0,1fr)}.hint,.fbcard,.bubble{overflow-wrap:anywhere}div.hint{display:grid;gap:8px;justify-items:start}.q-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.seen{font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--surface-2);color:var(--muted)}.seen.new{background:var(--stop);color:#fff}.w-ko{font-size:22px;font-weight:700;line-height:1.45;padding-top:10px}.write{display:grid;gap:12px}.w-en{font-size:25px;line-height:1.7;background:var(--surface);padding:16px 18px;border-radius:14px;box-shadow:var(--shadow)}.w-en input{font:inherit;font-weight:700;color:var(--sky);border:0;border-bottom:3px solid var(--sky);background:color-mix(in srgb,var(--sky) 10%,transparent);border-radius:6px 6px 0 0;padding:0 4px;margin:0 4px;text-align:center;max-width:100%}.w-en input:focus{outline:none;background:color-mix(in srgb,var(--sky) 18%,transparent)}.w-en input.ok{color:var(--go);border-color:var(--go);background:var(--go-bg)}.w-en input.no{color:var(--stop);border-color:var(--stop);background:var(--stop-bg)}.w-tools{align-items:center}.w-tools .btn:last-child{margin-left:auto}.due-tag{margin-left:auto;font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--ink);color:var(--bg)}.btn.slow{padding:4px 9px;font-size:12px;margin-left:4px}.streak-pill{text-decoration:none}.ch-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ch-head h2{flex:1;min-width:0}.day.half .dot{background:color-mix(in srgb,var(--sign) 35%,var(--surface-2));font-weight:800}.chart-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.acc{font-size:13px;color:var(--muted)}.acc b{color:var(--go);font-size:16px}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--muted)}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.stack{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:140px;align-items:end}.stack>div{display:grid;grid-template-rows:1fr auto;height:100%;justify-items:center;gap:4px}.stack .col{align-self:end;width:100%;max-width:34px;min-height:3px;display:flex;flex-direction:column-reverse;gap:2px;border-radius:6px;overflow:hidden;background:var(--surface-2)}.stack .col i{display:block;min-height:3px}.stack small{font-size:11.5px;color:var(--muted)}.stack .today small{color:var(--ink);font-weight:700}.wrong-card{grid-template-columns:1fr auto;align-items:center;border:1.5px solid var(--stop-bg)}.wrong-card h2 .num{color:var(--stop)}.streak-card{grid-template-columns:auto 1fr;gap:18px;align-items:center}.sc-left{display:grid;justify-items:center}.big-n{font-size:48px;font-weight:800;line-height:1;color:var(--ink)}.sc-right{display:grid;gap:8px;min-width:0}.sc-right .row{justify-content:space-between}.cal-head{display:flex;justify-content:space-between;align-items:center}.cal-head h2{font-size:22px}.cal-head .icon-btn{font-size:26px;width:40px;height:40px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}.cal-grid>small{font-size:12px}.cday{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;font-size:13px;color:var(--muted);background:var(--surface-2);font-variant-numeric:tabular-nums}.cday.silver{background:color-mix(in srgb,var(--sign) 30%,var(--surface-2));color:var(--ink)}.cday.gold{background:var(--sign);color:var(--sign-ink);font-size:17px}.cday.today{box-shadow:0 0 0 2px var(--ink)}.cday.future{opacity:.4}.medals{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.medal-s{display:grid;justify-items:center;gap:2px;opacity:.35;filter:grayscale(1)}.medal-s.got{opacity:1;filter:none}.medal-s .disc{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:inset 0 -4px #0003}.medal-s small{font-size:11px}.m0 .disc{background:#b07042}.m1 .disc{background:#8d99ad}.m2 .disc{background:#e0a91b}.m3 .disc{background:linear-gradient(135deg,#e0a91b,#7c5cd6)}.course{display:grid;gap:8px}.course-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.scene-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:8px}.scene-grid button{position:relative;width:100%;height:100%;text-align:left;display:grid;gap:4px;align-content:start;justify-items:start;border:0;background:var(--surface);padding:14px;border-radius:14px;box-shadow:var(--shadow);min-height:104px}.scene-grid button.cleared{background:color-mix(in srgb,var(--sign) 14%,var(--surface))}.grade-badge{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:18px;color:#fff;transform:rotate(-10deg)}.g-S{background:linear-gradient(135deg,#e0a91b,#c07a00)}.g-A{background:#2a62c9}.g-B{background:#8d99ad}.grade{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;align-content:center;color:#fff;transform:rotate(-10deg);animation:stamp .35s cubic-bezier(.2,1.6,.4,1)}.grade b{font-family:var(--f-display);font-size:56px;line-height:1}.grade small{font-family:var(--f-mono);letter-spacing:.2em;font-size:11px}.stars{display:inline-flex;gap:1px;font-size:18px;color:var(--line)}.stars i{font-style:normal}.stars i.on{color:var(--sign)}.bubble.me .stars{font-size:14px}.write-turn{display:grid;gap:10px}.write-turn .w-ko{padding-top:0;font-size:20px}.hint-soft{font-size:17px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--sign) 22%,var(--surface))}.write-turn .composer{position:static;padding:0}.bubble.me .stars i{color:#ffffff40}.bubble.me .stars i.on{color:var(--sign)}.masked{font-size:24px;line-height:2.1;display:flex;flex-wrap:wrap;gap:4px 8px;background:var(--surface);padding:14px 16px;border-radius:14px;box-shadow:var(--shadow)}.masked .tk{display:inline-block;min-height:1.3em;border-bottom:3px solid var(--line);border-radius:4px;background:var(--surface-2);position:relative}.masked .tk i{position:absolute;right:-.35em;bottom:-2px;font-style:normal}.masked .tk.on{background:none;border-color:transparent;color:var(--ink);animation:pop .25s ease-out}.masked.full .tk.on{color:var(--go)}@keyframes pop{0%{transform:translateY(4px);opacity:.3}}.heard-line{font-size:14px;padding:8px 12px;border-radius:10px;background:var(--surface-2)}.heard-line.good{background:var(--go-bg)}.heard-line.ok{background:color-mix(in srgb,var(--sign) 22%,var(--surface))}.heard-line.bad{background:var(--stop-bg)}.big-mic{justify-self:center;padding:16px 26px;font-size:16px}.shadow .composer{position:static;padding:0}.len-hint{font-size:15px;letter-spacing:.08em;color:var(--muted)}.pattern-intro{display:grid;gap:14px;padding-top:10px}.pattern-intro h2{font-size:28px}.rule{font-size:16px;line-height:1.7;padding:14px 16px;border-radius:12px;background:color-mix(in srgb,var(--sign) 16%,var(--surface))}.ex-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ex-list .en{font-size:18px}.pat-level{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}.pat-level .code-tag{margin-top:12px}.more summary{cursor:pointer;font-weight:700}.more[open]{gap:12px}.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0a0e1c73;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:640px;max-height:88vh;overflow-y:auto;background:var(--bg);border-radius:20px 20px 0 0;display:grid;gap:12px;animation:rise .2s ease-out;padding:18px max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.sheet-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.sheet-head h2{font-size:30px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tags{display:flex;gap:6px;flex-wrap:wrap}.ask{display:grid;gap:10px}.ask h3{font-size:15px}.ask .composer{position:static;padding:0}.answer{background:var(--surface);border-radius:12px;padding:12px 14px;display:grid;gap:6px;box-shadow:var(--shadow)}.answer p{white-space:pre-wrap;font-size:14.5px;line-height:1.65}.stats3 button{border:0;background:none;padding:4px;border-radius:10px;display:grid;justify-items:center}.stats3 button.on{background:var(--surface-2)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:8px}.plan-btn{border:0;background:var(--surface-2);border-radius:14px;padding:14px;display:grid;gap:2px;justify-items:start;text-align:left}.plan-btn b{font-size:28px;line-height:1}.plan-btn span{font-weight:700}.plan-btn small{color:var(--muted);font-size:12px}.plan-btn.main{background:var(--ink);color:var(--bg)}.plan-btn.main small{color:color-mix(in srgb,var(--bg) 70%,transparent)}.plan-btn.warn b{color:var(--stop)}.plan-btn:disabled{opacity:.45}.plan-btn:not(:disabled):hover{box-shadow:inset 0 0 0 2px var(--ink)}.wtabs{display:flex;overflow-x:auto;flex-wrap:nowrap;max-width:100%}.wtabs button{white-space:nowrap}.w-open{border:0;background:none;text-align:left;padding:0;cursor:pointer}.wlist.flat{box-shadow:none;background:var(--surface-2)}.chat-top{flex-wrap:wrap;gap:6px 12px}.toggle.small{font-size:13px}.chip.on-soft{background:var(--go-bg);box-shadow:inset 0 0 0 1.5px var(--go)}