:root{color:#e7ecff;font-synthesis:none;background:#080b14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 15%,#283064 0,#0000 35%),radial-gradient(circle at 80% 80%,#143f47 0,#0000 32%),#080b14;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.shell{place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111624e8;border:1px solid #ffffff1c;border-radius:24px;width:min(100%,640px);padding:clamp(1.5rem,5vw,3rem);box-shadow:0 28px 80px #0008}[hidden]{display:none!important}.eyebrow{color:#8de7dd;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .5rem;font-size:.76rem;font-weight:800}h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.2rem,8vw,4.5rem);line-height:.95}h2{margin:0 0 .5rem;font-size:1.25rem}.intro{color:#aeb7d1;max-width:48ch;margin:1rem 0 2rem;line-height:1.6}section+section{margin-top:1.75rem}.section-copy{color:#aeb7d1;margin:0 0 1.25rem;font-size:.92rem;line-height:1.5}form,label{gap:.7rem;display:grid}form{gap:1.25rem}label{color:#c8cee2;font-size:.88rem;font-weight:650}input,select{color:#f8faff;background:#090d18;border:1px solid #38405a;border-radius:10px;outline:none;width:100%;padding:.85rem 1rem}input[readonly]{color:#bfc7dc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.link-row{grid-template-columns:minmax(0,1fr) auto;gap:.6rem;display:grid}#created-panel{background:#0a171b;border:1px solid #70d4ca55;border-radius:14px;gap:1rem;padding:1.25rem;display:grid}input:focus,select:focus{border-color:#70d4ca;box-shadow:0 0 0 3px #70d4ca22}.actions{flex-wrap:wrap;gap:.75rem;display:flex}button{color:#071210;cursor:pointer;background:#8de7dd;border:0;border-radius:10px;min-height:44px;padding:.7rem 1rem;font-weight:750}button.secondary{color:#d9dff2;background:0 0;border:1px solid #414a67}button:disabled{cursor:not-allowed;opacity:.42}.status{background:#070a12a8;border:1px solid #ffffff14;border-radius:14px;align-items:flex-start;gap:.9rem;margin-top:2rem;padding:1rem;display:flex}.status-dot{background:#7e88a5;border-radius:100%;width:.7rem;height:.7rem;margin-top:.3rem;box-shadow:0 0 0 5px #7e88a51a}.status[data-state=waiting] .status-dot,.status[data-state=connecting] .status-dot{background:#ffc66d;box-shadow:0 0 0 5px #ffc66d1a}.status[data-state=connected] .status-dot,.status[data-state=translating] .status-dot{background:#68e6a4;box-shadow:0 0 0 5px #68e6a41a}.status[data-state=error] .status-dot{background:#ff7181;box-shadow:0 0 0 5px #ff71811a}.status p{color:#aeb7d1;margin:.25rem 0 0;font-size:.9rem}#audio-output{display:none}.transcripts{margin-top:1.75rem}.transcript-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.transcripts h3,.transcripts h4{margin:0;font-size:1rem}.transcript-text{overflow-wrap:anywhere;white-space:pre-wrap;background:#090d18;border:1px solid #70d4ca44;border-radius:10px;min-height:5rem;max-height:14rem;margin:.5rem 0 1.25rem;padding:1rem;line-height:1.6;overflow-y:auto}.transcript-text.original{color:#bfc7dc;border-color:#38405a}.transcript-text:empty:before{content:"Warten auf Sprache …";color:#7e88a5}.transcript-text:focus-visible{outline-offset:2px;outline:2px solid #70d4ca}