:root{--bg:#293038;--bg-deep:#1a1e23;--surface-raised:#272f37;--text-strong:#fff;--text-muted:#959797;--text-subtle:#6b7e94;--text-display:48px;--text-h1:24px;--text-h2:20px;--text-button:18px;--text-title:16px;--text-body:14px;--text-label:12px;--text-micro:11px;--brand:#b490f0;--brand-deep:#30105b;--brand-soft:#e5d9fb;--cta:#00f7da;--cta-soft:#99fff7;--accent-pink:#e74da1;--lav-vivid:#924df2;--success:#8ce9a4;--positive-edge:#00f7da;--error:#ff900e;--error-soft:#ffb232;--error-deep:#c26900;--radius-card:12px;--radius-sm:4px;--radius-sheet:10px;--radius-pill:50px;--radius-lg:30px;--radius-circle:100px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:48px;--border-width:2px;--border-card:#463c5a;--border-mid:#705d98;--border-emphasis:#00f7da;--shadow-card:0 4px 4px 0 #b490f033;--shadow-card-black:0 4px 4px 0 #00000040;--btn-3d-cyan:inset 0 0 0 3px #00f7da, 0 3px 0 0 #00000040, 0 3px 0 0 #00f7da;--btn-3d-purple:0 4px 0 0 #463c5a, 0 4px 0 0 #0000001a;--shadow-solid:0 4px 0 0 #00000040;--content-max:1200px;--content-main:760px;--sidebar-w:240px;font-family:Roboto,Inter,-apple-system,Noto Sans TC,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-strong);-webkit-font-smoothing:antialiased;background:#15181c;justify-content:center;min-height:100dvh;display:flex}#root{width:100%;max-width:390px}#root>*{width:100%}.phone{background:var(--bg);flex-direction:column;width:100%;max-width:390px;height:100dvh;display:flex;position:relative}.phone__header{background:var(--bg-deep);padding:var(--space-4) var(--space-6);align-items:center;gap:var(--space-3);display:flex}.phone__title{font-size:var(--text-title);color:var(--text-strong);font-weight:700}.phone__sub{color:var(--text-muted);margin-top:2px;font-size:11px}.phone__body{padding:var(--space-6);gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.phone__footer{padding:var(--space-3) var(--space-6) var(--space-4);background:var(--bg-deep);border-top:1px solid #11151a}.btn{appearance:none;cursor:pointer;color:var(--cta-soft);font-size:var(--text-button);width:100%;box-shadow:var(--btn-3d-cyan);background:0 0;border:none;border-radius:12px;padding:12px 16px;font-weight:700;line-height:1.4;transition:transform 80ms,box-shadow 80ms}.btn:active{transform:translateY(3px);box-shadow:inset 0 0 0 3px #00f7da}.btn--ghost{box-shadow:inset 0 0 0 3px var(--border-mid)}.btn--ghost:active{box-shadow:inset 0 0 0 3px var(--border-mid);transform:translateY(0)}.btn--accent{background:var(--brand);color:#1a0e33;box-shadow:var(--btn-3d-purple)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface-raised);border:var(--border-width) solid var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:14px}.chip{font-size:var(--text-body);border:1px solid var(--border-mid);color:var(--brand);cursor:pointer;background:#b490f024;border-radius:999px;align-items:center;margin:0 6px 6px 0;padding:7px 12px;font-weight:600;display:inline-flex}.chip--on{background:var(--cta);color:#06302c;border-color:var(--cta)}.bubble{max-width:82%;font-size:var(--text-title);padding:11px 14px;line-height:1.45}.bubble--npc{background:var(--surface-raised);color:var(--text-strong);border:var(--border-width) solid var(--border-card);border-radius:16px 16px 16px 4px;align-self:flex-start}.bubble--user{color:#fff;border:var(--border-width) solid var(--border-mid);background:#3a2d5e;border-radius:16px 16px 4px;align-self:flex-end}.bubble__name{color:var(--text-muted);margin-bottom:4px;font-size:11px}.cheer{align-self:center;gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:inline-flex}.cheer__pill{color:var(--cta-soft);background:#00f7da29;border:1px solid #00f7da66;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;box-shadow:inset 0 2px #00f7da80}.cheer__note{color:var(--text-muted);text-align:center;align-self:center;margin-top:4px;font-size:12px}.sheet{background:var(--surface-raised);border:var(--border-width) solid var(--border-card);border-left:3px solid var(--cta);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:14px}.sheet__h{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sheet__h b{font-size:var(--text-body);color:var(--cta-soft)}.sheet__free{color:var(--cta);font-size:11px;font-weight:700}.sheet__actions{align-items:center;gap:var(--space-2);display:flex}.sheet__close{color:var(--text-muted);font-size:var(--text-body);cursor:pointer;background:0 0;border:none;padding:2px 6px}.sheet__step{font-size:var(--text-body);color:var(--text-strong);border-radius:var(--radius-sheet);gap:var(--space-1);background:#b490f01f;flex-direction:column;padding:10px 12px;line-height:1.5;display:flex}.sheet .k{color:var(--brand);font-weight:700}.sheet__next{width:100%;margin-top:var(--space-2);border:var(--border-width) solid var(--cta);border-radius:var(--radius-sheet);color:var(--cta-soft);font-family:inherit;font-size:var(--text-body);text-align:center;cursor:pointer;background:#00f7da1f;padding:10px 12px;font-weight:700}.sheet__next:hover{background:#00f7da33}.sheet__next:disabled{opacity:.55;cursor:default}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pill-tag--src{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100%;display:inline-block;overflow:hidden}.sheet__next:disabled:hover{background:#00f7da1f}.sheet__foot{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:8px;display:flex}.sheet__note{color:var(--text-muted);font-size:11px}.dots{margin-left:-8px;display:flex}.dots button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.dots button:before{content:"";background:var(--border-card);border-radius:99px;width:7px;height:7px}.dots button.on:before{background:var(--cta)}.dots button:disabled{cursor:default}.input-row{gap:10px;display:flex}.input-row>button{flex-shrink:0}.input-row input{background:var(--surface-raised);border:var(--border-width) solid var(--border-card);min-width:0;color:var(--text-strong);border-radius:var(--radius-pill);flex:1;padding:13px 14px;font-size:14px}.input-row input:focus{border-color:var(--border-emphasis);outline:none}.input-row input::placeholder{color:var(--text-subtle)}.cheer-card{border:var(--border-width) solid var(--border-mid);border-radius:var(--radius-card);box-shadow:var(--shadow-card);text-align:center;background:linear-gradient(135deg,#34335a,#173f3b);padding:22px}.score{flex-direction:column;gap:10px;display:flex}.score__row{align-items:center;gap:10px;display:flex}.score__label{width:64px;color:var(--text-muted);font-size:12px}.score__track{background:var(--bg-deep);border-radius:999px;flex:1;height:10px;overflow:hidden}.score__fill{border-radius:999px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}.score__val{text-align:right;font-variant-numeric:tabular-nums;width:30px;color:var(--text-strong);font-size:12px}.correction{padding:2px 0}.correction__bad{color:var(--error-deep);text-decoration:line-through}.correction__good{color:var(--success);font-weight:600}.display{font-size:var(--text-display);color:var(--text-strong);font-weight:800;line-height:1.12}.display span{color:var(--cta)}.muted{color:var(--text-muted);font-size:var(--text-body);line-height:1.55}.center{text-align:center}.h1{font-size:var(--text-h1);color:var(--text-strong);font-weight:800}.h2{font-size:var(--text-h2);color:var(--text-strong);font-weight:700}.col{gap:var(--space-6);flex-direction:column;display:flex}.typing{font-size:var(--text-body);color:var(--text-muted);align-self:flex-start;font-style:italic}.demo-banner{border:1px solid var(--error);color:var(--error);border-radius:var(--radius-sheet);text-align:center;background:#ff900e24;padding:8px 12px;font-size:12px;font-weight:700}.error-card{border:1px solid var(--error);border-radius:var(--radius-card);gap:var(--space-2);background:#ff900e1a;flex-direction:column;padding:12px 14px;display:flex}.error-card__title{font-size:var(--text-body);color:var(--error);font-weight:700}.error-card__msg{font-size:var(--text-body);line-height:1.5}.auth__scroll{flex-direction:column;display:flex}.auth__hero{text-align:center;margin:34px 0 28px}.auth__mark{border-radius:var(--radius-circle);background:linear-gradient(135deg, var(--lav-vivid), var(--cta));width:72px;height:72px;font-size:var(--text-h1);box-shadow:var(--shadow-card);justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.auth__hero h1{color:var(--text-strong);letter-spacing:.5px;margin:0 0 6px;font-size:24px;font-weight:700}.auth__hero p{color:var(--text-muted);margin:0;font-size:14px}.auth__lbl{color:var(--text-muted);margin:0 0 6px 2px;font-size:12px;font-weight:500;display:block}.auth__lbl--focus{color:var(--cta-soft)}.auth__field{background:var(--surface-raised);border:var(--border-width) solid var(--border-card);border-radius:var(--radius-card);color:var(--text-strong);align-items:center;gap:10px;margin-bottom:14px;padding:12px 16px;font-size:16px;display:flex}.auth__field--focus{border-color:var(--border-emphasis)}.auth__field input{color:var(--text-strong);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:16px}.auth__ic{flex-shrink:0;font-size:16px}.auth__eye{font-size:var(--text-title);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0}.auth__eye,.sheet__close,.auth__forgot a,.auth__foot a{position:relative}.auth__eye:after,.sheet__close:after,.auth__forgot a:after,.auth__foot a:after{content:"";width:max(100%,24px);height:max(100%,24px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth__eye:after{width:max(100%,28px);height:max(100%,44px)}.sheet__close:after{width:max(100%,44px);height:max(100%,44px)}.auth__forgot{text-align:right;margin:-4px 0 14px}.auth__forgot a{color:var(--cta-soft);font-size:12px;text-decoration:none}.auth__main{margin:8px 0 20px}.auth__divider{align-items:center;gap:var(--space-3);margin-bottom:16px;display:flex}.auth__divider:before,.auth__divider:after{content:"";background:var(--border-card);flex:1;height:1px}.auth__divider span{color:var(--text-muted);font-size:12px}.auth__btn3p{background:var(--surface-raised);width:100%;color:var(--text-strong);border:var(--border-width) solid var(--border-mid);border-radius:var(--radius-pill);box-shadow:var(--btn-3d-purple);cursor:not-allowed;opacity:.75;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;padding:12px 16px;font-family:inherit;font-size:16px;font-weight:500;display:flex}.auth__foot{text-align:center;color:var(--text-muted);margin:auto 0 8px;font-size:14px}.auth__foot a{color:var(--cta);margin-left:4px;font-weight:700;text-decoration:none}.nav{background:var(--bg-deep);border-top:1px solid #11151a;padding:6px 0 10px;display:flex}.nav__tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-family:inherit;font-size:11px;display:flex}.nav__tab--on{color:var(--cta);font-weight:700}.nav__ic{font-size:20px}.page-head{align-items:center;gap:10px;display:flex}.page-head .h1{flex:1}.row-between{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.pill-tag{align-items:center;gap:var(--space-1);color:var(--brand);border:1px solid var(--border-mid);white-space:nowrap;background:#b490f01f;border-radius:999px;padding:3px 10px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.demo-tag{font-size:var(--text-micro);color:var(--error-soft);border:1px solid var(--error-soft);vertical-align:middle;background:#ffb2321f;border-radius:999px;padding:1px 7px;font-weight:700;display:inline-block}.back-link{color:var(--text-strong);font-size:var(--text-h1);cursor:pointer;background:0 0;border:none;padding:0 6px;line-height:1}.back-link--circle{border-radius:var(--radius-circle);background:var(--surface-raised);border:1px solid var(--border-card);width:34px;height:34px;font-size:18px}.topbar{background:var(--bg-deep);align-items:center;gap:10px;padding:12px 14px;display:flex}.topbar__title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.end-pill{background:var(--surface-raised);color:var(--cta-soft);border:1px solid var(--border-mid);cursor:pointer;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700}.end-pill:disabled{opacity:.45;cursor:not-allowed}.mic-btn{border-radius:var(--radius-circle);background:var(--surface-raised);width:46px;height:46px;color:var(--cta-soft);border:var(--border-width) solid var(--border-mid);cursor:pointer;flex-shrink:0;font-size:18px}.mic-btn:disabled{cursor:not-allowed;opacity:.6}.rec-row{align-items:center}.btn--inline{width:auto;padding:0 14px}.rec-status{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-label);color:var(--text-muted);flex:1;display:flex}.rec-dot{border-radius:var(--radius-circle);background:var(--text-muted);width:8px;height:8px;display:inline-block}.voice-error{font-size:var(--text-label);color:var(--error-soft)}.npc-voice{align-items:center;gap:var(--space-2);font-size:var(--text-label);display:flex}.npc-voice__play,.npc-voice__retry{background:var(--surface-raised);color:var(--cta-soft);border:1px solid var(--border-mid);font-size:var(--text-label);cursor:pointer;border-radius:999px;padding:4px 12px;font-family:inherit;font-weight:700}.speak{align-items:center;gap:var(--space-1);vertical-align:middle;display:inline-flex}.speak-fail{align-items:center;gap:var(--space-2);display:inline-flex}.speak-msg{font-size:var(--text-label);color:var(--text-muted)}.speak-btn{color:var(--cta-soft);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-family:inherit;display:inline-flex;position:relative}.speak-btn:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.speak-btn--24{width:24px;height:24px;font-size:var(--text-body)}.speak-btn--32{width:32px;height:32px;font-size:var(--text-title)}.speak-btn--inline{background:var(--surface-raised);border:1px solid var(--border-mid);border-radius:var(--radius-circle)}.speak-btn--bubble{color:var(--text-muted)}.speak-btn[data-state=playing]{color:var(--cta)}.speak-btn--retry{color:var(--error-soft)}.speak-btn--slow{width:auto;height:24px;padding:0 6px}.speak-btn__rate{font-size:var(--text-micro);letter-spacing:-.02em;font-weight:700}.scenario-card{align-items:center;gap:var(--space-3);text-align:left;cursor:pointer;color:var(--text-strong);font-family:inherit;font-size:14px;display:flex}.scenario-card:disabled{opacity:.6}.scenario-card__tile{width:44px;height:44px;font-size:var(--text-h1);border-radius:var(--radius-sheet);background:linear-gradient(135deg,#3a3358,#1f4f4a);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pin-tag{color:var(--brand);background:#b490f01f;border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:11px}.gain-pill{color:var(--cta-soft);background:#00f7da1f;border:1px solid #00f7da66;border-radius:999px;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.seg{background:var(--bg-deep);border-radius:999px;gap:2px;padding:3px;display:flex}.seg button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:700}.seg .seg__on{background:var(--cta);color:#06302c}.seg--tabs{background:var(--surface-raised);border:1px solid var(--border-card);border-radius:var(--radius-pill);padding:var(--space-1);align-self:flex-start;gap:var(--space-1)}.seg--tabs button{font-size:var(--text-body);border:1px solid #0000;padding:7px 18px;transition:background-color .15s,border-color .15s,color .15s}.seg--tabs button:hover{color:var(--text-strong)}.seg--tabs .seg__on{border-color:var(--cta);color:var(--cta);background:#00f7da1f}.seg--tabs button:focus-visible{outline:2px solid var(--border-emphasis);outline-offset:2px}.vocab-tabbar{gap:var(--space-3);flex-direction:column;display:flex}.radar-card{background:linear-gradient(135deg,#2c2b46,#16302e)}.radar{width:100%;max-width:280px;height:auto;margin-inline:auto}.dim-list{gap:var(--space-3);flex-direction:column;display:flex}.dim-row{align-items:baseline;gap:2px var(--space-2);grid-template-columns:1fr auto;display:grid}.dim-row__label{font-size:var(--text-body);color:var(--text-strong);font-weight:600}.dim-row__value{font-size:var(--text-h2);color:var(--text-strong);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.dim-row__track{border-radius:var(--radius-pill);background:#ffffff12;grid-column:1/-1;height:7px;margin-top:3px;overflow:hidden}.dim-row__fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--lav-vivid), var(--brand));height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}.dim-row--top .dim-row__fill{background:linear-gradient(90deg, var(--brand), var(--cta))}.dim-row--weak .dim-row__value{color:var(--error-soft)}.dim-row--weak .dim-row__fill{background:linear-gradient(90deg, var(--error-deep), var(--error-soft))}.dim-row--unmeasured .dim-row__label,.dim-row--gated .dim-row__label{color:var(--text-muted)}.dim-row--unmeasured .dim-row__value{font-size:var(--text-label);color:var(--text-muted);font-weight:700}.dim-row__gate{font-size:var(--text-micro);color:var(--text-muted);border:1px solid var(--border-card);border-radius:var(--radius-pill);white-space:nowrap;background:#ffffff0d;padding:2px 8px;font-weight:700}.dim-row__track--gated{border:1px dashed var(--border-mid);background:0 0}.dim-row__note{font-size:var(--text-micro);color:var(--text-muted);grid-column:1/-1;line-height:1.45}.dim-nudge{align-items:center;gap:var(--space-2);padding:10px var(--space-3);border-radius:var(--radius-sheet);font-size:var(--text-body);color:var(--error-soft);background:#ffb2321a;border:1px solid #ffb23266;margin:0;font-weight:600;line-height:1.45;display:flex}.dim-nudge b{color:var(--text-strong)}.radar-card.col{gap:var(--space-4)}.cando{align-items:flex-start;gap:10px;font-size:14px;display:flex}.cando--locked{opacity:.55}.cando__tick{border-radius:var(--radius-circle);border:1px solid var(--border-mid);width:22px;height:22px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.cando__tick--on{border-color:var(--cta);color:var(--cta);background:#00f7da29;box-shadow:inset 0 2px #00f7da80}.milestone-strip{border:2px dashed var(--border-mid);border-radius:var(--radius-card);color:var(--brand);font-size:var(--text-body);cursor:pointer;background:0 0;padding:12px;font-family:inherit;font-weight:700}.review-card{cursor:pointer;color:var(--text-strong);font-family:inherit;font-size:inherit;text-align:inherit}.review-word{margin:6px 0;font-size:24px;font-weight:800}.review-back{border-top:1px dashed var(--border-card);flex-direction:column;gap:6px;padding-top:10px;display:flex}.review-ex{font-size:var(--text-title);color:var(--cta-soft);font-weight:600}.sm2-row{gap:var(--space-2);display:flex}.sm2-btn{flex-direction:column;gap:2px;padding:10px 6px;font-size:14px;display:flex}.sm2-hint{font-size:var(--text-micro);opacity:.8;font-weight:400}.queue-row{align-items:center;gap:var(--space-2);font-size:14px;display:flex}.onb__privacy{margin-top:var(--space-3)}.onb__privacy-line{font-size:var(--text-label);margin:0}.onb__privacy-toggle{margin-left:var(--space-1);color:var(--cta);cursor:pointer;font-size:var(--text-label);background:0 0;border:0;text-decoration:underline}.onb__privacy-qa{gap:var(--space-2);margin:var(--space-2) 0 0;font-size:var(--text-label);flex-direction:column;display:flex}.onb__privacy-qa dt{color:var(--text-strong);font-weight:700}.onb__privacy-qa dd{color:var(--text-muted);margin:0}.review-rest{gap:var(--space-2)}.week-grid{gap:var(--space-6);display:grid}.week-turns{font-size:var(--text-body);color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.week-turns__n{font-size:var(--text-display);color:var(--cta);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.week-errors{gap:var(--space-3);flex-direction:column;display:flex}.week-errors__title{font-size:var(--text-label);letter-spacing:.04em;color:var(--text-muted);font-weight:700}.week-error{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sheet);border-left:3px solid var(--border-mid);background:#b490f014;flex-direction:column;display:flex}.week-error__label{font-size:var(--text-title);color:var(--text-strong);font-weight:700;line-height:1.35}.week-error__quote{font-size:var(--text-body);color:var(--brand-soft);line-height:1.5}.week-error__quote-lead{font-size:var(--text-micro);color:var(--text-muted)}.week-error__src{font-size:var(--text-micro);color:var(--text-subtle);line-height:1.5}.week-suggest{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sheet);background:#00f7da12;border:1px solid #00f7da47;flex-wrap:wrap;display:flex}.week-suggest__text{flex-direction:column;gap:2px;min-width:0;display:flex}.week-suggest__lead{font-size:var(--text-label);color:var(--text-muted)}.week-suggest__form{font-size:var(--text-title);color:var(--cta-soft);font-weight:700}.week-suggest .btn{flex-shrink:0;width:100%}.report-entry{margin-top:var(--space-4);gap:var(--space-2)}.report-entry__btn{font-size:var(--text-micro);opacity:.72}.form-card{gap:var(--space-2)}.form-card__source{font-size:var(--text-micro)}.form-card__prompt{font-size:var(--text-title);color:var(--text-strong);line-height:1.45}.form-card__task{font-size:var(--text-label);color:var(--text-muted)}.form-card__note{font-size:var(--text-micro)}.form-card__input{box-sizing:border-box;width:100%;font-size:var(--text-body);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-mid);background:var(--surface-raised);color:var(--text-strong)}.form-verdict{font-size:var(--text-body)}.form-verdict--ok{color:var(--cta)}.form-verdict--off{color:var(--text-strong);gap:var(--space-1)}.form-verdict--skip{color:var(--text-muted)}.vocab-add{background:var(--cta);color:#06302c;cursor:pointer;box-shadow:var(--btn-3d-cyan);border:none;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700}.vocab-add--on{color:var(--cta);border:var(--border-width) solid var(--cta);box-shadow:none;background:#00f7da1a}.profile{align-items:center;gap:14px;display:flex}.profile__avatar{border-radius:var(--radius-circle);background:linear-gradient(135deg, var(--lav-vivid), var(--brand-deep));width:56px;height:56px;font-size:var(--text-h1);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sub-entry{align-items:center;gap:var(--space-3);cursor:pointer;color:var(--text-strong);font-family:inherit;font-size:var(--text-title);display:flex}.sub-entry__tile{border-radius:var(--radius-sheet);background:linear-gradient(135deg,#2c2b46,#16302e);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.plus-badge{font-size:var(--text-micro);background:var(--cta);color:#06302c;vertical-align:middle;border-radius:999px;padding:2px 7px;font-weight:800}.setting-row{align-items:center;gap:10px;display:flex}.setting-row__ic{border-radius:var(--radius-sheet);background:#b490f01f;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.pack-card{border:3px solid var(--border-emphasis);background:linear-gradient(150deg,#2c2b46,#16302e)}.plan-row{background:var(--bg-deep);border:var(--border-width) solid var(--border-card);border-radius:var(--radius-card);color:var(--text-strong);font-family:inherit;font-size:var(--text-title);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.plan-row--on{border-color:var(--cta);background:#00f7da0f}.challenge-card{background:linear-gradient(150deg,#2c2b46,#16302e)}.scene-preview{border-radius:var(--radius-sm);color:#1a1e23;font-style:italic;font-size:var(--text-body);background:#fff;border:1.5px solid #000;padding:10px 12px;line-height:1.5;box-shadow:0 4px #000}.badge-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.badge{align-items:center;gap:var(--space-1);text-align:center;border-radius:var(--radius-card);border:1px solid var(--border-card);flex-direction:column;padding:10px 6px;font-size:11px;display:flex}.badge__emblem{border-radius:var(--radius-circle);border:1px solid var(--border-mid);justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.badge__cando{font-weight:700;line-height:1.3}.badge--locked{opacity:.55;filter:grayscale()}.badge--ready{border-color:var(--cta)}.badge--ready .badge__emblem{border-color:var(--cta);color:var(--cta)}.badge--earned{background:#b490f01f}.badge--earned .badge__emblem{background:var(--brand);color:#1a0e33;border-color:var(--brand)}.app-shell{justify-content:center;width:100%;display:flex}.side-nav{display:none}.grid-cards,.home-hero{gap:var(--space-6);flex-direction:column;display:flex}@media (width>=1024px){body{justify-content:stretch}#root{max-width:none}.app-shell{justify-content:flex-start}.side-nav{width:var(--sidebar-w);background:var(--bg-deep);border-right:1px solid #11151a;flex-direction:column;flex-shrink:0;gap:2px;height:100vh;padding:10px;display:flex;position:sticky;top:0}.side-nav__brand{color:var(--text-strong);padding:14px 10px 18px;font-size:18px;font-weight:800}.side-nav__tab{align-items:center;gap:var(--space-3);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;padding:12px 10px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.side-nav__tab--on{color:var(--cta);font-weight:700}.side-nav__ic{text-align:center;width:22px;font-size:18px}.phone{max-width:none;height:100vh}.shell--wide{max-width:var(--content-max);margin:0 auto}.shell--main{max-width:var(--content-main);margin:0 auto}.shell--narrow{max-width:420px;margin:0 auto}.nav{display:none}.grid-cards{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.grid-cards--lg{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.grid-cards>*{min-width:0}.radar-card{width:100%;max-width:480px;margin-left:auto;margin-right:auto}.radar-card--2col{align-items:start;column-gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);max-width:none;display:grid}.radar-card--2col .row-between{grid-column:1/-1}.radar-card--2col .radar{grid-area:2/1/span 2;align-self:center;max-width:320px}.radar-card--2col .dim-list{grid-area:2/2}.radar-card--2col .dim-row{column-gap:var(--space-4);grid-template-columns:auto auto 1fr}.radar-card--2col .dim-nudge{grid-area:3/2}.home-hero{width:100%;max-width:var(--content-main);margin-left:auto;margin-right:auto}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.week-grid--2col{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start}.week-grid--2col .week-turns{grid-area:1/1}.week-grid--2col .week-errors{grid-area:1/2/span 2}.week-grid--2col .week-suggest{grid-area:2/1;align-self:end}.week-grid:not(.week-grid--2col){max-width:var(--content-main)}.week-suggest .btn{width:auto}.phone.auth{grid-template-columns:minmax(0,1fr) 420px;align-items:stretch;max-width:none;margin:0;display:grid}.phone.auth>*{min-height:0}.auth__demo[hidden]{padding:var(--space-6) clamp(var(--space-8), 6vw, 120px) var(--space-6) var(--space-6);background:var(--bg-deep);border-right:1px solid #11151a;flex-direction:column;align-items:flex-end;display:flex;overflow:hidden auto}.auth__demo-inner{width:100%;max-width:460px;margin-block:auto}.auth__demo-brand{margin:0 0 var(--space-8)}.auth__demo-brand .auth__mark{margin:0 0 var(--space-4)}.auth__demo-brandname{font-size:var(--text-display);color:var(--text-strong);letter-spacing:.5px;margin:0 0 var(--space-2);font-weight:700;line-height:1.1}.auth__demo-brand p{font-size:var(--text-h2);color:var(--text-muted);margin:0}.auth .phone__body .auth__hero{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.auth__demo-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-label);color:var(--text-muted);display:flex}.auth__demo-chat{gap:var(--space-3);flex-direction:column;display:flex}.auth__demo-note{margin-top:var(--space-4);font-size:var(--text-label);color:var(--text-muted);line-height:1.5}.auth__demo-tag{font-size:var(--text-micro);color:var(--error-soft);border:1px solid var(--error-soft);border-radius:var(--radius-pill);vertical-align:middle;background:#ffb2321f;padding:1px 7px;font-weight:700;display:inline-block}.auth .phone__body{padding:var(--space-6);background:var(--bg);grid-column:2;gap:0}.auth .phone__body:before{content:"";margin-top:auto}.auth .phone__body:after{content:"";margin-bottom:auto}.auth .auth__field{margin-bottom:var(--space-4)}.auth .error-card{margin:0 0 var(--space-4)}.auth .auth__main{margin:var(--space-4) 0 0}.auth .auth__foot{margin:var(--space-6) 0 0}.auth [title=暫未開放],.auth .auth__divider{display:none}.auth .auth__forgot-note[hidden]{font-size:var(--text-label);color:var(--text-muted);display:inline}.auth .error-card__msg{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;max-height:7.5em;overflow-y:auto}.auth .auth__field:focus-within{border-color:var(--border-emphasis)}.auth :is(button,a):focus-visible{outline:var(--border-width) solid var(--cta);outline-offset:3px}.auth .auth__field input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--surface-raised) inset;-webkit-text-fill-color:var(--text-strong);caret-color:var(--text-strong)}.auth .auth__field input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px var(--surface-raised) inset;-webkit-text-fill-color:var(--text-strong);caret-color:var(--text-strong)}@media (forced-colors:active){.auth .btn{border:var(--border-width) solid ButtonText}}}.phone__body--ribbon{position:relative}.scene-ribbon{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.scene-ribbon svg{width:128%;height:auto;position:absolute;top:12.8%;left:-14%}.phone__body--ribbon>:not(.scene-ribbon){z-index:1;position:relative}.onb__scroll{flex-direction:column;display:flex}.onb__head{margin:34px 0 var(--space-6)}.onb__head .muted{margin:var(--space-2) 0 0}.onb__goals{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.onb__goal{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);cursor:pointer;min-width:0;font-size:var(--text-title);color:var(--text-strong);text-align:left;flex-direction:column;display:flex}.onb__goal--on{border-color:var(--border-emphasis)}.onb__goal-ic{color:var(--cta-soft);font-size:var(--text-h2)}.onb__level{margin:var(--space-6) 0 0}.onb__level-lbl{margin-bottom:var(--space-2);display:block}.onb__hint{margin-top:var(--space-1);font-size:var(--text-label);display:block}.onb__foot{padding-top:var(--space-6);margin-top:auto}.onb__link{cursor:pointer;width:100%;color:var(--text-muted);font-size:var(--text-body);padding:var(--space-3) 0 0;background:0 0;border:none}.onb__calm{margin:var(--space-3) 0 0;font-size:var(--text-label);text-align:center}.review-card{position:relative}.review-card__flip{z-index:0;border-radius:inherit;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;inset:0}.review-card__speak{z-index:1;vertical-align:middle;margin-left:var(--space-2);align-items:center;display:inline-flex;position:relative}.scenario-node{text-align:left;background:0 0;border:none;width:100%;height:146px;padding:0;display:block;position:relative}.scenario-node__frame{pointer-events:none;width:100%;height:132px;position:absolute;top:0;left:0}.scenario-node__dashes{pointer-events:none;position:absolute;top:0;left:0}.scenario-node__tile{width:84px;height:72px;color:var(--brand);justify-content:center;align-items:center;display:flex;position:absolute;top:26px;left:46px}.scenario-node__tile svg{width:68px;height:68px}.scenario-node__body{flex-direction:column;gap:6px;display:flex;position:absolute;top:30px;left:146px;right:24px}.scenario-node__title{font-size:var(--text-title);line-height:1.25}.scenario-node__cando{font-size:var(--text-label);color:var(--text-muted);line-height:1.5}.scenario-node__start{background:var(--cta-soft);width:52px;height:18px;box-shadow:0 0 0 3px var(--cta);color:#06302c;font-size:var(--text-micro);text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;font-weight:900;line-height:1;display:flex;position:absolute;top:118px;right:32px}.phone--cosmic{--cos-void:#181d26;--cos-violet:#924df22b;--cos-lavender:#b490f017;--cos-cyan:#00f7da0d;background-color:var(--cos-void);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='420' viewBox='0 0 300 420'%3E%3Cpath d='M0 -1C0 -.14 .14 0 1 0C.14 0 0 .14 0 1C0 .14 -.14 0 -1 0C-.14 0 0 -.14 0 -1Z' transform='translate(38 52) scale(6.5)' fill='%23ffffff' opacity='0.2'/%3E%3Cpath d='M0 -1C0 -.14 .14 0 1 0C.14 0 0 .14 0 1C0 .14 -.14 0 -1 0C-.14 0 0 -.14 0 -1Z' transform='translate(212 96) scale(5)' fill='%2399fff7' opacity='0.24'/%3E%3Cpath d='M0 -1C0 -.14 .14 0 1 0C.14 0 0 .14 0 1C0 .14 -.14 0 -1 0C-.14 0 0 -.14 0 -1Z' transform='translate(128 170) scale(3.5)' fill='%23ffffff' opacity='0.21'/%3E%3Cpath d='M0 -1C0 -.14 .14 0 1 0C.14 0 0 .14 0 1C0 .14 -.14 0 -1 0C-.14 0 0 -.14 0 -1Z' transform='translate(266 232) scale(6)' fill='%23ffffff' opacity='0.26'/%3E%3Cpath d='M0 -1C0 -.14 .14 0 1 0C.14 0 0 .14 0 1C0 .14 -.14 0 -1 0C-.14 0 0 -.14 0 -1Z' transform='translate(66 302) scale(4.5)' fill='%2399fff7' opacity='0.22'/%3E%3Cpath d='M0 -1C0 -.14 .14 0 1 0C.14 0 0 .14 0 1C0 .14 -.14 0 -1 0C-.14 0 0 -.14 0 -1Z' transform='translate(176 368) scale(5.5)' fill='%23ffffff' opacity='0.23'/%3E%3Ccircle cx='96' cy='24' r='1.4' fill='%23ffffff' opacity='0.14'/%3E%3Ccircle cx='250' cy='150' r='1.1' fill='%23ffffff' opacity='0.12'/%3E%3Ccircle cx='20' cy='210' r='1.5' fill='%23ffffff' opacity='0.13'/%3E%3Ccircle cx='150' cy='268' r='1.2' fill='%23ffffff' opacity='0.12'/%3E%3Ccircle cx='288' cy='340' r='1.3' fill='%23ffffff' opacity='0.13'/%3E%3Ccircle cx='110' cy='402' r='1.1' fill='%23ffffff' opacity='0.11'/%3E%3C/svg%3E"), repeating-linear-gradient(-22deg, transparent 0 26px, #ffffff04 26px 40px, transparent 40px 82px), radial-gradient(ellipse 64% 30% at 98% 30%, var(--cos-cyan), transparent 68%), radial-gradient(ellipse 88% 44% at 76% 88%, var(--cos-lavender), transparent 72%), radial-gradient(ellipse 80% 42% at 8% 4%, var(--cos-violet), transparent 70%);background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat;background-size:300px 420px,auto,auto,auto,auto}