:root{--bg: #0b1220;--bg-elevated: #121a2b;--bg-button: #1a2438;--border: #3d4f6f;--border-strong: #6b82a8;--text: #f4f7fb;--text-muted: #a8b4c8;--accent: #38bdf8;--accent-soft: #0ea5e9;--success: #22c55e;--danger: #ef4444;--danger-bg: #3b1212;--yes: #16a34a;--no: #dc2626;--dwell-ring: #7dd3fc;--radius: 16px;--font: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Heiti TC", sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{height:100%;height:100dvh}html,body,#root{margin:0;width:100%;max-width:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:24px;line-height:1.35;overflow:hidden}body,#root{height:100%;height:100dvh;min-height:100%;min-height:100dvh}html.patient-mode,html.patient-mode body{touch-action:manipulation;-webkit-user-select:none;user-select:none;overscroll-behavior:none}html.patient-mode input,html.patient-mode textarea{-webkit-user-select:text;user-select:text}body{background:radial-gradient(1200px 600px at 10% -10%,rgba(56,189,248,.12),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(34,197,94,.08),transparent 50%),var(--bg)}button{font:inherit;color:inherit}.dwell-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:72px;padding:.75rem 1rem;border-radius:var(--radius);border:3px solid var(--border-strong);background:linear-gradient(180deg,#1f2b42 0%,var(--bg-button) 100%);color:var(--text);cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease,transform .12s ease;-webkit-tap-highlight-color:transparent}.dwell-btn__label{position:relative;z-index:1;font-size:clamp(18px,2.2vw,34px);font-weight:700;letter-spacing:.02em;line-height:1.2;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.dwell-btn.is-active{border-color:var(--accent);box-shadow:inset 0 0 0 2px #38bdf859}.dwell-btn.is-flash{background:#25405f;border-color:#fff;transform:scale(.98)}.dwell-btn.is-cooling{opacity:.72}.dwell-btn:disabled{opacity:.4;pointer-events:none}.dwell-btn--primary{border-color:#38bdf8;background:linear-gradient(180deg,#1d4b6e,#14344d)}.dwell-btn--accent{border-color:#67e8f9;background:linear-gradient(180deg,#155e75,#0f3a4a)}.dwell-btn--success{border-color:#4ade80;background:linear-gradient(180deg,#166534,#14532d)}.dwell-btn--danger{border-color:#f87171;background:linear-gradient(180deg,#7f1d1d,#450a0a)}.dwell-btn--yes{border-color:#86efac;background:linear-gradient(180deg,#166534,#14532d)}.dwell-btn--no{border-color:#fca5a5;background:linear-gradient(180deg,#991b1b,#450a0a)}.dwell-btn--muted{min-height:72px;border-color:var(--border);background:#152033}.dwell-btn--muted .dwell-btn__label{font-size:24px}.dwell-progress{position:absolute;right:10px;top:10px;pointer-events:none;filter:drop-shadow(0 0 4px rgba(125,211,252,.55))}.page{box-sizing:border-box;height:100%;height:100dvh;width:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.45rem;padding:.6rem .85rem;padding-top:max(.6rem,env(safe-area-inset-top));padding-bottom:max(.5rem,env(safe-area-inset-bottom));padding-left:max(.85rem,env(safe-area-inset-left));padding-right:max(.85rem,env(safe-area-inset-right));max-width:1400px;margin:0 auto;overflow:hidden}.page__header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.5rem;min-height:0;flex-shrink:0}.page__nav{display:flex;gap:.4rem;flex-wrap:nowrap;align-items:center;min-width:0}.page__title{margin:0;text-align:center;font-size:clamp(22px,3vw,40px);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}.page__header-right{display:flex;justify-content:flex-end;align-items:center;min-width:0}.page__header-spacer{display:block;width:1px;height:1px}.page__main{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.page__footer{flex-shrink:0;min-height:0;z-index:2;background:linear-gradient(180deg,transparent,rgba(11,18,32,.92) 30%);padding-top:.15rem}.nav-btn{min-height:52px!important;min-width:0;padding:.45rem .7rem!important;flex:0 0 auto}.nav-btn .dwell-btn__label{font-size:18px!important;white-space:nowrap}.home-page{max-width:1400px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.home-page__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0;min-height:0}.home-page__brand{display:flex;flex-direction:column;gap:.1rem;min-width:0}.home-page__logo{font-size:clamp(22px,3vw,40px);font-weight:900;letter-spacing:.04em;color:#e0f2fe}.home-page__name{color:var(--text-muted);font-size:clamp(16px,2vw,22px)}.home-page__settings{min-height:52px!important;min-width:52px;width:52px;padding:.35rem!important;font-size:24px;opacity:.85;flex-shrink:0}.home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.65rem;min-height:0;height:100%;overflow:hidden}.home-grid__btn{width:100%;height:100%;min-height:0!important;padding:.45rem .35rem!important;flex-direction:column;gap:.2rem;overflow:hidden}.home-grid__btn .dwell-btn__label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;width:100%;height:100%}.home-grid__icon{font-size:clamp(26px,4vw,48px);line-height:1;flex-shrink:0}.home-grid__label{font-size:clamp(20px,3.5vw,36px);font-weight:800;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;text-wrap:balance;max-width:100%;padding:0 .2rem}.home-grid__hint{font-size:clamp(11px,1.4vw,16px);color:#fecaca;font-weight:600}.home-grid__btn--emergency{animation:emergency-glow 2.4s ease-in-out infinite}@keyframes emergency-glow{0%,to{box-shadow:0 0 #ef444459}50%{box-shadow:0 0 0 8px #ef444414}}.yesno-bar{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.yesno-bar__btn{min-height:72px!important;height:clamp(64px,12vh,110px)!important;width:100%;padding:.4rem!important}.yesno-bar__btn .dwell-btn__label{font-size:clamp(24px,3.5vw,40px)}.option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.option-grid--4{grid-template-columns:repeat(2,1fr)}.option-grid__btn{width:100%;min-height:88px}.option-grid__btn--urgent .dwell-btn__label{font-size:clamp(30px,2.6vw,38px)}.posture-ok-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.posture-ok-row__btn{min-height:120px!important;width:100%}.posture-ok-row__btn .dwell-btn__label{font-size:clamp(32px,3vw,40px)}.inline-last{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);font-size:32px;font-weight:700}.inline-last__replay{min-height:72px!important}.disclaimer{margin:0 0 .75rem;color:var(--text-muted);font-size:20px}.sentence-result{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;min-height:60%;text-align:center;padding:1rem}.sentence-result__text{margin:0;font-size:clamp(34px,4vw,48px);font-weight:800;line-height:1.4;max-width:18em}.sentence-result__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.sentence-result__actions .dwell-btn{min-width:180px}.speak-page{display:flex;flex-direction:column;gap:.45rem;height:100%;min-height:0;overflow:hidden}.speak-page--zhuyin{gap:.35rem}.speak-page__keys{flex:1;min-height:0;display:flex;flex-direction:column}.sentence-bar{min-height:52px;display:flex;align-items:center;padding:.45rem .75rem;border:3px solid var(--border-strong);border-radius:var(--radius);background:#0a1424;font-size:clamp(22px,3.2vw,38px);font-weight:800;word-break:break-word;flex-shrink:0}.sentence-bar__placeholder{color:var(--text-muted);font-weight:600}.predict-block__title{margin:0 0 .4rem;font-size:22px;color:var(--text-muted);font-weight:700}.predict-block__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.predict-block__btn{min-height:84px!important;width:100%}.predict-block__btn .dwell-btn__label{font-size:24px}.speak-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;flex-shrink:0}.speak-tabs__btn{min-height:44px!important;width:100%;padding:.3rem .35rem!important}.speak-tabs__btn .dwell-btn__label{font-size:clamp(15px,2.2vw,20px);line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.key-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.key-grid--compact{grid-template-columns:repeat(8,1fr)}.key-grid__btn{min-height:0!important;height:100%;width:100%;padding:.35rem!important}.key-grid__btn .dwell-btn__label{font-size:clamp(20px,3.5vw,32px);line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word}.speak-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;flex-shrink:0}.speak-actions .dwell-btn{width:100%;min-height:48px!important;padding:.3rem!important}.speak-actions .dwell-btn .dwell-btn__label{font-size:clamp(14px,2vw,20px);line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.settings{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:2rem}.settings__section{display:flex;flex-direction:column;gap:.65rem;padding:1rem;border:2px solid var(--border);border-radius:var(--radius);background:#121a2bd9}.settings__section h2{margin:0;font-size:28px}.settings__label{display:flex;flex-direction:column;gap:.35rem;font-size:22px}.settings__input{font:inherit;font-size:24px;padding:.75rem .9rem;border-radius:12px;border:2px solid var(--border-strong);background:#0a1424;color:var(--text)}.settings__hint{margin:0;color:var(--text-muted);font-size:20px}.settings__chips,.settings__voice-list{display:flex;flex-wrap:wrap;gap:.5rem}.settings__chips .dwell-btn,.settings__voice-list .dwell-btn{min-height:64px}.settings__list{display:flex;flex-direction:column;gap:.5rem}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border:2px solid var(--border);border-radius:12px;background:#0f172a;font-size:24px;font-weight:700}.settings__row-actions{display:flex;gap:.35rem}.settings__row-actions .dwell-btn{min-height:56px!important;min-width:64px;padding:.4rem .7rem}.settings__row-actions .dwell-btn .dwell-btn__label{font-size:20px}.settings__add{display:grid;grid-template-columns:1fr auto;gap:.5rem}.emergency-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:#3b0a0a;color:#fff;text-align:center;padding:2rem}.emergency-overlay__pulse{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(239,68,68,.45),transparent 60%);animation:pulse-bg 1.2s ease-in-out infinite;pointer-events:none}@keyframes pulse-bg{0%,to{opacity:.55}50%{opacity:1}}.emergency-overlay__title{position:relative;margin:0;font-size:clamp(56px,10vw,96px);font-weight:900;letter-spacing:.08em}.emergency-overlay__sub{position:relative;margin:0;font-size:clamp(28px,4vw,40px);font-weight:700}.emergency-overlay__dismiss{position:relative;min-width:min(480px,90vw);min-height:100px!important}.paged-options{display:flex;flex-direction:column;gap:.4rem;min-height:0;flex:1;height:100%}.paged-options--fill{flex:1;min-height:0}.paged-options__main{min-width:0;min-height:0;flex:1;display:flex;flex-direction:column}.option-grid--paged{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);height:100%;gap:.4rem;flex:1}.paged-options__pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.4rem;flex-shrink:0}.paged-options__nav{width:100%;min-height:52px!important;padding:.35rem .5rem!important}.paged-options__nav .dwell-btn__label{font-size:18px;line-height:1.2}.paged-options__meta{margin:0;text-align:center;color:var(--text-muted);font-size:16px;font-weight:700;white-space:nowrap}.zy-wizard{display:flex;flex-direction:column;gap:.35rem;flex:1;min-height:0;overflow:hidden}.zy-wizard__status{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .6rem;border:2px solid var(--border-strong);border-radius:12px;background:#0a1424;flex-shrink:0}.zy-wizard__step{font-size:clamp(15px,2.2vw,20px);font-weight:800;color:#7dd3fc}.zy-wizard__buffer{font-size:clamp(22px,3.5vw,32px);font-weight:900;letter-spacing:.06em}.zy-wizard__body{flex:1;min-height:0;display:flex;flex-direction:column}.zy-wizard__btn{width:100%;height:100%;min-height:0!important;padding:.35rem!important}.zy-wizard__btn .dwell-btn__label{font-size:clamp(26px,5vw,42px)!important;line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word}.zy-wizard__btn--char .dwell-btn__label{font-size:clamp(32px,7vw,52px)!important}.zy-wizard__actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;flex-shrink:0}.zy-wizard__action{min-height:48px!important;width:100%}.zy-wizard__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;font-size:22px;font-weight:700}.zy-wizard__empty .zy-wizard__btn{min-height:72px!important;max-width:280px}.zhuyin-panel{display:flex;flex-direction:column;gap:.55rem}.zhuyin-panel__buffer{min-height:48px;display:flex;align-items:center;padding:.4rem .75rem;border:2px solid var(--border-strong);border-radius:var(--radius);background:#0a1424;font-size:24px;font-weight:800}.zhuyin-panel__row--compact{display:grid;grid-template-columns:repeat(8,1fr);gap:.4rem}.zhuyin-panel__tones{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}@media(max-width:1024px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:.45rem}.option-grid,.predict-block__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.key-grid--compact{grid-template-columns:repeat(5,minmax(0,1fr))}.speak-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.zhuyin-panel__row--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.zhuyin-panel__tones{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){html,body,#root{font-size:18px}.page{gap:.35rem;padding:.4rem .5rem;padding-top:max(.4rem,env(safe-area-inset-top));padding-bottom:max(.35rem,env(safe-area-inset-bottom))}.page__header{grid-template-columns:auto minmax(0,1fr) auto;gap:.35rem}.page__nav{flex-direction:row}.page__title{font-size:18px;max-width:none}.nav-btn{min-height:44px!important;padding:.3rem .55rem!important}.nav-btn .dwell-btn__label{font-size:15px!important}.home-page__logo{font-size:22px}.home-page__settings{min-height:44px!important;min-width:44px;width:44px}.home-grid{gap:.35rem}.home-grid__btn{padding:.25rem .2rem!important}.home-grid__icon{font-size:26px}.home-grid__label{font-size:18px}.home-grid__hint{font-size:10px}.yesno-bar__btn{min-height:56px!important;height:56px!important}.yesno-bar__btn .dwell-btn__label{font-size:22px}.option-grid__btn{min-height:72px}.key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sentence-bar{min-height:56px;font-size:22px;padding:.45rem .65rem}.speak-actions .dwell-btn{min-height:64px}}@media(orientation:landscape)and (max-height:500px){.page{gap:.25rem;padding:.3rem .55rem;padding-left:max(.55rem,env(safe-area-inset-left));padding-right:max(.55rem,env(safe-area-inset-right))}.page__header{grid-template-columns:auto minmax(0,1fr) auto}.page__nav{flex-direction:row;flex-wrap:nowrap}.nav-btn{min-height:40px!important;padding:.2rem .5rem!important}.nav-btn .dwell-btn__label{font-size:14px!important}.page__title{font-size:16px}.home-page__header{min-height:36px}.home-page__logo{font-size:18px}.home-page__name{display:none}.home-page__settings{min-height:40px!important;min-width:40px;width:40px}.home-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.3rem}.home-grid__icon{font-size:22px}.home-grid__label{font-size:15px}.home-grid__hint{display:none}.yesno-bar__btn{min-height:48px!important;height:48px!important}.yesno-bar__btn .dwell-btn__label{font-size:20px}.option-grid__btn{min-height:56px}.paged-options__nav{min-height:44px!important}.paged-options__pager{gap:.3rem}}@media(orientation:landscape)and (min-width:900px)and (min-height:600px){.home-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.75rem}.yesno-bar__btn{height:clamp(80px,14vh,120px)!important}}