:root{--bg-top:#0f2344;--bg-bottom:#0a8a84;--panel:rgba(9,23,44,.56);--panel-strong:rgba(6,18,37,.74);--line:rgba(183,239,232,.2);--line-strong:rgba(203,245,240,.34);--text:#f4fcfb;--muted:rgba(226,242,241,.8);--teal:#54e4cb;--teal-strong:#12c8bb;--sand:#ffe4ab;--danger:#ffb4b4;--shadow:0 28px 80px rgba(2,10,23,.32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif;background:radial-gradient(circle at 14% 16%,rgba(130,203,255,.2),transparent 24%),radial-gradient(circle at 82% 18%,rgba(84,228,203,.18),transparent 30%),linear-gradient(160deg,var(--bg-top) 0,#17386c 45%,var(--bg-bottom) 100%)}button,input,select,textarea{font:inherit}code{font-family:SF Mono,JetBrains Mono,monospace}.page-shell{position:relative;min-height:100vh;overflow:hidden;padding:40px 20px 72px}.ambient{position:fixed;width:32rem;height:32rem;border-radius:999px;filter:blur(90px);opacity:.2;pointer-events:none}.ambient-left{top:-10rem;left:-8rem;background:#5cc9ff}.ambient-right{right:-10rem;bottom:-8rem;background:#5effd0}.hero,.tips-grid,.workspace{position:relative;z-index:1;width:min(1120px,100%);margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);grid-gap:24px;gap:24px;align-items:stretch;margin-bottom:24px}.control-panel,.hero-copy,.hero-panel,.info-card,.transcript-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-copy,.hero-panel,.info-card,.transcript-card{border-radius:28px;padding:28px}.control-panel{border-radius:22px;padding:20px}.eyebrow{display:inline-flex;margin-bottom:18px;padding:.55rem .9rem;border-radius:999px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.14);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.card-head strong,.hero-copy h1,.info-card h2,.panel-head strong{font-family:Trebuchet MS,Avenir Next,sans-serif}.hero-copy h1{margin:0 0 16px;font-size:clamp(2.3rem,6vw,4.3rem);line-height:.96}.final-text,.hero-copy p,.info-card p,.interim-text,.placeholder-text,.status-card p{margin:0;color:var(--muted);line-height:1.7}.browser-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pill{display:inline-flex;align-items:center;gap:8px;padding:.7rem .95rem;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.08);font-size:.88rem}.pill-ok{border-color:rgba(84,228,203,.42);background:rgba(84,228,203,.14)}.pill-warn{border-color:rgba(255,228,171,.4);background:rgba(255,228,171,.14)}.card-head,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.card-head span,.panel-head span,.status-card label{color:var(--muted);font-size:.92rem}.status-grid{display:grid;grid-gap:16px;gap:16px}.status-card{border-radius:20px;padding:18px;background:var(--panel-strong);border:1px solid var(--line-strong)}.error-box{margin-top:16px;border-radius:18px;padding:14px 16px;background:hsla(0,100%,74%,.13);border:1px solid hsla(0,100%,85%,.28);color:var(--danger)}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);grid-gap:24px;gap:24px;margin-bottom:24px}.control-panel{display:grid;align-content:start;grid-gap:14px;gap:14px}.field-label{color:var(--muted);font-size:.9rem;font-weight:700}.select-input,.text-input{width:100%;border-radius:18px;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.08);color:var(--text)}.select-input{padding:.95rem 1rem}.range-input{width:100%}.primary-button,.secondary-button{border:0;border-radius:18px;padding:1rem 1.15rem;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease}.primary-button{background:linear-gradient(135deg,var(--sand) 0,#ffd67b 100%);color:#10233f;font-weight:800}.secondary-button{background:hsla(0,0%,100%,.08);color:var(--text);border:1px solid hsla(0,0%,100%,.12)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.transcript-body{min-height:360px;padding:18px;border-radius:22px;background:rgba(6,16,31,.48);border:1px solid rgba(203,245,240,.14);white-space:pre-wrap}.text-input{min-height:320px;resize:vertical;padding:18px;line-height:1.7}.final-text{color:var(--text)}.interim-text{margin-top:12px;color:var(--teal)}.placeholder-text{color:rgba(228,239,239,.66)}.tips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.info-card ul{margin:16px 0 0;padding-left:18px;color:var(--muted)}.info-card li+li{margin-top:10px}@media (max-width:920px){.hero,.tips-grid,.workspace{grid-template-columns:1fr}.transcript-body{min-height:280px}}