:root{--bg: #F4EEE3;--surface: #EDE6D4;--surface-deep: #E0D6BE;--border: #C5B48A;--text-ink: #1A1008;--text-mid: #4A3818;--text-dim: #8C7A52;--text-partial: #7A5F20;--violet: #6B3FA0;--violet-deep: #492A72;--violet-light: #8B5CC8;--violet-pale: #EAE0F5;--gold: #B07D17;--gold-light: #D4A84B;--stop-red: #A01E2A;--stop-red-deep: #7A1520;--live-dot: #C0392B;--amber: #D4700A}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden;overflow-x:hidden}body{height:100%;font-family:Nunito,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;overflow:hidden;overflow-x:hidden}#root{height:100%;overflow:hidden}.app{display:flex;flex-direction:column;height:100%;height:100dvh;max-width:640px;margin:0 auto;background:var(--bg);position:relative}.status-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding-left:20px;padding-right:20px;padding-top:max(12px,env(safe-area-inset-top,12px));padding-bottom:12px;background:var(--violet-deep);color:#ede0ff;position:relative;z-index:10;box-shadow:0 3px 12px #492a7247}.status-bar__left{display:flex;align-items:center;gap:8px;min-width:0}.status-bar__indicator{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.status-bar__error-text{font-size:13px;font-weight:600;color:#ffb3ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot--live{background:#e74c3c;box-shadow:0 0 #e74c3c8c;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%{box-shadow:0 0 #e74c3c99}65%{box-shadow:0 0 0 9px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}.status-dot--connecting{background:var(--gold-light);animation:blink-amber 1.1s ease-in-out infinite}@keyframes blink-amber{0%,to{opacity:1}50%{opacity:.25}}.status-bar__title{font-size:12px;font-weight:700;color:#ede0ff80;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;flex-shrink:0}.transcript-wrap{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:28px 22px 20px}.transcript{font-family:Lora,Georgia,Times New Roman,serif;line-height:1.55;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.t-final{color:var(--text-ink)}.t-live{color:var(--text-partial);font-style:italic}.transcript-empty{font-family:Lora,Georgia,serif;font-style:italic;font-size:20px;color:var(--text-dim);line-height:1.65;text-align:center;padding:48px 24px;pointer-events:none;-webkit-user-select:none;user-select:none}.footer{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;padding:12px 16px;padding-bottom:max(14px,calc(10px + env(safe-area-inset-bottom,0px)));background:var(--surface);border-top:1.5px solid var(--border);box-shadow:0 -4px 18px #1a100812}.font-scale{display:flex;align-items:center;gap:8px}.font-scale__btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border:1.5px solid var(--border);border-radius:10px;background:var(--bg);color:var(--violet-deep);font-family:Nunito,sans-serif;font-size:20px;font-weight:800;cursor:pointer;transition:background .14s,border-color .14s,color .14s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.font-scale__btn:hover:not(:disabled){background:var(--violet-pale);border-color:var(--violet-light)}.font-scale__btn:active:not(:disabled){background:var(--violet);border-color:var(--violet);color:#fff}.font-scale__btn:disabled{opacity:.35;cursor:default}.font-scale__info{flex:1;text-align:center;font-size:13px;font-weight:700;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.start-stop-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:96px;border:none;border-radius:18px;font-family:Nunito,sans-serif;font-size:26px;font-weight:800;letter-spacing:.015em;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background-color .18s ease,box-shadow .18s ease,transform .1s ease}.start-stop-btn--start{background:var(--violet);color:#fff;box-shadow:0 5px 22px #6b3fa06b}.start-stop-btn--start:hover:not(:disabled){background:var(--violet-deep);box-shadow:0 7px 28px #492a7285}.start-stop-btn--stop{background:var(--stop-red);color:#fff;box-shadow:0 5px 22px #a01e2a6b}.start-stop-btn--stop:hover:not(:disabled){background:var(--stop-red-deep);box-shadow:0 7px 28px #7a152085}.start-stop-btn:active:not(:disabled){transform:scale(.97)}.start-stop-btn:disabled{background:var(--surface-deep);color:var(--text-dim);box-shadow:none;cursor:not-allowed}.start-stop-btn:focus-visible,.font-scale__btn:focus-visible{outline:3px solid var(--gold-light);outline-offset:3px}@media (prefers-reduced-motion: reduce){.status-dot--live,.status-dot--connecting{animation:none}.transcript-wrap{scroll-behavior:auto}.start-stop-btn,.font-scale__btn{transition:none}}