@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&family=Noto+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--paper: #fbf8f2;--surface: #ffffff;--surface-soft: #f3efe7;--surface-muted: #eee9df;--ink: #273637;--ink-2: #526363;--ink-3: #8b9691;--line: #e5e0d7;--amber: #ffa412;--amber-soft: #fff1d4;--amber-ink: #986000;--teal: #0e9b8e;--teal-soft: #dff4ef;--teal-ink: #08756e;--coral: #e14d3b;--coral-soft: #fbe5df;--coral-ink: #ac392f;--sunk: #f7e7bd;--shadow: 0 16px 40px rgba(57, 54, 44, .08);--shadow-small: 0 5px 16px rgba(57, 54, 44, .07);--ui: "Noto Sans TC", sans-serif;--display: "Outfit", "Noto Sans TC", sans-serif;--roman: "Noto Sans", "Noto Sans TC", sans-serif}html[data-theme=dark]{--paper: #17201f;--surface: #202b2a;--surface-soft: #293836;--surface-muted: #314442;--ink: #eff6f0;--ink-2: #b9cbc3;--ink-3: #8aa19a;--line: #3a4d4a;--teal-soft: #173e3a;--amber-soft: #4a381f;--coral-soft: #4a2926;--sunk: #4b3c20;--shadow: 0 16px 40px rgba(0, 0, 0, .22);--shadow-small: 0 5px 16px rgba(0, 0, 0, .17)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;margin:0}body{background:#eae4d8;color:var(--ink);font-family:var(--ui)}button,input,textarea{color:inherit;font:inherit}button{border:0;cursor:pointer}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid rgba(14,155,142,.28);outline-offset:2px}textarea{resize:vertical}.stage-cap{color:#8b8a81;font:11px var(--roman);letter-spacing:.08em;margin:16px auto 9px;max-width:430px;text-align:center}.stage-cap b{color:var(--teal);font-weight:700}.app-shell{background:var(--paper);border:1px solid rgba(75,75,65,.1);border-radius:28px;box-shadow:0 35px 80px #49433229;display:flex;flex-direction:column;height:min(880px,calc(100dvh - 90px));margin:0 auto;max-width:430px;overflow:hidden;position:relative}.top-bar{align-items:center;display:flex;flex:none;justify-content:space-between;padding:17px 17px 12px}.brand{align-items:flex-start;background:transparent;display:flex;flex-direction:column;padding:0;text-align:left}.brand-zh{color:var(--ink);font-size:20px;font-weight:900;letter-spacing:-.05em;line-height:1.1}.brand-en{color:var(--ink-3);font:9px var(--display);letter-spacing:.16em;margin-top:3px;text-transform:uppercase}.top-actions{align-items:center;display:flex;gap:9px}.icon-button{align-items:center;background:transparent;border-radius:50%;display:inline-flex;height:34px;justify-content:center;padding:0;width:34px}.icon-button:hover{background:var(--surface-muted)}.theme-button{color:var(--ink-2)}.user-pill{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-small);color:var(--ink-2);display:inline-flex;font-size:11px;gap:5px;padding:7px 10px 7px 7px}.user-pill.is-logged-in{color:var(--teal-ink)}.user-dot{align-items:center;background:var(--surface-soft);border-radius:50%;color:var(--ink-3);display:inline-flex;font:700 11px var(--display);height:20px;justify-content:center;width:20px}.is-logged-in .user-dot{background:var(--teal-soft);color:var(--teal)}.carry-strip{align-items:center;background:var(--amber-soft);border-bottom:1px solid rgba(255,164,18,.15);color:var(--amber-ink);display:flex;font-size:11px;gap:7px;justify-content:flex-start;padding:8px 18px;text-align:left;width:100%}.carry-strip>span:first-child{align-items:center;display:inline-flex;font-weight:700;gap:4px}.carry-strip strong{color:var(--ink);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carry-source{color:var(--ink-3);margin-left:auto;white-space:nowrap}.app-scroll{flex:1;min-height:0;overflow-y:auto;padding:6px 17px 94px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.app-scroll::-webkit-scrollbar{width:5px}.app-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.view{animation:view-in .25s ease both;padding:8px 0 12px}@keyframes view-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.view-title-block{margin:8px 2px 18px}.view-title{font-size:28px;letter-spacing:-.06em;line-height:1.15;margin:0}.view-subtitle{color:var(--ink-2);font-size:13px;line-height:1.7;margin:8px 0 0}.eyebrow{color:var(--teal-ink);font-size:11px;font-weight:700;letter-spacing:.12em}.tw,.today-sentence,.target-tw,.output-main,.sheet-sentence{font-weight:700;letter-spacing:-.035em}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-small)}.hero{align-items:center;display:flex;gap:17px;margin:10px 10px 13px;min-height:114px}.hero-bot{align-items:center;background:var(--teal-soft);border-radius:40% 60% 45% 55%;display:flex;height:103px;justify-content:center;transform:rotate(-3deg);width:103px}.hero-copy{flex:1}.hero-title{font-size:33px;font-weight:900;letter-spacing:-.08em;line-height:1.15;margin-top:4px}.hero-title em{color:var(--teal);font-style:normal}.hero-copy p{color:var(--ink-2);font-size:12px;margin:8px 0 0}.buddy-bot{display:block}.today-card{padding:18px 17px 15px}.card-kicker{align-items:center;color:var(--ink-3);display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.07em}.card-kicker span{background:var(--teal-soft);border-radius:999px;color:var(--teal-ink);font-size:10px;padding:4px 7px}.today-sentence{font-size:22px;line-height:1.45;margin:15px 0 6px}.today-tlo,.target-tlo,.line-tlo,.sheet-tlo,.output-roman{color:var(--teal-ink);font:13px/1.65 var(--roman)}.card-actions,.output-actions,.result-actions{align-items:center;display:flex;gap:7px;margin-top:15px}.btn{align-items:center;border-radius:11px;display:inline-flex;font-size:12px;font-weight:700;gap:5px;justify-content:center;min-height:36px;padding:8px 12px;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn:disabled{cursor:wait;opacity:.55;transform:none}.btn.solid{background:var(--teal);box-shadow:0 5px 12px #0e9b8e2b;color:#fff}.btn.soft{background:var(--surface-soft);color:var(--ink-2)}.btn.line{background:transparent;border:1px solid var(--line);color:var(--ink-2)}.btn.icon-only{min-width:36px;padding:8px}.btn.compact{font-size:11px;min-height:30px;padding:6px 9px}.btn.wide{flex:1;width:100%}.section-heading{align-items:center;display:flex;justify-content:space-between;margin:21px 2px 10px}.section-heading h2{font-size:15px;letter-spacing:-.03em;margin:0}.section-heading.with-note span{color:var(--ink-3);font-size:11px}.quick-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.quick-card{align-items:center;display:flex;gap:9px;min-height:76px;padding:12px 11px;text-align:left;width:100%}.quick-card:hover,.article-pick:hover,.listen-line:hover,.word-chip:hover{border-color:#0e9b8e61;box-shadow:var(--shadow)}.quick-icon{align-items:center;border-radius:12px;display:inline-flex;flex:none;height:38px;justify-content:center;width:38px}.quick-icon.teal{background:var(--teal-soft);color:var(--teal-ink)}.quick-icon.amber{background:var(--amber-soft);color:var(--amber-ink)}.quick-icon.coral{background:var(--coral-soft);color:var(--coral-ink)}.quick-icon.ink{background:var(--sunk);color:#765b16}.quick-text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.quick-text strong{font-size:14px}.quick-text small{color:var(--ink-2);font-size:10px;line-height:1.4}.quick-arrow{color:var(--ink-3);flex:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 4px 14px}.stat{border-right:1px solid var(--line);text-align:center}.stat:last-child{border-right:0}.stat-value{color:var(--teal-ink);font:700 25px var(--display);letter-spacing:-.05em}.stat-value small{font:600 12px var(--ui);margin-left:2px}.stat-label{color:var(--ink-2);font-size:11px;margin-top:3px}.word-rail{display:flex;gap:8px;overflow-x:auto;padding:1px 1px 7px;scrollbar-width:none}.word-rail::-webkit-scrollbar{display:none}.word-chip{background:var(--surface);border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;flex:none;gap:4px;min-width:78px;padding:10px 11px;text-align:left}.word-chip span{font-size:14px;font-weight:700}.word-chip small{color:var(--teal-ink);font:10px var(--roman)}.home-footnote{align-items:center;color:var(--ink-3);display:flex;font-size:11px;gap:5px;justify-content:center;margin:15px 0 0}.article-grid{display:flex;flex-direction:column;gap:9px}.article-pick{align-items:center;display:flex;gap:12px;padding:14px 13px;text-align:left;width:100%}.article-number{align-items:center;background:var(--teal-soft);border-radius:12px;color:var(--teal-ink);display:inline-flex;flex:none;font:700 15px var(--display);height:42px;justify-content:center;width:42px}.article-number.add{background:var(--sunk);color:var(--amber-ink);font-size:24px}.article-pick-body{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.article-pick-body strong{font-size:16px}.article-pick-body small{color:var(--ink-2);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-pick>svg{color:var(--ink-3)}.article-tag{color:var(--teal-ink);font-size:10px;font-weight:700;letter-spacing:.08em}.paste-article{margin-top:9px}.info-note{align-items:flex-start;background:var(--surface-soft);border-radius:13px;color:var(--ink-2);display:flex;font-size:11px;gap:9px;line-height:1.65;margin-top:14px;padding:12px 13px}.info-note>svg{color:var(--teal-ink);flex:none;margin-top:1px}.info-note p{margin:0}.info-note b{color:var(--ink)}.readbar{align-items:center;display:flex;justify-content:space-between;margin:8px 0 17px}.back-button{align-items:center;background:transparent;color:var(--ink-2);display:inline-flex;font-size:13px;gap:3px;padding:5px 2px}.ruby-toggle{background:var(--surface-soft);border-radius:999px;display:flex;padding:3px}.ruby-toggle button{background:transparent;border-radius:999px;color:var(--ink-2);font-size:11px;padding:6px 9px}.ruby-toggle button.is-active{background:var(--surface);box-shadow:var(--shadow-small);color:var(--teal-ink);font-weight:700}.article-head{border-bottom:1px solid var(--line);margin-bottom:17px;padding-bottom:15px}.article-head h1{font-size:26px;letter-spacing:-.06em;margin:4px 0}.article-head p{color:var(--ink-3);font-size:11px;margin:0}.article-body{display:flex;flex-direction:column;gap:15px}.article-paragraph{position:relative;padding-right:28px}.article-paragraph p{font-size:17px;line-height:2.45;margin:0}.word-link{background:transparent;border-bottom:2px solid rgba(14,155,142,.35);color:var(--ink);font-weight:700;padding:0 1px}.word-link:hover{background:var(--teal-soft)}ruby{ruby-position:over}rt{color:var(--teal-ink);font:10px var(--roman);line-height:1}rt.rt-hidden{color:transparent;-webkit-user-select:none;user-select:none}.sentence-menu{align-items:center;background:var(--surface-soft);border-radius:50%;color:var(--ink-3);display:inline-flex;height:27px;justify-content:center;position:absolute;right:0;top:9px;width:27px}.quota-card{align-items:center;background:var(--amber-soft);border-radius:13px;color:var(--amber-ink);display:flex;font-size:11px;gap:8px;margin-bottom:11px;padding:10px 12px}.quota-card span{flex:1}.quota-card button{background:transparent;color:var(--amber-ink);font-size:11px;font-weight:700;text-decoration:underline}.listen-input{padding:3px}.listen-input textarea{background:transparent;border:0;display:block;font-size:17px;line-height:1.6;min-height:110px;outline:0;padding:13px 14px 5px;width:100%}.listen-input textarea::placeholder,.translate-pane textarea::placeholder{color:var(--ink-3)}.input-footer{align-items:center;border-top:1px solid var(--line);color:var(--ink-3);display:flex;font-size:11px;gap:7px;padding:8px 10px}.input-footer>span{margin-right:auto}.speed-bar{align-items:center;display:flex;gap:10px;margin-top:10px;padding:11px 13px}.speed-label{color:var(--ink-2);font-size:11px}.speed-bar input{accent-color:var(--teal);flex:1;min-width:0}.speed-value{color:var(--teal-ink);font:12px var(--roman);width:34px}.listen-lines{display:flex;flex-direction:column;gap:8px}.listen-line{align-items:center;display:flex;gap:10px;padding:12px 11px}.listen-line.is-playing{border-color:var(--teal)}.line-number{color:var(--ink-3);font:700 11px var(--display);width:21px}.line-copy{flex:1;min-width:0}.line-tw{font-size:15px;font-weight:700;line-height:1.45}.line-tlo{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-play,.line-more{align-items:center;background:var(--teal-soft);border-radius:50%;color:var(--teal-ink);display:inline-flex;flex:none;height:32px;justify-content:center;width:32px}.line-more{background:var(--surface-soft);color:var(--ink-3)}.empty-state{align-items:center;color:var(--ink-3);display:flex;flex-direction:column;gap:9px;padding:26px 14px;text-align:center}.empty-state p{font-size:12px;margin:0}.target-card{padding:16px}.target-tw{font-size:21px;line-height:1.5;margin:10px 0 5px}.target-tlo{font-size:12px}.record-area{align-items:center;display:flex;flex-direction:column;padding:21px 0 17px}.record-orbit{align-items:center;background:var(--coral-soft);border-radius:50%;display:flex;height:165px;justify-content:center;position:relative;width:165px}.record-orbit:before{border:1px dashed rgba(225,77,59,.35);border-radius:50%;content:"";top:11px;right:11px;bottom:11px;left:11px;position:absolute}.record-orbit.is-recording:before{animation:pulse 1.2s infinite;border-color:var(--coral)}@keyframes pulse{50%{opacity:.3;transform:scale(1.06)}}.record-bot{align-items:center;background:var(--surface);border-radius:50%;display:flex;height:88px;justify-content:center;position:absolute;top:19px;width:88px}.record-button{align-items:center;background:var(--coral);border:5px solid var(--surface);border-radius:50%;bottom:15px;box-shadow:0 7px 16px #e14d3b40;color:#fff;display:flex;height:57px;justify-content:center;position:absolute;width:57px}.record-button.is-recording{background:var(--ink)}.stop-mark{background:currentColor;border-radius:3px;height:17px;width:17px}.record-hint{color:var(--ink-2);font-size:12px;margin-top:12px}.score-card{align-items:center;display:flex;gap:14px;padding:15px}.score-ring{align-items:center;background:conic-gradient(var(--teal) var(--score-angle),var(--surface-muted) 0deg);border-radius:50%;display:flex;flex:none;height:82px;justify-content:center;position:relative;width:82px}.score-ring:after{background:var(--surface);border-radius:50%;content:"";top:7px;right:7px;bottom:7px;left:7px;position:absolute}.score-ring span{font:700 24px var(--display);position:relative;z-index:1}.score-copy{min-width:0}.score-band{font-size:19px;font-weight:800}.score-copy p{font-size:12px;line-height:1.55;margin:3px 0}.score-copy small{color:var(--teal-ink);display:block;font:10px/1.5 var(--roman)}.breakdown{margin-top:10px;padding:13px}.breakdown-head{align-items:center;display:flex;justify-content:space-between}.breakdown-head span{font-size:12px;font-weight:700}.breakdown-head small{background:var(--coral-soft);border-radius:999px;color:var(--coral-ink);font-size:10px;padding:4px 7px}.breakdown-words{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.break-word{align-items:center;background:var(--teal-soft);border-radius:10px;color:var(--teal-ink);display:inline-flex;flex-direction:column;gap:1px;min-width:42px;padding:7px 6px}.break-word.is-weak{background:var(--coral-soft);color:var(--coral-ink)}.break-word span{font-size:14px;font-weight:700}.break-word small{font-size:9px}.breakdown-legend{color:var(--ink-3);display:flex;font-size:10px;gap:10px;margin-top:13px}.breakdown-legend span{align-items:center;display:inline-flex;gap:4px}.breakdown-legend i{border-radius:50%;height:7px;width:7px}.breakdown-legend .ok{background:var(--teal)}.breakdown-legend .mid{background:var(--amber)}.breakdown-legend .weak{background:var(--coral)}.result-actions{margin-top:11px}.result-actions .btn{flex:1}.direction-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 15px}.direction-side{align-items:center;display:flex;gap:8px}.direction-side small{background:var(--surface-soft);border-radius:8px;color:var(--ink-3);font-size:10px;padding:5px 7px}.direction-side strong{font-size:15px}.direction-swap{align-items:center;background:var(--teal-soft);border-radius:50%;color:var(--teal-ink);display:inline-flex;height:34px;justify-content:center;width:34px}.translate-pane{overflow:hidden}.translate-pane+.translate-pane{margin-top:10px}.pane-header{align-items:center;border-bottom:1px solid var(--line);display:flex;font-size:12px;font-weight:700;justify-content:space-between;padding:10px 13px}.mode-switch{background:var(--surface-soft);border-radius:999px;display:flex;padding:2px}.mode-switch button{align-items:center;background:transparent;border-radius:999px;color:var(--ink-3);display:inline-flex;font-size:10px;gap:3px;padding:5px 7px}.mode-switch button.is-active{background:var(--surface);box-shadow:var(--shadow-small);color:var(--teal-ink)}.pane-body{min-height:102px;padding:5px 12px 9px}.translate-pane textarea{background:transparent;border:0;font-size:17px;line-height:1.65;min-height:92px;outline:0;padding:5px 2px;width:100%}.voice-input{align-items:center;color:var(--ink-2);display:flex;flex-direction:column;gap:7px;justify-content:center;min-height:92px;text-align:center}.voice-mic{align-items:center;background:var(--coral-soft);border-radius:50%;color:var(--coral);display:inline-flex;height:51px;justify-content:center;width:51px}.translate-submit-row{display:flex;justify-content:flex-end;margin-top:9px}.translate-submit{min-width:108px}.translate-submit svg{transform:rotate(90deg)}.output-body{min-height:116px}.output-main{font-size:20px;line-height:1.5}.output-main.is-empty{color:var(--ink-3);font-size:15px;font-weight:500}.output-roman{margin-top:4px}.output-actions{border-top:1px solid var(--line);margin:0;padding:9px 12px}.push-right{margin-left:auto}.pill{border-radius:999px;font-size:10px;padding:5px 8px}.pill.teal{background:var(--teal-soft);color:var(--teal-ink)}.pill.amber{background:var(--amber-soft);color:var(--amber-ink)}.example-chips{display:flex;flex-wrap:wrap;gap:7px}.example-chip{background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:3px;padding:9px 11px;text-align:left}.example-chip:hover{border-color:var(--teal)}.example-chip span{font-size:12px;font-weight:700}.example-chip small{color:var(--teal-ink);font-size:10px}.chat-title-row{align-items:flex-start;display:flex;justify-content:space-between;margin:8px 2px 13px}.chat-title-row .view-title{margin-top:3px}.romanization-toggle{background:var(--surface-soft);border-radius:999px;color:var(--teal-ink);font:10px var(--roman);margin-top:13px;padding:8px 10px}.call-card{align-items:center;display:flex;flex-direction:column;min-height:188px;overflow:hidden;padding:11px;position:relative}.call-status{align-items:center;align-self:stretch;color:var(--ink-2);display:flex;font:11px var(--roman);gap:6px;position:relative;z-index:1}.call-status .pill{margin-left:auto}.live-dot{background:var(--teal);border-radius:50%;box-shadow:0 0 0 4px var(--teal-soft);height:7px;width:7px}.chat-halo{background:var(--teal-soft);border-radius:50%;height:140px;position:absolute;top:41px;width:210px}.call-card .buddy-bot{position:relative;z-index:1}.call-caption{background:var(--surface);border-radius:999px;color:var(--ink-2);font-size:11px;margin-top:-5px;padding:6px 11px;position:relative;z-index:1}.chat-scroll{max-height:275px;overflow-y:auto;padding:15px 1px 4px;scrollbar-width:none}.chat-scroll::-webkit-scrollbar{display:none}.chat-list{display:flex;flex-direction:column;gap:10px}.chat-bubble{border-radius:16px;font-size:14px;line-height:1.5;max-width:86%;padding:11px 13px}.chat-bubble.from-bot{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-top-left-radius:5px}.chat-bubble.from-me{align-self:flex-end;background:var(--teal);border-top-right-radius:5px;color:#fff}.message-tlo{color:var(--teal-ink);display:block;font:11px/1.5 var(--roman);margin-top:5px}.from-me .message-tlo{color:#d7f6ee}.message-play{align-items:center;background:transparent;color:var(--teal-ink);display:flex;font-size:10px;gap:4px;margin-top:6px;padding:0}.typing-indicator{align-items:center;color:var(--ink-3);display:flex;font-size:11px;gap:5px;padding:5px}.chat-composer-area{margin-top:11px}.chat-prompts{display:flex;gap:7px;margin-bottom:9px;overflow-x:auto;scrollbar-width:none}.chat-prompts::-webkit-scrollbar{display:none}.chip{background:var(--surface-soft);border-radius:999px;color:var(--ink-2);flex:none;font-size:11px;padding:8px 11px}.chat-composer{align-items:center;display:flex;gap:7px}.chat-composer input{background:var(--surface);border:1px solid var(--line);border-radius:999px;flex:1;font-size:13px;min-width:0;outline:0;padding:11px 14px}.chat-composer input:focus{border-color:var(--teal)}.mic-button,.send-button{align-items:center;border-radius:50%;display:inline-flex;flex:none;height:42px;justify-content:center;width:42px}.mic-button{background:var(--surface-soft);color:var(--ink-2)}.send-button{background:var(--teal);color:#fff}.send-button:disabled{opacity:.55}.bottom-nav{align-items:center;background:color-mix(in srgb,var(--surface) 93%,transparent);border-top:1px solid var(--line);display:flex;flex:none;justify-content:space-around;padding:9px 6px max(10px,env(safe-area-inset-bottom));position:relative;z-index:2}.nav-item{align-items:center;background:transparent;color:var(--ink-3);display:flex;flex:1;flex-direction:column;font-size:10px;gap:3px;padding:1px 3px}.nav-item.is-active{color:var(--teal);font-weight:700}.nav-item.is-active svg{stroke-width:2.6}.fab{align-items:center;background:var(--coral);border:4px solid var(--paper);border-radius:50%;bottom:70px;box-shadow:0 8px 18px #e14d3b40;color:#fff;display:flex;flex-direction:column;font-size:16px;font-weight:800;height:54px;justify-content:center;line-height:1;padding:0;position:absolute;right:17px;width:54px;z-index:3}.fab-label{font-size:9px;margin-top:3px}.toast{background:var(--ink);border-radius:999px;bottom:77px;color:var(--paper);font-size:12px;left:50%;max-width:calc(100% - 34px);padding:10px 16px;position:absolute;text-align:center;transform:translate(-50%);z-index:10}.sheet-layer{top:0;right:0;bottom:0;left:0;position:fixed;z-index:20}.sheet-scrim{background:#181d1b6b;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.bottom-sheet{background:var(--surface);border-radius:24px 24px 0 0;bottom:0;box-shadow:0 -18px 45px #141e1c2e;left:50%;max-height:min(78dvh,630px);max-width:430px;overflow-y:auto;padding:22px 18px max(22px,env(safe-area-inset-bottom));position:absolute;transform:translate(-50%);width:100%}.sheet-handle{background:var(--line);border-radius:99px;height:4px;left:50%;position:absolute;top:9px;transform:translate(-50%);width:40px}.sheet-close{color:var(--ink-3);position:absolute;right:12px;top:17px}.sheet-content{padding-top:5px}.sheet-kicker{color:var(--teal-ink);font-size:11px;font-weight:700;letter-spacing:.12em}.sheet-content h2{font-size:28px;letter-spacing:-.06em;margin:4px 0 1px}.sheet-content h2.sheet-sentence{font-size:21px;line-height:1.5;margin-top:12px;max-width:92%}.sheet-definition,.sheet-zh,.centered-sheet p{color:var(--ink-2);font-size:13px;line-height:1.7;margin:10px 0}.sheet-example{background:var(--surface-soft);border-radius:14px;display:flex;flex-direction:column;gap:4px;margin:16px 0;padding:12px}.sheet-example span{color:var(--ink-3);font-size:10px}.sheet-example strong{font-size:15px}.sheet-example small{color:var(--teal-ink);font:11px var(--roman)}.sheet-actions,.sheet-action-grid{display:flex;gap:8px;margin-top:17px}.sheet-actions .btn{flex:1}.sheet-action-grid{display:grid;grid-template-columns:repeat(2,1fr)}.sheet-action-grid .btn{width:100%}.centered-sheet{align-items:center;display:flex;flex-direction:column;padding:12px 15px 4px;text-align:center}.centered-sheet h2{margin-top:11px}.sheet-icon,.profile-avatar{align-items:center;background:var(--teal-soft);border-radius:50%;color:var(--teal-ink);display:flex;height:58px;justify-content:center;width:58px}.profile-avatar{background:var(--amber-soft);color:var(--amber-ink)}.sheet-text-button{background:transparent;color:var(--ink-3);font-size:12px;margin-top:14px;padding:5px}.profile-stats{background:var(--surface-soft);border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);margin:10px 0 14px;padding:12px 5px;width:100%}.profile-stats span{border-right:1px solid var(--line);color:var(--ink-2);display:flex;flex-direction:column;font-size:10px;gap:3px}.profile-stats span:last-child{border-right:0}.profile-stats b{color:var(--teal-ink);font:700 20px var(--display)}@media(max-width:520px){body{background:var(--paper)}.stage-cap{display:none}.app-shell{border:0;border-radius:0;box-shadow:none;height:100dvh;max-width:none}.bottom-sheet{max-width:none}}@media(max-width:370px){.app-scroll{padding-left:13px;padding-right:13px}.hero{gap:10px;margin-left:4px;margin-right:4px}.hero-bot{height:88px;width:88px}.hero-bot .buddy-bot{height:92px;width:92px}.hero-title{font-size:28px}.quick-card{padding-left:8px;padding-right:8px}.quick-text small{font-size:9px}.today-sentence,.target-tw{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.api-error{color:#ae3131;padding:12px 16px;background:#fff0f0;border-radius:12px;line-height:1.6;overflow-wrap:anywhere}.live-transcript{line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.transcript-card{padding:20px}button:disabled{cursor:not-allowed;opacity:.55}