:root{--bg:#05070d;--bg-2:#0b1018;--fg:#e6ecf5;--muted:#7d8899;--line:#1b2331;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse at 50% 30%, var(--bg-2), var(--bg) 70%);color:var(--fg);-webkit-user-select:none;user-select:none;overscroll-behavior:none;font:400 16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.panel,.setup{height:100%;padding:2rem 1.5rem calc(2rem + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;display:flex}.orb-wrap{place-items:center;display:grid}.status{color:var(--muted);letter-spacing:.04em;text-transform:lowercase;align-items:center;gap:.5rem;margin:0;font-size:.95rem;display:flex}.dot{border-radius:50%;width:.5rem;height:.5rem}.dot.on{background:#3ddc97;box-shadow:0 0 8px #3ddc97}.dot.off{background:#d9534f}.transcript{color:var(--muted);max-width:34rem;margin:0;font-style:italic}.answer{max-width:40rem;margin:0;font-size:1.15rem}.feed{border-top:1px solid var(--line);text-align:left;width:min(100%,44rem);max-height:32vh;color:var(--muted);margin:0;padding:0;font-size:.85rem;list-style:none;overflow-y:auto}.feed li{border-bottom:1px solid var(--line);padding:.4rem 0}.feed-kind{color:#6aa9ff;text-transform:uppercase;letter-spacing:.08em;min-width:4.5rem;font-size:.7rem;display:inline-block}.ptt{color:var(--fg);border:1px solid var(--line);cursor:pointer;touch-action:none;background:#131b28;border-radius:999px;margin-top:auto;padding:1rem 2.5rem;font-size:1.05rem;transition:transform 80ms,background .15s}.ptt:active{background:#1b2637;transform:scale(.97)}.setup form{flex-direction:column;gap:.75rem;width:min(100%,22rem);display:flex}.setup input,.setup button{color:var(--fg);border:1px solid var(--line);background:#101724;border-radius:.6rem;padding:.75rem 1rem;font-size:1rem}.setup button{cursor:pointer;background:#17233a}@media (prefers-reduced-motion:reduce){.ptt{transition:none}}.dash{--akzent:200;height:100%;padding:1.75rem 2rem calc(1.75rem + env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto;gap:1.25rem;display:grid;position:relative;overflow:hidden}.dash.state-listening{--akzent:190}.dash.state-thinking{--akzent:265}.dash.state-tool{--akzent:35}.dash.state-speaking{--akzent:155}.dash-grid{background:linear-gradient(hsl(var(--akzent) 65% 62% / .1) 1px, transparent 1px) 0 0 / 100% 46px, linear-gradient(90deg, hsl(var(--akzent) 65% 62% / .1) 1px, transparent 1px) 0 0 / 46px 100%;pointer-events:none;transition:background 1.2s;animation:90s linear infinite drift;position:absolute;inset:-50%;-webkit-mask-image:radial-gradient(at 50% 40%,#000 20%,#0000 65%);mask-image:radial-gradient(at 50% 40%,#000 20%,#0000 65%)}@keyframes drift{to{transform:translate(46px,46px)}}.dash>:not(.dash-grid){z-index:1;position:relative}.dash-head{align-items:baseline;gap:.75rem;display:flex}.wordmark{letter-spacing:.42em;color:hsl(var(--akzent) 70% 72%);text-shadow:0 0 24px hsl(var(--akzent) 80% 60% / .5);font-size:.82rem;font-weight:700;transition:color 1.2s,text-shadow 1.2s}.head-state{color:var(--muted);font-size:.85rem}.head-spacer{flex:1}.clock{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:2.1rem;font-weight:300;line-height:1}.clock small{color:var(--muted);margin-left:.1rem;font-size:.9rem}.datum{color:var(--muted);font-size:.85rem}.dash-hero{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2rem;padding:.5rem 0;display:grid}.hero-orb{place-items:center;display:grid;position:relative}.hero-orb:after{content:"";background:radial-gradient(circle, hsl(var(--akzent) 80% 55% / .13), transparent 62%);pointer-events:none;border-radius:50%;transition:background 1.2s;position:absolute;inset:-18%}.hero-frage{margin:0 0 .6rem;font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:300;line-height:1.25}.hero-frage.leer{color:var(--muted)}.hero-antwort{color:hsl(var(--akzent) 40% 82%);max-width:62ch;margin:0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.55}.dash-body{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1.25rem;min-height:0;display:grid}.spalte-links{grid-template-rows:auto minmax(0,1fr);gap:1.25rem;min-height:0;display:grid}.spalte-rechts{grid-template-rows:min-content min-content minmax(0,1fr);gap:1rem;min-height:0;display:grid}.kachel.fuellt{grid-template-rows:auto auto minmax(0,1fr);min-height:0;display:grid}.kachel.fuellt .journal{min-height:0;overflow-y:auto}.kachel{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(160deg,#ffffff0a,#ffffff03);border-radius:14px;padding:1rem 1.1rem 1.1rem}.kachel h2{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 .75rem;font-size:.68rem;font-weight:600}.kachel ul,.kachel ol{margin:0;padding:0;list-style:none}.kachel .leer{color:var(--muted);margin:0;font-size:.88rem}.sat-liste li,.srv-liste li{border-bottom:1px solid #ffffff08;align-items:center;gap:.55rem;padding:.38rem 0;font-size:.9rem;display:flex}.sat-liste li:last-child,.srv-liste li:last-child{border-bottom:0}.sat-punkt{background:currentColor;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 10px}.sat-punkt.s-idle{color:#56627a}.sat-punkt.s-listening{color:#22d3ee}.sat-punkt.s-thinking{color:#a78bfa}.sat-punkt.s-tool{color:#fbbf24}.sat-punkt.s-speaking{color:#34d399}.sat-name,.srv-name{white-space:nowrap;font-weight:500}.sat-mode,.srv-profile{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:45%;margin-left:auto;font-size:.78rem;overflow:hidden}.marke{letter-spacing:.06em;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.12rem .45rem;font-size:.66rem}.marke.id-exclusive{color:#f0abfc;border-color:#f0abfc33}.marke.id-per-profile{color:#7dd3fc;border-color:#7dd3fc33}.marke.gate{color:#fbbf24;border-color:#fbbf2433}.zahl-reihe{flex-wrap:wrap;gap:1.5rem;display:flex}.zahl{flex-direction:column;gap:.15rem;display:flex}.zahl b{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:300;line-height:1}.zahl span{color:var(--muted);font-size:.72rem}.zahl.warn b{color:#fbbf24}.live{border-bottom:1px dashed var(--line);margin-bottom:.6rem!important;padding-bottom:.5rem!important}.live li{align-items:center;gap:.5rem;padding:.22rem 0;font-size:.86rem;display:flex}.live-punkt{background:hsl(var(--akzent) 70% 60%);width:.4rem;height:.4rem;box-shadow:0 0 8px hsl(var(--akzent) 70% 60%);border-radius:50%;animation:1.6s ease-in-out infinite puls}@keyframes puls{50%{opacity:.25}}.live-kind{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.journal li{border-bottom:1px solid #ffffff08;grid-template-columns:4.2rem 6rem minmax(0,1fr) auto;align-items:baseline;gap:.75rem;padding:.32rem 0;font-size:.86rem;display:grid}.journal li:last-child{border-bottom:0}.j-zeit{color:var(--muted);font-variant-numeric:tabular-nums}.j-wer{color:#7dd3fc}.j-was i{color:var(--muted);margin:0 .35rem;font-style:normal}.j-status{letter-spacing:.06em;color:var(--muted);font-size:.72rem}.j-error .j-status{color:#f87171}.j-denied .j-status{color:#fbbf24}.dash-fehler{color:#f87171;border-top:1px solid #f8717133;padding-top:.6rem;font-size:.84rem}@media (width<=1180px){.dash-body{grid-template-columns:1fr}.spalte-rechts{grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;overflow-x:auto}}@media (width<=860px){.dash-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.spalte-rechts{grid-auto-flow:row}.journal li{grid-template-columns:3.6rem minmax(0,1fr) auto}.journal .j-wer{display:none}}.kachel.fuellt-rechts{grid-template-rows:auto auto minmax(0,1fr);min-height:0;display:grid}.verteilung{border-top:1px dashed var(--line);margin-top:1rem;padding-top:.85rem}.verteilung h3{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem;font-size:.64rem;font-weight:600}.balken-zeile{grid-template-columns:minmax(0,8rem) minmax(0,1fr) 2rem;align-items:center;gap:.6rem;padding:.22rem 0;font-size:.82rem;display:grid}.balken-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.balken-spur{background:#ffffff0d;border-radius:999px;height:.42rem;overflow:hidden}.balken{background:linear-gradient(90deg, hsl(var(--akzent) 70% 50%), hsl(var(--akzent) 75% 65%));height:100%;box-shadow:0 0 12px hsl(var(--akzent) 75% 55% / .5);border-radius:999px;transition:width .6s,background 1.2s;display:block}.balken-zahl{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.hero-hinweis{color:var(--muted);max-width:46ch;margin:.9rem 0 0;font-size:.92rem;line-height:1.55}