:root{color-scheme:light;--paper:#f7f4ee;--paper-soft:#fbfaf7;--ink:#151515;--muted:rgba(21,21,21,0.48);--faint:rgba(21,21,21,0.08);--line:rgba(21,21,21,0.14);--error:#8f1d1d;--older:rgba(21,21,21,0.55);--pending:rgba(21,21,21,0.38);--ease-out-expo:cubic-bezier(0.19,1,0.22,1);--ease-soft:cubic-bezier(0.215,0.61,0.355,1)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:#ebe7df;color:var(--ink);font-family:system-ui,-apple-system,SF Pro Text,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.shell{position:relative;margin:0 auto;max-width:min(100vw,520px);height:100dvh;background:var(--paper);display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top)}@media (min-width:560px){.shell{box-shadow:0 24px 80px rgba(21,21,21,.14)}}.reading{flex:1 1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 22px calc(28px + env(safe-area-inset-bottom));overflow:hidden}.caption-text{font-size:clamp(1.2rem,5.15vw,1.62rem);font-weight:590;line-height:1.32;margin:0;color:var(--ink);overflow-wrap:break-word}.waiting-line{color:var(--muted);font-size:clamp(1.45rem,6.4vw,2rem);font-weight:590;margin:0;animation:breathe 3.2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.42}50%{opacity:.7}}.picker-overlay{position:absolute;inset:0;z-index:10;background:var(--paper);display:flex;flex-direction:column;padding:calc(28px + env(safe-area-inset-top)) 22px 28px;animation:pickerIn .22s var(--ease-out-expo)}@keyframes pickerIn{0%{opacity:0}to{opacity:1}}.picker-label{font-size:.78rem;letter-spacing:.08em;color:var(--muted);margin:0 0 18px}.picker-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 16px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;text-align:left;transition:transform .2s var(--ease-out-expo)}.picker-row:active{transform:scale(.97)}.picker-row[data-selected=true]{border-color:var(--ink)}.picker-native{font-size:1.35rem;font-weight:590;display:block}.picker-english{font-size:.85rem;color:var(--muted);display:block;margin-top:2px}.picker-check{font-size:1.1rem}.op-scroll{flex:1 1;min-height:0;overflow-y:auto;padding:24px 22px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.op-title{font-size:1.35rem;font-weight:640;margin:0}.panel-block{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--paper-soft)}.big-button{width:100%;min-height:62px;border-radius:12px;font-weight:590;font-size:1.05rem;transition:transform .2s var(--ease-out-expo)}.big-button:active{transform:scale(.985)}.big-button.start{background:var(--ink);color:var(--paper)}.big-button.stop{background:transparent;color:var(--error);border:1.5px solid var(--error)}.live-dot{width:8px;height:8px;border-radius:50%;background:#2e7d4f;display:inline-block}.mic-meter{height:4px;border-radius:2px;background:var(--faint);overflow:hidden}.mic-meter>span{display:block;height:100%;background:var(--ink);transition:width .2s var(--ease-soft)}.operator-text{font-size:clamp(1.05rem,4.4vw,1.32rem);font-weight:590;line-height:1.35;margin:0;overflow-wrap:break-word}.error-text{color:var(--error)}.muted{color:var(--muted)}.page{min-height:100vh;padding:24px;display:flex;flex-direction:column;gap:20px}.panel{background:var(--paper-soft);border:1px solid var(--line);border-radius:12px;padding:20px}.danger-button,.primary-button,.secondary-button{border-radius:10px;padding:14px 18px;font-weight:590}.primary-button{background:var(--ink);color:var(--paper)}.secondary-button{background:var(--faint);color:var(--ink)}.danger-button{background:var(--error);color:var(--paper)}