:root{--bg:#0c0807;--ink:#f6efe4;--ink-dim:#f6efe49e;--ink-faint:#f6efe45c;--gold:#d6b07a;--gold-2:#f1d3a1;--glass:#160f0c85;--glass-strong:#120c0ad1;--line:#f6efe41f;--accent:#d6b07a;--danger:#ff8f7a;--serif:"Fraunces", "Noto Sans Khmer", "Noto Naskh Arabic", "Hiragino Mincho ProN", "Songti SC", Georgia, serif;--sans:"Inter", "Noto Sans Khmer", "Noto Naskh Arabic", "Hiragino Sans", "PingFang SC", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.hidden{display:none!important}#stage{position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}#stage.pointer{cursor:pointer}.brand{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);font-size:22px;font-weight:500}.brand span{color:var(--gold);font-style:italic;font-weight:300}.brand.big{font-size:clamp(44px,8vw,76px);line-height:1}#intro{z-index:50;-webkit-backdrop-filter:blur(6px);background:radial-gradient(at 50% 40%,#2818108c,#080504eb 70%);place-items:center;padding:16px;transition:opacity .9s,visibility .9s;display:grid;position:fixed;inset:0}#intro.gone{opacity:0;visibility:hidden}.intro-card{text-align:center;max-width:640px}.tagline{font-family:var(--serif);color:var(--ink-dim);margin:18px auto 26px;font-size:clamp(17px,2.4vw,21px);font-weight:300;line-height:1.5}#intro-flags{flex-wrap:wrap;justify-content:center;gap:10px 14px;margin-bottom:30px;display:flex}#intro-flags .f{opacity:0;flex-direction:column;align-items:center;gap:4px;min-width:62px;animation:.6s forwards rise;display:flex;transform:translateY(6px)}#intro-flags .f b{font-size:26px;line-height:1}#intro-flags .f span{color:var(--ink-dim);white-space:nowrap;font-size:13px}@keyframes rise{to{opacity:1;transform:none}}#intro-key{text-align:left;max-width:420px;color:var(--ink-dim);margin:0 auto 18px;font-size:13px}#intro-key input,#key-input{border:1px solid var(--line);width:100%;color:var(--ink);font:14px var(--sans);background:#00000059;border-radius:10px;margin-top:8px;padding:11px 14px}#enter{letter-spacing:.01em;color:#1a100a;background:linear-gradient(180deg, var(--gold-2), var(--gold));border:0;border-radius:999px;min-width:250px;padding:16px 34px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;position:relative;box-shadow:0 10px 40px #d6b07a47,inset 0 1px #fff9}#enter:disabled{opacity:.55;cursor:progress}#enter:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 14px 50px #d6b07a66,inset 0 1px #fff9}.fine{color:var(--ink-faint);margin-top:18px;font-size:12.5px}#hud-top{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:fixed;top:0;left:0;right:0}#hud-top>*{pointer-events:auto}.top-actions{gap:8px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);border-radius:12px;place-items:center;width:40px;height:40px;transition:background .2s;display:grid}.icon-btn:hover{background:#3c281e99}.icon-btn svg{fill:none;width:19px;height:19px;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round}.text-btn{border:1px solid var(--line);color:var(--ink-dim);background:0 0;border-radius:8px;margin-right:6px;padding:7px 10px;font-size:12.5px}.text-btn:hover{color:var(--ink)}#labels{pointer-events:none;z-index:5;position:fixed;inset:0}.label{white-space:nowrap;text-align:center;-webkit-backdrop-filter:blur(8px);color:var(--ink-dim);will-change:transform;background:#0f0a0880;border:1px solid #ffffff14;border-radius:999px;padding:5px 11px 6px;font-size:14px;transition:opacity .35s,background .3s,color .3s;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.label b{color:var(--ink);font-size:16px;font-weight:600;font-family:var(--serif);margin:0 4px}.label .city{color:var(--gold);margin-left:4px;font-size:12.5px}.label.active{padding:7px 14px 8px}.label.active b{font-size:19px}.label .lang{color:var(--ink-faint)}.label.active{color:var(--ink);background:#d6b07a29;border-color:#d6b07a66}.label.hover{color:var(--ink);background:#3c281cb3}.label .speaking-dots{margin-left:6px;display:none}.label.talking .speaking-dots{vertical-align:middle;gap:2px;display:inline-flex}.speaking-dots i{background:var(--gold);border-radius:2px;width:3px;height:9px;animation:.8s ease-in-out infinite eq}.speaking-dots i:nth-child(2){animation-delay:.15s}.speaking-dots i:nth-child(3){animation-delay:.3s}@keyframes eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}#hud{pointer-events:none;z-index:8;position:fixed;inset:0}#hud:before{content:"";pointer-events:none;background:linear-gradient(#0000,#08050473 55%,#080504c7);height:46%;position:absolute;bottom:0;left:0;right:0}#hud>*{pointer-events:auto}#captions{pointer-events:none;flex-direction:column;gap:8px;width:min(860px,100% - 32px);display:flex;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}#captions.empty .cap,#captions.empty #correction{opacity:0}#captions .cap,#captions #correction{transition:opacity .35s}#captions.locked .cap,#captions.locked #correction{display:none}.cap{-webkit-backdrop-filter:blur(14px);background:#0e0907c7;border:1px solid #f6efe41f;border-radius:16px;padding:12px 18px 14px;box-shadow:0 12px 40px #00000073}#cap-native{border-left:3px solid var(--accent)}.cap-head{align-items:baseline;gap:12px;margin-bottom:4px;display:flex}#cap-name{font-family:var(--serif);color:var(--ink);font-size:clamp(22px,2.4vw,28px);font-weight:600}#cap-city{color:var(--gold);letter-spacing:.02em;font-size:clamp(14px,1.3vw,17px)}.cap-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:3px;font-size:11.5px;font-weight:600}#subtitle{font-family:var(--serif);min-height:1.38em;font-size:clamp(21px,2.4vw,28px);line-height:1.38}#subtitle .spoken{color:var(--ink)}#subtitle .unspoken{color:#f6efe475}#subtitle.thinking:after{content:"…";color:var(--ink-faint);animation:1.2s infinite blink}@keyframes blink{50%{opacity:.2}}#romanization{color:var(--ink-dim);margin-top:4px;font-size:15px;font-style:italic}#translation{color:#f6efe4e6;min-height:1.45em;font-size:clamp(16px,1.6vw,19px);line-height:1.45}#translation .pending{color:var(--ink-faint)}#romanization:empty,#cap-en.hidden-box{display:none}#correction{color:var(--ink);text-align:left;background:#281c12e6;border:1px solid #d6b07a73;border-radius:12px;align-self:center;max-width:680px;padding:8px 14px;font-size:14px}#correction:before{content:"✎ ";color:var(--gold)}.fade-in{animation:.5s fadein}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}}#you-said{text-align:center;width:min(760px,100% - 32px);color:var(--ink-dim);text-shadow:0 1px 10px #000000f2;pointer-events:none;min-height:20px;font-size:15px;position:absolute;bottom:126px;left:50%;transform:translate(-50%)}#you-said:not(:empty):before{content:"You: ";color:var(--ink-faint)}#you-said.live{color:var(--ink)}#controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;width:min(620px,100% - 24px);display:grid;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}#controls>#lang-toggle{justify-self:end}#controls>#type-form{justify-self:start}.pill{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:6px;height:42px;padding:0 16px;font-size:13.5px;display:flex}.pill .dim{color:var(--ink-faint)}#lang-toggle{justify-content:center;min-width:150px}#lang-toggle:hover{background:#3c281e99}#type-form{width:200px;padding:0 6px 0 16px}#type-form input{min-width:0;color:var(--ink);font:14px var(--sans);background:0 0;border:0;outline:none;flex:1}#type-form input::placeholder{color:var(--ink-faint)}#type-form button{background:#ffffff14;border:0;border-radius:50%;width:30px;height:30px}#mic{background:radial-gradient(circle at 50% 35%,#3a2a20,#1a110c);border:0;border-radius:50%;width:76px;height:76px;padding:0;transition:transform .15s;position:relative;box-shadow:0 8px 30px #00000080,inset 0 1px #ffffff14,0 0 0 1px #d6b07a59}#mic:active{transform:scale(.96)}#mic canvas{pointer-events:none;width:120px;height:120px;position:absolute;top:-22px;left:-22px}#mic svg{fill:none;width:26px;height:26px;stroke:var(--gold-2);stroke-width:1.7px;stroke-linecap:round;margin:auto;position:absolute;inset:0}#mic .mic-off{stroke:var(--danger);stroke-width:2.2px;display:none}#mic.muted{box-shadow:0 8px 30px #00000080,0 0 0 1px #ff8f7a66}#mic.muted .mic-off{display:block}#mic.muted .mic-icon{stroke:var(--ink-faint)}#status{color:var(--ink-dim);white-space:nowrap;pointer-events:none;background:var(--glass);-webkit-backdrop-filter:blur(10px);border-radius:999px;align-self:flex-start;align-items:center;gap:7px;margin-bottom:2px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}#status .dot{background:var(--ink-faint);border-radius:50%;width:7px;height:7px}#status[data-s=listening] .dot{background:#7fd49a;animation:1.6s infinite blink;box-shadow:0 0 10px #7fd49a}#status[data-s=thinking] .dot{background:var(--gold);animation:.7s infinite blink}#status[data-s=speaking] .dot{background:var(--gold-2);box-shadow:0 0 10px var(--gold)}#status[data-s=error] .dot{background:var(--danger)}#roster{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);scrollbar-width:none;background:#0f0a0866;border-radius:14px;gap:4px;max-width:calc(100% - 16px);padding:4px;display:flex;position:absolute;bottom:10px;left:50%;overflow-x:auto;transform:translate(-50%)}#roster button{color:var(--ink-dim);white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:4px 9px;font-size:12.5px;transition:background .2s,color .2s;display:flex}#roster button:hover{color:var(--ink);background:#ffffff0f}#roster button.active{color:var(--ink);background:#d6b07a2e}#roster button .fl{font-size:15px}#roster button .n{font-weight:600}#roster kbd{color:var(--ink-faint);border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:10px}#drawer,#settings{z-index:30;background:var(--glass-strong);-webkit-backdrop-filter:blur(22px);border-left:1px solid var(--line);flex-direction:column;width:min(420px,100%);animation:.3s slidein;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes slidein{0%{opacity:0;transform:translate(30px)}}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 18px 12px;display:flex}.drawer-head h2{font-family:var(--serif);margin:0;font-size:20px;font-weight:500}#drawer-body{flex:1;padding:16px 18px 40px;overflow-y:auto}.msg{margin-bottom:16px}.msg .who{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px;font-size:11px}.msg.them .who{color:var(--gold)}.msg .txt{font-size:16px;line-height:1.45}.msg.them .txt{font-family:var(--serif)}.msg .sub{color:var(--ink-dim);margin-top:4px;font-size:13px;line-height:1.4}.msg .sub.rom{font-style:italic}.msg .fix{color:var(--gold-2);margin-top:6px;font-size:12.5px}.empty{color:var(--ink-faint);font-size:14px}#settings{overflow-y:auto}.setting{border-bottom:1px solid var(--line);padding:14px 18px}.setting>label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.setting.row{justify-content:space-between;align-items:center;display:flex}.setting.row label{margin:0;font-weight:500}.setting input[type=checkbox]{appearance:none;cursor:pointer;background:#ffffff24;border-radius:999px;width:40px;height:23px;transition:background .2s;position:relative}.setting input[type=checkbox]:after{content:"";background:var(--ink);border-radius:50%;width:17px;height:17px;transition:transform .2s;position:absolute;top:3px;left:3px}.setting input[type=checkbox]:checked{background:var(--gold)}.setting input[type=checkbox]:checked:after{transform:translate(17px)}.seg{background:#0000004d;border-radius:10px;gap:4px;padding:3px;display:flex}.seg button{color:var(--ink-dim);background:0 0;border:0;border-radius:8px;flex:1;padding:8px;font-size:13px}.seg button.on{color:var(--ink);background:#d6b07a38}.hint{color:var(--ink-faint);margin:8px 0 0;font-size:12.5px;line-height:1.5}.hint.small{padding:14px 18px}kbd{font:11px var(--sans);border:1px solid var(--line);color:var(--ink-dim);border-radius:4px;padding:1px 5px}#toast{z-index:40;-webkit-backdrop-filter:blur(10px);background:#28100ce0;border:1px solid #ff8f7a66;border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;position:fixed;top:76px;left:50%;transform:translate(-50%)}#toast.info{border-color:var(--line);background:#1c140ee0}@media (width<=720px){#captions{gap:6px;bottom:168px}.cap{padding:9px 13px 10px}#you-said{bottom:142px}#controls{gap:10px;width:calc(100% - 24px);bottom:74px}#type-form{width:100%;min-width:0}#lang-toggle{min-width:0;padding:0 12px}#lang-toggle .dim{display:none}#roster{justify-content:flex-start}#roster button .l,#roster kbd{display:none}.label{padding:4px 8px;font-size:11px}.label .lang,.label .city{display:none}#hud-top{padding:12px 14px}}.brand{text-decoration:none}.badge{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-variant-numeric:tabular-nums;background:#ffffff1a;border-radius:999px;align-self:center;padding:3px 9px;font-size:11px;font-weight:700}.badge.low{color:#fff;background:#e8603f}.badge.pro{background:linear-gradient(180deg, var(--gold-2), var(--gold));color:#1a100a}.top-actions{align-items:center}.google-btn{color:#1f1f1f;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:11px 20px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 6px 24px #0000004d}.google-btn.big{min-width:250px;margin-bottom:12px;padding:15px 30px;font-size:16px}.google-btn svg{width:20px;height:20px}.gold-btn{color:#1a100a;background:linear-gradient(180deg, var(--gold-2), var(--gold));border:0;border-radius:999px;padding:10px 18px;font-weight:600}.btn-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.acct-line{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.row-head{justify-content:space-between;align-items:center;display:flex}.row-head label{font-size:13px;font-weight:600;margin:0!important}.free-pill{color:#9fe0b2;vertical-align:2px;background:#7fd49a2e;border-radius:999px;margin-left:6px;padding:2px 7px;font-size:10.5px;font-weight:700}#byok-fields{gap:10px;margin-top:12px;display:grid}.key-row{gap:8px;display:flex}.key-row select{border:1px solid var(--line);min-width:0;color:var(--ink);font:13.5px var(--sans);background:#00000059;border-radius:10px;flex:1;padding:9px 10px}.text-btn.wide{width:100%;padding:10px}#intro #enter.secondary{color:var(--ink);box-shadow:none;background:#ffffff14}.modal{z-index:60;-webkit-backdrop-filter:blur(8px);background:#05030299;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:#18110df7;border-radius:22px;width:min(620px,100%);padding:28px;position:relative;box-shadow:0 40px 100px #0009}.modal-card h2{font-family:var(--serif);margin:0 0 6px;font-size:28px;font-weight:500}.modal-x{position:absolute;top:14px;right:14px}.pw-options{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.pw-opt{border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:6px;padding:18px;display:flex}.pw-opt.featured{background:#d6b07a0f;border-color:#d6b07a99}.pw-opt h3{font-family:var(--serif);margin:0;font-size:20px;font-weight:500}.pw-opt p{color:var(--ink-dim);flex:1;margin:0;font-size:14px}.pw-price{font-family:var(--serif);color:var(--ink)!important;flex:0!important;font-size:36px!important}.pw-price span{font-size:14px;font-family:var(--sans);color:var(--ink-faint)}.consent{z-index:100;border:1px solid var(--line);background:#1b1411f5;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;max-width:620px;margin:0 auto;padding:14px 16px;font-size:14px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.consent p{color:var(--ink-dim);margin:0}.consent a{color:var(--gold-2)}.consent div{flex-shrink:0;gap:8px;display:flex}.consent button{border:1px solid var(--line);background:0 0;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600}.consent button.yes{background:var(--gold);color:#1a100a;border-color:var(--gold)}@media (width<=600px){.pw-options{grid-template-columns:1fr}.consent{flex-direction:column;align-items:stretch}}body.storybook{--bg:#f3f8fc;--ink:#1f2b47;--ink-dim:#1f2b47b8;--ink-faint:#1f2b477a;--gold:#e8603f;--gold-2:#c24c32;--glass:#ffffffc7;--glass-strong:#fffffff2;--line:#1f2b4724;--danger:#c2412d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg)}body.storybook #hud:before{background:linear-gradient(#0000,#e9f3fb26 50%,#e9f3fb8c)}body.storybook .cap{background:#ffffffed;border-color:#1f2b4724;box-shadow:0 10px 30px #1f2b472e}body.storybook #subtitle .unspoken{color:#1f2b476b}body.storybook #translation{color:var(--ink)}body.storybook #correction{color:var(--ink);background:#fff3ee;border-color:#e8603f80}body.storybook #you-said{text-shadow:0 1px 8px #ffffffe6}body.storybook .label{color:var(--ink-dim);background:#ffffffd1;border-color:#1f2b471f;box-shadow:0 4px 14px #1f2b4726}body.storybook .label.active{background:#fff;border-color:#e8603f8c}body.storybook .label.hover,body.storybook .icon-btn:hover,body.storybook #lang-toggle:hover{background:#fff}body.storybook .icon-btn svg{stroke:var(--ink)}body.storybook #mic{background:radial-gradient(circle at 50% 35%,#fff,#e3eff8);box-shadow:0 8px 24px #1f2b4740,0 0 0 1px #e8603f73}body.storybook #mic svg{stroke:#c24c32}body.storybook #status{text-shadow:0 1px 6px #ffffffe6}body.storybook #roster{background:#fffc}body.storybook #roster button:hover{background:#1f2b470f}body.storybook #roster button.active{background:#e8603f2e}body.storybook .brand{color:var(--ink);text-shadow:0 1px 10px #fffc}body.storybook #intro{background:radial-gradient(at 50% 40%,#c8e4f880,#7fbbe9d9 75%)}body.storybook #enter{color:#fff;background:#ee6a4d;box-shadow:0 10px 30px #e8603f4d}body.storybook #intro #enter.secondary{color:var(--ink);background:#1f2b4714}body.storybook .gold-btn{color:#fff;background:#ee6a4d}body.storybook .text-btn{color:var(--ink-dim)}body.storybook .seg{background:#1f2b4712}body.storybook .seg button.on{background:#e8603f38}body.storybook .setting input[type=checkbox]{background:#1f2b472e}body.storybook .setting input[type=checkbox]:after{background:#fff}body.storybook .setting input[type=checkbox]:checked{background:#e8603f}body.storybook #intro-key input,body.storybook #key-input,body.storybook .key-row select{color:var(--ink);background:#fff}body.storybook .modal{background:#50371e40}body.storybook .modal-card{background:#fff;box-shadow:0 30px 80px #1f2b474d}body.storybook .pw-opt.featured{background:#e8603f14}body.storybook #toast{color:var(--ink);background:#fff1ee;border-color:#c2412d66}body.storybook #toast.info{border-color:var(--line);background:#fff}body.storybook .consent{background:#fff;box-shadow:0 20px 60px #1f2b4740}body.storybook .badge{background:#1f2b471a}body.storybook .free-pill{color:#2f7a43;background:#50965a29}body.storybook .speaking-dots i{background:#e8603f}body.storybook #enter,body.storybook .gold-btn{box-shadow:0 4px #b9452c,0 10px 24px #e8603f40}body.storybook .cap{border-width:2px}body.storybook #cap-native{border-left:5px solid var(--accent)}body.storybook .label.active{border-width:2px;border-color:var(--ink);box-shadow:0 3px #1f2b4740}#begin{pointer-events:auto;z-index:9;font:600 18px var(--sans);color:#fff;cursor:pointer;background:#ee6a4d;border:0;border-radius:999px;padding:14px 44px;position:fixed;bottom:190px;left:50%;transform:translate(-50%);box-shadow:0 4px #b9452c,0 12px 30px #1f2b4740}#begin:active{transform:translate(-50%,2px);box-shadow:0 2px #b9452c}#btn-daynight .icon-moon{display:none}body.night #btn-daynight .icon-moon{display:block}body.night #btn-daynight .icon-sun{display:none}body.night .brand{color:#fdf6ea;text-shadow:0 1px 10px #00000080}body.night #you-said{color:#eef2ff;text-shadow:0 1px 8px #000000b3}body.night #you-said.live{color:#fff}.lessons-btn{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);height:40px;color:var(--ink);border-radius:12px;padding:0 14px;font-size:14px;font-weight:600}.lessons-btn:hover{background:#fff}body.in-lesson .lessons-btn{color:#fff;background:#ee6a4d;border-color:#ee6a4d}.cap-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.chip-btn{pointer-events:auto;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.chip-btn:hover{background:#fff}#btn-help{box-shadow:0 3px #1f2b4726}.cap-head{flex-wrap:wrap}.cap-tools{gap:6px;margin-left:auto;display:inline-flex}.cap-tools .chip-btn{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1f2b470d;padding:4px 10px;font-size:12px}#suggest-tray,#practice-card{z-index:9;width:min(640px,100% - 32px);color:var(--ink);border:2px solid var(--line);background:#fff;border-radius:18px;padding:12px 14px;position:absolute;bottom:150px;left:50%;transform:translate(-50%);box-shadow:0 6px #1f2b471f,0 20px 50px #1f2b4740}#suggest-tray:not(.hidden)~#captions,#practice-card:not(.hidden)~#captions{opacity:.25}.sg-head{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.sg-head .icon-btn{width:28px;height:28px}.sg-loading,.ls-loading{color:var(--ink-dim);padding:6px 0;font-size:14px}.sg-item{border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.sg-item:first-of-type{border-top:0}.sg-text,.ph-text{flex-direction:column;flex:1;min-width:0;display:flex}.sg-native,.ph-native{font-family:var(--serif);font-size:19px;line-height:1.3}.sg-rom,.ph-rom{color:var(--ink-dim);font-size:13px;font-style:italic}.sg-en,.ph-en{color:var(--ink-dim);font-size:13px}.ph-btns{flex-shrink:0;gap:4px;display:flex}.mini{border:1px solid var(--line);cursor:pointer;min-width:32px;height:32px;color:var(--ink);background:#fff;border-radius:10px;padding:0 8px;font-size:14px}.mini:hover{border-color:var(--ink)}.pc-label{letter-spacing:.08em;text-transform:uppercase;color:#e8603f;font-size:12px;font-weight:700}.pc-target{font-family:var(--serif);margin:6px 0 10px;font-size:26px}.pc-score b{font-family:var(--serif);color:var(--ink);font-size:40px}.pc-words{font-family:var(--serif);margin:4px 0;font-size:22px;line-height:1.5}.pc-words .hit{color:#2f8a55}.pc-words .miss{color:#c2412d;-webkit-text-decoration:underline wavy #c2412d80;text-decoration:underline wavy #c2412d80}.pc-heard{color:var(--ink-dim);margin-bottom:8px;font-size:13px}.pc-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#lessons-panel{z-index:30;background:var(--glass-strong);-webkit-backdrop-filter:blur(22px);border-left:1px solid var(--line);flex-direction:column;width:min(420px,100%);animation:.3s slidein;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}#lessons-body{gap:8px;padding:4px 12px 30px;display:grid}.lesson-item{text-align:left;border:2px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.lesson-item:hover{border-color:var(--ink);box-shadow:0 4px 0 var(--ink);transform:translateY(-2px)}.lesson-item.dim{opacity:.62}.li-icon{font-size:26px}.li-main{flex-direction:column;flex:1;min-width:0;display:flex}.li-main b{font-family:var(--serif);font-size:17px;font-weight:600}.li-goals{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.li-meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.cefr{color:#2b5d86;background:#5ea6dd2e;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.done{color:#2f8a55;font-size:11px;font-weight:700}#lesson-sheet{z-index:7;border:2px solid var(--line);width:310px;max-height:calc(100vh - 300px);color:var(--ink);background:#fffffff2;border-radius:18px;flex-direction:column;display:flex;position:fixed;top:76px;left:16px;box-shadow:0 6px #1f2b471f,0 20px 50px #1f2b4733}#ls-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 14px 8px;display:flex}#ls-head b{font-family:var(--serif);font-size:18px;display:block}.ls-icon{font-size:24px}.ls-native{color:var(--ink-dim);font-size:13px;display:block}.ls-count{color:#fff;background:#ee6a4d;border-radius:999px;margin-left:auto;padding:3px 9px;font-size:13px;font-weight:700}#ls-body{padding:8px 14px;font-size:14px;overflow-y:auto}#ls-body h4{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);justify-content:space-between;align-items:center;margin:12px 0 6px;font-size:11.5px;display:flex}.ls-setting{color:var(--ink-dim);margin:4px 0;font-size:13.5px}.ls-goals,.ls-phrases,.ls-vocab,.rc-wins,.rc-fixes,.rc-words,.word-list{margin:0;padding:0;list-style:none}.ls-goals li{color:var(--ink-dim);padding:3px 0 3px 24px;position:relative}.ls-goals li:before{content:"○";color:var(--ink-faint);position:absolute;left:4px}.ls-goals li.ok{color:var(--ink)}.ls-goals li.ok:before{content:"✓";color:#2f8a55;font-weight:700}.ls-phrases li{border-top:1px solid var(--line);align-items:center;gap:8px;padding:7px 0;display:flex}.ls-phrases li.ok .ph-native:after{content:" ✓";color:#2f8a55;font-family:var(--sans);font-size:14px}.ls-phrases .ph-native{font-size:16px}.ls-tip,.ls-culture{color:var(--ink-dim);margin:4px 0}.ls-example{background:#5ea6dd1a;border-radius:10px;flex-direction:column;margin:6px 0;padding:8px 10px;display:flex}.ls-example span:first-child{font-family:var(--serif);font-size:16px}.ls-example span:last-child{color:var(--ink-dim);font-size:12.5px}.ls-vocab li{padding:2px 0}.text-btn.tiny{letter-spacing:0;text-transform:none;padding:3px 8px;font-size:11px}#lesson-sheet footer{border-top:1px solid var(--line);padding:10px 14px 14px}#lesson-sheet footer .gold-btn{width:100%}.tabs{background:#1f2b4712;border-radius:10px;gap:4px;padding:3px;display:flex}.tabs button{color:var(--ink-dim);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:13px}.tabs button.on{color:var(--ink);background:#fff;font-weight:600}#words-body{flex:1;padding:12px 18px 40px;overflow-y:auto}.word-list li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.word-list li>div:first-child{flex-direction:column;flex:1;display:flex}.wl-native{font-family:var(--serif);font-size:18px}.wl-rom{color:var(--ink-dim);font-size:12.5px;font-style:italic}.wl-en{color:var(--ink-dim);font-size:13px}.recap-card{width:min(640px,100%);max-height:86vh;overflow-y:auto}.recap-card h2{align-items:center;gap:10px;display:flex}.recap-card h4{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:16px 0 6px;font-size:12px}.rc-summary{font-size:16px}.rc-wins li{padding:3px 0 3px 22px;position:relative}.rc-wins li:before{content:"★";color:#f6b93b;position:absolute;left:0}.rc-fixes li{border-top:1px solid var(--line);padding:8px 0}.rc-you{color:#c2412d;font-family:var(--serif);text-decoration:line-through}.rc-better{color:#2f8a55;font-family:var(--serif);margin-right:6px;font-size:17px}.rc-why{color:var(--ink-dim);margin-top:2px;font-size:13px}.rc-words li{padding:3px 0}.rc-next{background:#ee6a4d1a;border-radius:12px;margin-top:14px;padding:10px 12px}@media (width<=720px){#lesson-sheet{width:auto;max-height:38vh;top:64px;left:8px;right:8px}.lessons-btn{padding:0 10px;font-size:13px}#btn-help{padding:5px 10px;font-size:12px}#suggest-tray,#practice-card{bottom:168px}}