:root{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;color:#251813;background:#fff8e8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:#fff8e8;overflow-x:clip}body{margin:0;min-width:320px;max-width:100%;min-height:100vh;min-height:100dvh;overflow-x:clip;background:radial-gradient(circle at 10% 0%,rgb(255 218 139 / 38%),transparent 32rem),#fff8e8}button{min-height:64px;font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:4px solid #1468c3;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{width:min(100%,760px);min-width:0;max-width:100%;min-height:100dvh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 16px max(32px,env(safe-area-inset-bottom))}.app-header{display:flex;align-items:center;gap:13px;padding:4px 2px 18px}.brand-mark{display:grid;flex:0 0 54px;width:54px;height:54px;place-items:center;overflow:hidden;border-radius:18px;background:#8f2e25;box-shadow:0 6px 14px #641f193d}.brand-mark img{display:block;width:100%;height:100%;border-radius:inherit}h1,h2,p{margin:0}.app-header h1{font-size:clamp(1.65rem,7vw,2.25rem);line-height:1.15;letter-spacing:.04em}.activation-shell{display:flex;flex-direction:column}.activation-card,.activation-checking{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #ddcdb4;border-radius:30px;padding:clamp(26px,7vw,48px) 18px;background:#fffdf7;box-shadow:0 10px 28px #452c1c1f;text-align:center}.activation-checking{min-height:320px;gap:12px;font-size:1.15rem}.activation-checking strong{font-size:1.5rem}.activation-icon{display:grid;width:72px;height:72px;place-items:center;border-radius:50%;color:#fff;background:#08787e;font-size:2.1rem;font-weight:900}.activation-card h2{margin-top:20px;font-size:clamp(1.75rem,7vw,2.4rem)}.activation-subtitle{margin-top:8px;color:#67534b;font-size:clamp(1.15rem,4.5vw,1.45rem);font-weight:700;line-height:1.4}.activation-error{width:100%;margin-top:20px;border:3px solid #a31f1a;border-radius:18px;padding:13px;color:#7b1713;background:#fff0ed;font-size:1.05rem;font-weight:750;line-height:1.45}.activation-card form{display:grid;width:min(100%,500px);gap:12px;margin-top:24px}.activation-card label{font-size:1.1rem;font-weight:800}.activation-card input{width:100%;min-height:82px;border:4px solid #725b4d;border-radius:20px;padding:10px 14px;color:#251813;background:#fff;font:inherit;font-size:clamp(2rem,11vw,3rem);font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase}.activation-card input:focus{border-color:#1468c3;outline:3px solid rgb(20 104 195 / 25%)}.activation-card button{border:0;border-radius:20px;padding:14px;color:#fff;background:#8f2e25;font-size:clamp(1.35rem,6vw,1.8rem);font-weight:900;box-shadow:0 6px #5e1b16}.speaker-actions{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:14px}.speaker-button{position:relative;display:flex;width:100%;min-width:0;max-width:100%;min-height:clamp(172px,24dvh,230px);flex-direction:column;align-items:center;justify-content:center;gap:9px;overflow:hidden;border:0;border-radius:30px;padding:20px 18px;color:#fff;white-space:normal;box-shadow:0 9px #2c19122b,0 14px 28px #2c19122e;transition:transform .12s ease,box-shadow .12s ease}.speaker-button:not(:disabled):active{transform:translateY(5px);box-shadow:0 4px #2c19122b,0 7px 16px #2c19122e}.speaker-button.ama{background:linear-gradient(145deg,#ba3f31,#8b281f)}.speaker-button.caregiver{background:linear-gradient(145deg,#08787e,#07565e)}.speaker-button.recording{background:linear-gradient(145deg,#d52f28,#921810);animation:recording-button-pulse 1.15s ease-in-out infinite}.speaker-button strong{display:flex;width:100%;min-width:0;min-height:2.3em;align-items:center;justify-content:center;max-width:100%;font-size:clamp(1.6rem,6.5vw,2.1rem);line-height:1.14}.speaker-button strong span{display:block;min-width:0;max-width:100%;white-space:normal;overflow-wrap:normal;text-wrap:balance;word-break:normal}.speaker-prompt{display:block;width:100%;min-width:0;max-width:100%;font-size:clamp(1.35rem,5.5vw,1.8rem);font-weight:850;line-height:1.2;overflow-wrap:normal;text-wrap:balance;word-break:normal}.speaker-flag{display:block;width:72px;height:48px;flex:0 0 auto;overflow:hidden;border:2px solid rgb(255 255 255 / 85%);border-radius:7px;box-shadow:0 2px 7px #140c0847}.recording-time{font-size:clamp(1.35rem,5vw,1.65rem);font-variant-numeric:tabular-nums;font-weight:850}@keyframes recording-button-pulse{0%,to{transform:scale(1)}50%{transform:scale(.975)}}.processing,.notice{display:flex;align-items:center;gap:13px;margin-bottom:15px;border-radius:22px;padding:16px}.processing{flex-direction:column;justify-content:center;border:3px solid #d28a1a;background:#fff5d6;text-align:center}.processing strong{font-size:1.4rem}.loader{width:42px;height:42px;border:6px solid #eed49d;border-top-color:#984b12;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-notice{flex-wrap:wrap;border:3px solid #a31f1a;background:#fff0ed}.error-notice>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;background:#a31f1a;font-size:1.5rem;font-weight:900}.error-notice p{flex:1 1 220px;font-size:1.14rem;font-weight:750}.error-notice button,.section-heading button{border:2px solid #593a2e;border-radius:16px;padding:8px 17px;color:#38251e;background:#fff;font-weight:800}.result-card{margin-top:20px;border:2px solid #ddcdb4;border-radius:25px;padding:20px;background:#fffdf7;box-shadow:0 8px 22px #452c1c1a}.result-label{color:#725c51;font-size:.95rem;font-weight:750}.source-text{margin-top:6px;font-size:1.25rem;line-height:1.5}.result-divider{height:2px;margin:16px 0;background:#eadfce}.translated-text{margin-top:7px;color:#71231d;font-size:clamp(1.65rem,7vw,2.35rem);font-weight:900;line-height:1.35}.replay-main{display:flex;width:100%;min-height:86px;align-items:center;justify-content:center;gap:16px;margin-top:18px;border:0;border-radius:24px;padding:13px 20px;color:#fff;background:#34221b;box-shadow:0 7px #1d120e}.replay-main>span:first-child{font-size:1.8rem}.replay-main>span:last-child{display:flex;flex-direction:column}.replay-main strong{font-size:1.4rem}.replay-main small{font-size:1rem}.replay-main.needs-attention:not(:disabled){outline:6px solid #efb329;animation:attention 1.4s ease-in-out infinite}@keyframes attention{50%{transform:scale(1.018)}}.history-section{min-width:0;margin-top:34px}.section-heading{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{min-width:0;flex:1;font-size:1.45rem}.section-heading button{flex:0 0 auto}.section-heading h2 small{display:block;margin-top:2px;color:#735f56;font-size:.85rem;font-weight:600}.empty-state{margin-top:15px;border:2px dashed #c9b89e;border-radius:20px;padding:26px 16px;color:#745e54;text-align:center;font-size:1.08rem}.history-list{display:grid;gap:12px;margin:15px 0 0;padding:0;list-style:none}.history-list li{display:flex;min-width:0;align-items:center;gap:10px;border:2px solid #dfd2bf;border-radius:20px;padding:14px;background:#ffffffbd}.history-list li>div{min-width:0;flex:1}.history-list p,.history-list strong{display:block;overflow-wrap:anywhere}.history-list p{margin-top:7px;color:#665149}.history-list strong{margin-top:3px;font-size:1.15rem}.speaker-badge{display:inline-block;border-radius:999px;padding:4px 10px;color:#fff;font-size:.85rem;font-weight:800}.speaker-badge.ama{background:#9d3026}.speaker-badge.caregiver{background:#086b70}.history-list button{flex:0 0 64px;width:64px;border:0;border-radius:50%;color:#fff;background:#3d2a22;font-size:1.35rem}.privacy-note{margin-top:30px;padding:18px 8px 0;color:#735f56;font-size:.82rem;line-height:1.5;text-align:center}@media(min-width:700px){.speaker-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}