:root{color-scheme:dark;--bg:#101722;--panel:#192333;--raised:#212f43;--line:#344356;--ink:#f0f3f5;--muted:#aebccb;--soft:#8e9fb3;--accent:#c3bcff;--aqua:#9ce4cd;--warn:#f3bf76;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 90% 0,#293b485c,transparent 50%),var(--bg);color:var(--ink);font-family:var(--font);line-height:1.55}
button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;transition:background .15s,color .15s;touch-action:manipulation}button:disabled{opacity:.42;cursor:not-allowed}
a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}
input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}
.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.skip{position:fixed;top:-70px;left:20px;z-index:30;background:var(--accent);color:var(--bg);padding:10px}.skip:focus{top:10px}
.shell{max-width:1220px;margin:auto;padding:0 40px}.masthead{min-height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:18px}
.brand{font-size:19px;text-decoration:none;font-weight:740;letter-spacing:-.5px}.brand span{font-weight:400;color:var(--muted)}
.version{font-size:10px;color:var(--soft);margin-left:10px;white-space:nowrap}.header-tools{display:flex;align-items:center;gap:24px}.back{font-size:12px;text-decoration:none;color:var(--muted);white-space:nowrap}.back:hover{color:var(--ink)}
.key-access{position:relative;font-size:11px;color:var(--aqua)}.key-access summary{cursor:pointer;padding:10px 0;min-height:40px}
.key-popover{position:absolute;right:0;top:100%;z-index:20;width:min(350px,85vw);background:var(--panel);padding:20px;border:1px solid var(--line);border-radius:13px;box-shadow:0 20px 50px #0006;color:var(--ink)}
.key-popover .small-button{margin-top:12px}.key-popover .text-button{display:block}
.intro{display:flex;align-items:center;justify-content:space-between;padding:36px 0 30px;gap:25px}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--aqua);margin:0 0 10px;font-weight:700}
h1{font-size:clamp(26px,3.2vw,37px);line-height:1.2;letter-spacing:-1.2px;margin:0;font-weight:620}.subhead{font-size:13px;color:var(--muted);margin:12px 0 0}.mobile-break{display:none}
.mode-switch{display:flex;padding:5px;border:1px solid var(--line);border-radius:13px;background:#172130;flex-shrink:0}.mode-switch button{border:0;color:var(--muted);background:none;padding:11px 19px;border-radius:9px;font-size:16px;font-weight:600;min-height:44px}.mode-switch span{font-size:13px;margin-left:7px}.mode-switch button[aria-pressed=true]{color:#24223a;background:var(--accent)}
.direction-panel{background:linear-gradient(120deg,#1d2b36e0,#182330);border:1px solid var(--line);border-radius:16px;padding:23px 26px 0}
.direction-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.direction-heading .eyebrow{font-size:9px;margin:0 0 6px}.direction-heading h2{font-size:22px;letter-spacing:-.4px;font-weight:600;margin:0;overflow-wrap:anywhere}.automatic-note{color:var(--soft);font-size:11px}
.language-pair{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);align-items:start;gap:18px}.language-field{min-width:0}
label:not(.check){font-size:11px;color:var(--muted);display:block;margin:0 0 7px}select,input:not([type=checkbox]),.preference-body textarea{width:100%;min-height:44px;background:#14202d;border:1px solid #415166;border-radius:8px;padding:10px 12px;color:var(--ink);font-size:14px}select{padding-right:26px}
.language-field>input{margin-top:9px}.swap{background:none;border:1px solid var(--line);border-radius:9px;color:var(--aqua);font-size:11px;min-height:44px;align-self:start;margin-top:24px;padding:8px}.swap>span{font-size:20px;vertical-align:middle;margin-right:3px}
.preference-bar{display:flex;gap:0;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:19px}.preference-group{flex:1;min-width:160px;max-width:100%}.preference-group>summary{padding:14px 12px 14px 0;font-size:11px;color:var(--ink);cursor:pointer;min-height:44px}.preference-group>summary span{font-size:10px;color:var(--soft)}
.preference-body{padding:0 20px 20px 0;max-width:420px}.preference-body label:not(.check){margin-top:14px}.preference-body textarea{min-height:92px;resize:vertical}.micro{font-size:11px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}
.check{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted);margin:15px 0 10px}.check input{accent-color:var(--accent);margin:3px 0;width:16px;height:16px;flex-shrink:0}
.workspace{margin-top:24px;min-width:0;outline:none}.workspace-top{display:flex;align-items:center;gap:19px;margin-bottom:14px}.path-switch{display:flex;gap:4px;flex-shrink:0;padding:3px;border:1px solid var(--line);border-radius:10px}.path-switch button{border:0;border-radius:7px;background:none;color:var(--muted);padding:8px 17px;font-size:12px;min-height:38px;display:flex;align-items:center;gap:8px}.path-switch button[aria-pressed=true]{background:var(--raised);color:var(--ink)}.path-switch #pathLive[aria-pressed=true]{background:#29483f;color:#bbf1de}.live-icon{width:6px;height:6px;display:inline-block;background:var(--aqua);border-radius:50%}.task-hint{font-size:12px;color:var(--muted);margin:0}
.live-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:15px 19px;border:1px solid var(--line);border-radius:12px;background:#192633}.live-intro{display:flex;align-items:center;gap:16px;min-width:0}.live-intro h2{margin:0;font-size:13px;font-weight:600}.live-intro p{margin:4px 0 0;font-size:11px;color:var(--muted)}.voice-mark{display:flex;align-items:center;gap:3px;height:35px;padding:0 4px;color:var(--aqua);flex-shrink:0}.voice-mark i{width:3px;height:10px;border-radius:4px;background:currentColor}.voice-mark i:nth-child(2),.voice-mark i:nth-child(4){height:23px}.voice-mark i:nth-child(3){height:34px}
.live-button{border:1px solid #567269;border-radius:8px;background:#233f36;color:#c4f3e3;font-weight:650;font-size:12px;padding:11px 18px;min-height:44px}.live-button:hover{background:#315345}.live-guidance{width:100%;display:none}.live-guidance p{margin:8px 0 0}.live-guidance p:empty{display:none}.prefer-live .live-panel{background:radial-gradient(ellipse at 0 0,#254a446b,transparent 75%),#192a31;border-color:#567269;padding:23px}.prefer-live .live-intro h2{font-size:19px;letter-spacing:-.25px}.prefer-live .live-intro p{font-size:12px}.prefer-live .live-button{background:var(--aqua);border-color:var(--aqua);color:#18392f;padding:13px 20px}.prefer-live .live-guidance{display:block}.live-panel:has(.live-state:not(.hidden)) .live-guidance{display:block}
.live-state{font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--aqua);display:inline-block;border:1px solid #4b7466;border-radius:5px;padding:4px 7px}.live-state[data-state=SPEAKING]{background:#345149}.live-state[data-state=CONNECTING],.live-state[data-state=TRANSLATING],.live-state[data-state=THINKING]{color:var(--warn);border-color:#7e6a4f}.heard{font-size:12px;color:var(--ink);overflow-wrap:anywhere}
.status-row{display:flex;align-items:center;gap:8px;min-height:40px;margin:9px 0}.status-row p{font-size:12px;color:var(--muted);margin:0;flex:1;overflow-wrap:anywhere}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--aqua);flex-shrink:0}.status-dot.working{background:var(--warn);box-shadow:0 0 0 4px #f3bf7612}.status-dot.error{background:#ef9d9d}.connection-reason:empty{display:none}.connection-reason{margin:0 0 14px;padding:9px 12px;border-left:2px solid var(--warn)}
.work-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:22px;min-width:0}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.card h2,.history-panel h2{font-size:12px;font-weight:650;margin:0;letter-spacing:.025em}.card-heading>span{font-size:9px;color:var(--soft);letter-spacing:.05em}.source-card textarea{width:100%;height:215px;resize:vertical;border:0;background:transparent;color:var(--ink);font-size:16px;line-height:1.75;padding:0 0 10px;border-radius:3px}.source-card textarea::placeholder{color:#92a1b5}.input-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.primary{background:var(--accent);color:#24223a;border:1px solid var(--accent);border-radius:8px;padding:10px 17px;font-size:12px;font-weight:700;min-height:44px;display:flex;align-items:center;justify-content:center}.primary:hover{background:#d3ceff}.secondary,.small-button{background:#233245;color:var(--ink);border:1px solid #465771;border-radius:8px;font-size:11px;padding:10px 12px;min-height:44px}.secondary:hover,.small-button:hover{background:#30445b}.text-button{color:var(--muted);border:0;background:none;font-size:11px;padding:10px 7px;min-height:40px}.text-button:hover{color:var(--ink)}.source-reading{display:flex;gap:10px;margin-top:6px}.source-reading .text-button:first-child{padding-left:0}
.capture-actions{display:flex;align-items:center;gap:10px;border:1px solid #5c7061;background:#213429;border-radius:10px;padding:12px;margin-bottom:15px}.capture-actions #timer{margin-left:auto;font-size:13px;font-variant-numeric:tabular-nums;color:var(--aqua)}
.result-card{background:linear-gradient(140deg,#212d41,#1b2536);display:flex;flex-direction:column}.result-card .card-heading>span{color:var(--accent)}.empty-state{text-align:center;margin:auto;min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center}.orb{font-size:28px;letter-spacing:-2px;color:#c7c4ef;width:106px;height:78px;background:radial-gradient(ellipse,#43436744,transparent 75%);display:flex;align-items:center;justify-content:center;gap:11px}.orb>span{font-size:15px;color:var(--aqua)}.empty-state h3{font-size:14px;font-weight:500;margin:10px 0 5px}.empty-state p{font-size:12px;max-width:270px;color:var(--muted);margin:0}.result{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.8;min-height:245px;max-height:520px;overflow:auto}.result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:20px}.result-card details{border-top:1px solid var(--line);margin-top:18px;padding-top:13px;font-size:12px;color:var(--muted)}.result-card details summary{cursor:pointer;min-height:30px}.result-card details p{white-space:pre-wrap;overflow-wrap:anywhere}.result-card details h3{font-size:11px;color:var(--accent)}.result-card details ul{padding-left:18px}.practice-actions{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.practice-actions>span{display:block;color:var(--aqua);font-size:11px;margin-bottom:10px}.practice-actions>div{display:flex;flex-wrap:wrap;gap:6px}
.history-panel{margin-top:20px;border:1px solid var(--line);border-radius:12px;padding:18px 22px}.history-panel .card-heading{margin-bottom:8px}.history-panel .card-heading .micro{margin:5px 0 0;font-size:10px}.history-tools{display:flex;gap:8px}.history{max-height:240px;overflow:auto}.history-entry{padding:12px 0;border-bottom:1px solid #34435b}.history-entry:last-child{border-bottom:0}.history-entry strong{display:block;color:var(--aqua);font-size:10px;font-weight:650;letter-spacing:.06em;margin-bottom:5px}.history-entry p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:var(--muted)}
.lab{margin-top:20px;font-size:12px;color:var(--muted)}.lab summary{cursor:pointer;min-height:40px}.lab #labResult{white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;margin-top:15px}.session-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:15px 0}.privacy-note{font-size:10px;line-height:1.7;color:var(--soft);margin:0;max-width:690px}.session-footer button{white-space:nowrap}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:21px 0;margin-top:20px;font-size:10px;color:var(--soft);gap:20px}
@media(max-width:900px){.shell{padding:0 24px}.intro{align-items:flex-start}.intro h1{max-width:16ch}.intro .subhead{max-width:35ch}.direction-heading h2{font-size:21px}.preference-group>summary span{display:none}.live-intro p{max-width:40ch}.card{padding:18px}.source-card textarea{height:200px}.input-actions{gap:7px}.input-actions button{font-size:11px;padding:10px 12px}.prefer-live .live-intro h2{font-size:17px}}
@media(max-width:600px){.shell{padding:0 16px}.masthead{min-height:76px;flex-wrap:wrap;gap:0;padding:15px 0}.brand{font-size:17px}.version{font-size:9px;margin-left:7px}.header-tools{width:100%;justify-content:space-between;gap:12px;margin-top:5px}.key-access summary{min-height:32px;padding:5px 0}.key-popover{right:auto;left:0}.intro{padding:26px 0 20px;display:block}.intro h1{font-size:28px;max-width:none}.subhead{font-size:12px}.intro .subhead{max-width:40ch}.mobile-break{display:block}.eyebrow{font-size:9px}.mode-switch{margin-top:22px;width:100%}.mode-switch button{flex:1}.direction-panel{padding:18px 15px 0}.direction-heading{margin-bottom:16px}.direction-heading h2{font-size:19px}.automatic-note{display:none}.language-pair{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:7px}.language-pair select{font-size:16px;padding:10px 22px 10px 8px}.language-pair input{font-size:16px}.swap{font-size:9px;padding:4px 1px;line-height:1.2;min-height:46px}.swap span{display:block;font-size:20px;margin:0}.preference-bar{margin-top:16px;gap:0 15px}.preference-group{min-width:130px}.preference-group[open]{flex-basis:100%;order:1}.preference-body{max-width:none;padding-right:0}.preference-body input,.preference-body select,.preference-body textarea,.key-popover input{font-size:16px}.workspace{margin-top:20px}.workspace-top{display:block}.path-switch{width:max-content}.path-switch button{min-height:40px;padding:8px 22px}.task-hint{margin-top:10px;font-size:11px}.live-panel{padding:14px;gap:11px}.live-intro{gap:12px}.live-intro h2{font-size:12px}.live-intro p{font-size:10px}.voice-mark{height:30px}.live-button{width:100%;min-height:44px}.prefer-live .live-panel{padding:18px 15px}.prefer-live .live-intro h2{font-size:17px}.prefer-live .live-intro p{font-size:11px}.work-grid{grid-template-columns:1fr;gap:13px}.source-card textarea{height:145px}.card{padding:18px}.source-card .input-actions button{flex:1;font-size:12px}.source-reading .text-button{font-size:11px}.empty-state{min-height:185px}.result{min-height:145px;font-size:16px}.history-panel{padding:15px}.history-panel .card-heading{display:block}.history-tools{margin-top:5px}.history-tools .text-button:first-child{padding-left:0}.session-footer{align-items:flex-start;gap:10px}.privacy-note{font-size:9px}.session-footer button{font-size:10px;padding-right:0}footer{font-size:9px;gap:10px}.capture-actions{position:sticky;top:8px;z-index:5;box-shadow:0 8px 20px #0004}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* v58.2.5: generated reading controls only. */
.reading-dock{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #476658;background:linear-gradient(110deg,#20392f,#1b2e35);border-radius:12px;padding:15px 18px;margin-top:16px}.reading-dock strong{font-size:12px;color:var(--aqua)}.reading-dock p{font-size:10px;color:var(--muted);margin:4px 0 0}.reading-buttons{display:flex;gap:7px;flex-shrink:0}.reading-buttons button{min-width:60px;background:#213b33;border-color:#476658}.reading-buttons button:hover:not(:disabled){background:#315444}@media(max-width:650px){.reading-dock{align-items:flex-start;flex-direction:column;gap:10px}.reading-buttons{width:100%}.reading-buttons button{flex:1}.reading-dock{padding:14px}}