.lockup{color:var(--ink);align-items:center;gap:10px;display:inline-flex}.lockup img{border-radius:8px;width:30px;height:30px}.lockup-wm{font-family:var(--f-display);letter-spacing:-.02em;font-size:18px;font-weight:700}.lockup-sep{background:var(--line-strong);width:1px;height:18px}.lockup-sub{font-family:var(--f-sans);letter-spacing:.24em;color:var(--accent-text);align-items:center;gap:7px;font-size:10.5px;font-weight:700;display:inline-flex}.lockup-sub:before{content:"";background:var(--signal);border-radius:50%;width:6px;height:6px}.lockup-sm img{border-radius:7px;width:26px;height:26px}.lockup-sm .lockup-wm{font-size:16px}.lockup-sm .lockup-sep{height:16px}.lockup-sm .lockup-sub{letter-spacing:.22em;gap:6px;font-size:9.5px}.lockup-lg img{border-radius:11px;width:44px;height:44px}.lockup-lg .lockup-wm{font-size:26px}.lockup-lg .lockup-sep{height:26px}.lockup-lg .lockup-sub{font-size:13px}.splash{min-height:100dvh;animation:fade-in .4s var(--ease-out) both;place-items:center;display:grid}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.app{min-height:100dvh}.top{z-index:var(--z-bar);padding:calc(var(--safe-top) + 10px) max(16px, var(--safe-right)) 10px max(16px, var(--safe-left));background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(18px);backdrop-filter:saturate(1.4)blur(18px);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.top-brand{border-radius:var(--r-sm);align-items:center;min-height:44px;display:inline-flex}.top-actions{align-items:center;gap:8px;display:flex}.top-stop{border-radius:var(--r-pill);border:1px solid var(--line);height:40px;color:var(--ink-2);font-size:var(--fs-xs);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);align-items:center;gap:6px;padding:0 12px 0 10px;font-weight:700;display:inline-flex}.top-stop:hover{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 50%, transparent)}.top-stop[data-active]{background:var(--bad-bg);color:var(--bad);border-color:#0000}.avatar{background:var(--surface-2);border:1px solid var(--line);width:40px;height:40px;font-family:var(--f-display);border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid}.main{width:100%;max-width:var(--content-max);padding:20px max(16px, var(--safe-right)) calc(var(--tab-h) + var(--safe-bottom) + 56px) max(16px, var(--safe-left));margin:0 auto}.stop-banner{margin:12px max(16px, var(--safe-left)) 0;border-radius:var(--r-md);background:var(--bad-bg);color:var(--bad);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-weight:600;display:flex}.stop-banner button{text-underline-offset:3px;min-height:32px;margin-left:auto;font-weight:700;text-decoration:underline}.side{display:none}@media (min-width:1024px){.app{grid-template-columns:var(--side-w) minmax(0, 1fr);display:grid}.top,.tabbar{display:none!important}.side{border-right:1px solid var(--line);background:var(--bg-sunken);flex-direction:column;gap:18px;height:100dvh;padding:22px 16px 18px;display:flex;position:sticky;top:0}.main{max-width:980px;padding:40px 40px 80px}.stop-banner{grid-column:2;margin:16px 40px 0}.app[data-stop] .main{padding-top:24px}}.side-brand{border-radius:var(--r-sm);padding:4px 6px 6px}.side-nav{flex-direction:column;gap:2px;display:flex}.side-link{border-radius:var(--r-sm);min-height:40px;color:var(--ink-2);font-size:var(--fs-ui);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:0 12px;font-weight:600;display:flex}.side-link:hover{background:var(--surface);color:var(--ink)}.side-link[aria-current=page]{background:var(--surface-2);color:var(--ink)}.side-link[aria-current=page] svg{color:var(--signal)}.side-badge{border-radius:var(--r-pill);background:var(--signal-fill);color:#fff;place-items:center;min-width:22px;height:20px;margin-left:auto;padding:0 6px;font-size:11.5px;font-weight:700;display:grid}.side-stop{border-radius:var(--r-md);border:1px solid color-mix(in srgb, var(--bad) 35%, transparent);min-height:44px;color:var(--bad);font-weight:700;font-size:var(--fs-sm);align-items:center;gap:10px;margin-top:auto;padding:0 14px;display:flex}.side-stop:hover,.side-stop[data-active]{background:var(--bad-bg)}.mic-side{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--ink);transition:border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:8px 16px 8px 8px;font-weight:700;display:flex}.mic-side:hover{border-color:color-mix(in srgb, var(--signal) 55%, transparent)}.mic-side:active{transform:scale(.98)}.mic-side .mic-core{width:40px;height:40px}.mic-side[data-hidden] .mic-core{opacity:0}.mic-side-label{font-size:var(--fs-ui)}.tabbar{z-index:var(--z-bar);height:calc(var(--tab-h) + var(--safe-bottom));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.tabbar-bg{pointer-events:auto;background:var(--bar-bg);-webkit-backdrop-filter:saturate(1.5)blur(22px);backdrop-filter:saturate(1.5)blur(22px);position:absolute;inset:0}.tabbar-line{position:absolute;inset:0;overflow:visible}.tabbar-line path{stroke:var(--bar-line);stroke-width:1px;vector-effect:non-scaling-stroke}.tabbar-nav{inset:0 0 var(--safe-bottom) 0;padding:0 max(4px, var(--safe-left)) 0 max(4px, var(--safe-right));pointer-events:none;align-items:stretch;display:flex;position:absolute}.tabbar-half{flex:1;display:flex}.tabbar-gap{flex:none;width:96px}.tab{pointer-events:auto;min-width:0;color:var(--ink-3);border-radius:var(--r-md);transition:color var(--dur-fast) var(--ease);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding-top:4px;display:flex}.tab:active .tab-ico{transform:scale(.9)}.tab-ico{transition:transform var(--dur-fast) var(--ease);place-items:center;display:grid;position:relative}.tab-label{letter-spacing:.01em;white-space:nowrap;font-size:11px;font-weight:700}.tab[data-active]{color:var(--ink)}.tab[data-active] .tab-label:after{content:"";background:var(--signal);border-radius:50%;width:4px;height:4px;margin:3px auto 0;display:block}.tab:not([data-active]) .tab-label{padding-bottom:7px}.tab-badge{border-radius:var(--r-pill);background:var(--signal-fill);color:#fff;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--bg);place-items:center;padding:0 5px;font-size:10.5px;font-weight:800;display:grid;position:absolute;top:-6px;left:14px}.mic{pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;place-items:center;width:68px;height:68px;margin:-34px 0 0 -34px;display:grid;position:absolute;top:-6px;left:50%}.mic-core{color:#fff;width:68px;height:68px;transition:transform var(--dur) var(--ease-spring), opacity var(--dur-fast) linear;background:radial-gradient(120% 120% at 30% 22%,#ffffff57 0%,#fff0 42%),radial-gradient(100% 100% at 50% 100%,#1e3a6e 0%,#1e3a6e00 70%),linear-gradient(160deg,#6ea6ff 0%,#4c8cf4 45%,#2c5fc4 100%);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff38,0 10px 24px -8px #4c8cf4b3,0 2px 6px #00081059}.mic-core:after{content:"";opacity:.9;border:1px solid #4c8cf459;border-radius:50%;position:absolute;inset:-7px}.mic:active .mic-core,.mic-side:active .mic-core{transform:scale(.93)}.mic:focus-visible{box-shadow:none}.mic:focus-visible .mic-core{box-shadow:var(--focus), 0 10px 24px -8px #4c8cf4b3}.mic[data-hidden] .mic-core{opacity:0;transform:scale(.6)}@media (prefers-reduced-motion:no-preference){.mic-core:after{animation:mic-halo 5.6s var(--ease-out) infinite}}@keyframes mic-halo{0%,70%{opacity:.9;transform:scale(1)}85%{opacity:0;transform:scale(1.14)}to{opacity:0;transform:scale(1)}}html.voice-open,html.voice-open body{overflow:hidden}.vm{z-index:var(--z-voice);color:#f4f2ee;touch-action:none;will-change:transform;position:fixed;inset:0}.vm-bloom{transform-origin:50%;will-change:transform;background:radial-gradient(closest-side at 50% 50%, #4c8cf429, #4c8cf400 70%), var(--night);border-radius:50%;position:fixed}.vm-ghost{color:#fff;pointer-events:none;place-items:center;display:grid;position:fixed}.vm-stage{padding:calc(var(--safe-top) + 6px) max(18px, var(--safe-right)) calc(var(--safe-bottom) + 18px) max(18px, var(--safe-left));grid-template-rows:auto minmax(0,1fr) auto minmax(0,.9fr) auto;max-width:640px;margin:0 auto;display:grid;position:absolute;inset:0}.vm-top{flex-direction:column;align-items:center;gap:6px;display:flex}.vm-handle{background:#f4f2ee3d;border-radius:3px;width:40px;height:5px;margin-top:4px}.vm-topbar{justify-content:space-between;align-items:center;width:100%;display:flex}.vm-chip{border-radius:var(--r-pill);color:#f4f2eed1;background:#f4f2ee12;border:1px solid #f4f2ee1f;align-items:center;gap:7px;height:30px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.vm-chip svg{color:var(--signal)}.vm-icon{color:#f4f2eedb;background:#f4f2ee0f;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.vm-icon:focus-visible,.vm button:focus-visible,.vm a:focus-visible{box-shadow:0 0 0 2px var(--night), 0 0 0 4px #f4f2ee}.vm-orb{aspect-ratio:1;will-change:transform, opacity;cursor:default;-webkit-tap-highlight-color:transparent;place-self:center;width:min(78vw,46vh,360px)}.vm[data-state=spricht] .vm-orb{cursor:pointer}.orb{width:100%;height:100%;position:relative}.orb-canvas{width:136%;height:136%;position:absolute;inset:-18%}.orb-fallback{background:radial-gradient(circle at 34% 30%,#c7e1ff 0%,#4c8cf4 34%,#1e3a6e 72%,#0a1a3d 100%);border-radius:50%;position:absolute;inset:18%;box-shadow:0 0 60px 10px #4c8cf459}.vm-status{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:4px 0 10px;display:flex}.vm-state{font-family:var(--f-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:26px;font-weight:700;display:inline-flex}.vm-dot{background:var(--signal);border-radius:50%;width:9px;height:9px}.vm-state[data-state=denkt] .vm-dot{background:#8b7ff5}.vm-state[data-state=unterbrochen] .vm-dot{background:#f5ad4e}.vm-state[data-state=fehler] .vm-dot{background:#f08080}.vm-state[data-state=beendet] .vm-dot,.vm-state[data-state=verbinden] .vm-dot{background:#f4f2ee80}@media (prefers-reduced-motion:no-preference){.vm-state[data-state=hoert] .vm-dot{animation:1.4s ease-in-out infinite dot-pulse}.vm-state[data-state=denkt] .vm-dot{animation:.7s ease-in-out infinite dot-pulse}}@keyframes dot-pulse{50%{opacity:.35;transform:scale(.8)}}.vm-hint{font-size:var(--fs-sm);color:#f4f2eea8;text-wrap:balance;max-width:34ch;min-height:2.6em}.vm-link{font-size:var(--fs-sm);color:#a9c8ff;text-underline-offset:3px;align-items:center;min-height:32px;font-weight:700;text-decoration:underline;display:inline-flex}.vm-transcript{touch-action:pan-y;overscroll-behavior:contain;flex-direction:column;gap:10px;margin:0;padding:4px 2px 10px;list-style:none;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 22px 100%);mask-image:linear-gradient(#0000 0,#000 22px 100%)}.vm-turn{flex-direction:column;gap:3px;max-width:88%;display:flex}.vm-turn[data-role=user]{text-align:right;align-self:flex-end}.vm-who{letter-spacing:.12em;text-transform:uppercase;color:#f4f2ee73;font-size:11px;font-weight:800}.vm-text{color:#f4f2eef0;font-size:15.5px;line-height:1.45}.vm-turn[data-role=assistant]:not([data-final]) .vm-text{color:#fff}.vm-turn[data-role=user] .vm-text{color:#f4f2eec7}.vm-cut{color:#f5ad4e;font-weight:600}.vm-controls{grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;padding-top:8px;display:grid}.vm-ctl{color:#f4f2eed1;border-radius:var(--r-md);flex-direction:column;justify-self:center;align-items:center;gap:6px;min-width:72px;min-height:64px;font-size:11.5px;font-weight:700;display:flex}.vm-ctl svg{box-sizing:border-box;background:#f4f2ee14;border:1px solid #f4f2ee1a;border-radius:50%;width:52px;height:52px;padding:15px}.vm-ctl[aria-pressed=true] svg{color:var(--night);background:#f4f2ee}.vm-end,.vm-hold{color:#f4f2eee6;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.vm-end svg,.vm-hold svg{box-sizing:border-box;width:72px;height:72px;transition:transform var(--dur) var(--ease-spring), background var(--dur-fast) linear;border-radius:50%;padding:23px}.vm-end svg{color:#fff;background:#d64545}.vm-end:active svg{transform:scale(.93)}.vm-hold svg{color:#fff;background:#4c8cf438;border:1px solid #4c8cf499}.vm-hold[data-holding] svg{background:var(--signal);transform:scale(1.08)}@media (min-height:860px){.vm-state{font-size:30px}}@media (min-width:1024px){.vm-stage{padding-top:28px;padding-bottom:32px}.vm-handle{display:none}}.toasts{left:0;right:0;bottom:calc(var(--tab-h) + var(--safe-bottom) + 52px);z-index:var(--z-toast);pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:fixed}@media (min-width:1024px){.toasts{bottom:28px;left:var(--side-w)}}.toast{pointer-events:auto;border-radius:var(--r-md);background:var(--ink);color:var(--bg);font-size:var(--fs-sm);max-width:520px;animation:toast-in .32s var(--ease-out) both;align-items:center;gap:10px;padding:10px 12px 10px 14px;font-weight:600;display:flex}.toast svg{color:var(--ok);flex:none}html[data-theme=dark] .toast svg{color:#1e7a4b}.toast a{text-underline-offset:3px;align-items:center;min-height:28px;margin-left:6px;font-weight:800;text-decoration:underline;display:inline-flex}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sheet-wrap{z-index:var(--z-sheet);background:#0008108c;justify-content:center;align-items:flex-end;animation:.2s linear both fade-in;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;border:1px solid var(--line);width:100%;max-width:560px;padding:8px 20px calc(var(--safe-bottom) + 22px);box-shadow:var(--sheet-shadow);max-height:92dvh;animation:sheet-in .34s var(--ease-spring) both;flex-direction:column;gap:14px;display:flex;overflow-y:auto}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (min-width:768px){.sheet-wrap{align-items:center}.sheet{border-radius:var(--r-xl);padding-bottom:22px}.sheet-grip{display:none!important}}.sheet-head{grid-template-columns:1fr auto;align-items:center;gap:8px;padding-top:14px;display:grid;position:relative}.sheet-grip{background:var(--line-strong);border-radius:3px;width:40px;height:5px;margin-left:-20px;position:absolute;top:0;left:50%}.sheet-head h2{font-size:var(--fs-h2)}.sheet[data-tone=danger] .sheet-head h2{color:var(--bad)}.sheet-text{color:var(--ink-2);font-size:var(--fs-ui)}.icon-btn{width:40px;height:40px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.btn{border-radius:var(--r-md);min-height:44px;font-weight:700;font-size:var(--fs-ui);border:1px solid var(--line-strong);color:var(--ink);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), opacity var(--dur-fast) linear;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--signal-fill);color:#fff;border-color:#0000}.btn-primary:hover{background:var(--signal-fill-hover)}.btn-danger{color:#fff;background:#c93c3c;border-color:#0000}.btn-danger:hover{background:#d64545}.btn-quiet{color:var(--ink-2);border-color:#0000}.btn-lg{min-height:52px;font-size:var(--fs-body);width:100%}.btn-sm{min-height:36px;font-size:var(--fs-sm);padding:0 12px}.form-error{color:var(--bad);font-size:var(--fs-sm);font-weight:600}.login{min-height:100dvh;padding:calc(var(--safe-top) + 24px) 20px calc(var(--safe-bottom) + 24px);background:radial-gradient(80% 60% at 50% 0%, #4c8cf41f, transparent 70%), var(--bg);place-items:center;display:grid}.login-card{flex-direction:column;gap:18px;width:100%;max-width:420px;display:flex}.login-card h1{font-size:var(--fs-h1);margin-top:20px;line-height:1.1}.login-lead{color:var(--ink-2)}.login-form{flex-direction:column;gap:10px;display:flex}.login-form label{font-weight:700;font-size:var(--fs-sm)}.login-form input{border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);height:48px;font-family:var(--f-mono);letter-spacing:.06em;padding:0 14px}.login-note{font-size:var(--fs-xs);color:var(--ink-3)}@media (max-width:419px){.top{padding-left:max(12px, var(--safe-left));padding-right:max(12px, var(--safe-right))}.top-stop{justify-content:center;width:44px;height:44px;padding:0}.top-stop-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top-stop[data-active]{width:auto;padding:0 10px}.top-stop[data-active] .top-stop-label{clip:auto;width:auto;height:auto;position:static}.top .lockup-sm{gap:8px}.top .lockup-sm img{width:24px;height:24px}.top .lockup-sm .lockup-wm{font-size:15px}.top .lockup-sm .lockup-sub{letter-spacing:.18em;font-size:9px}.avatar{width:38px;height:38px}}
