:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18343c;background:#f3f6f8;font-synthesis:none;font-size:16px;--ink:#18343c;--teal:#123a44;--accent:#166a7b;--line:#dbe4e8}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #c8d7dc;border-radius:10px;background:#fff;color:var(--ink);padding:.75rem 1rem;font-weight:600;min-height:44px}button:hover{background:#eaf2f5}button:disabled{opacity:.6;cursor:wait}button.primary{background:var(--teal);color:white;border-color:var(--teal)}button.primary:hover{background:#1a5260}button.quiet{border-color:transparent;background:transparent;color:#49626a}a{color:#12667b;text-underline-offset:3px}input,select,textarea{width:100%;border:1px solid #c6d5da;border-radius:9px;padding:.8rem;background:white;color:#18343c;line-height:1.5}textarea{resize:vertical}label{display:block;font-size:.9rem;font-weight:600;margin:1rem 0 .3rem}label input,label select,label textarea{margin-top:.45rem}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #479cb4;outline-offset:3px}h1{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:650;letter-spacing:-.045em;margin:.4rem 0 1.4rem;line-height:1.15}h2{font-size:1.2rem;letter-spacing:-.02em;margin:.2rem 0 .8rem}h3{font-size:1rem;margin:0 0 .6rem}p{line-height:1.6;margin:.5rem 0 1rem}pre{white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.6}.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.14em;color:#46707e;margin:0}.muted{color:#526b74;font-size:.9rem}.auth{max-width:440px;margin:10vh auto;padding:2rem}.auth .brandmark{margin-bottom:2rem}.auth .primary{width:100%;margin:1.4rem 0}.brandmark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#123a44;color:#fff;font-size:2.5rem;font-weight:700}.brandmark.small{width:36px;height:36px;border-radius:11px;font-size:1.6rem;background:#d7edf3;color:#123a44}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--teal);color:#eaf3f5;padding:2rem 1.25rem;display:flex;flex-direction:column}.wordmark{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:1rem}.sidebar-caption{font-size:.8rem;color:#b2ced5;margin:1.3rem .6rem 2rem}.sidebar nav{display:flex;flex-direction:column;gap:.4rem}.sidebar nav button{text-align:left;border:0;background:transparent;color:#bdd3d9;font-weight:500;padding:.9rem 1rem}.sidebar nav button.active{background:#315560;color:white}.sidebar nav button:hover{background:#284d57}.sidebar-bottom{margin-top:auto;padding:1rem .5rem 0;display:grid;gap:1rem;font-size:.75rem;color:#bad0d7}.sidebar-bottom .quiet{color:#d6e6ea;text-align:left;padding-left:0}.workspace{margin-left:248px;padding:0 clamp(1.2rem,4vw,4rem) 3rem;max-width:1350px}.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#536d76;margin-bottom:2.5rem}.label{background:#e5eef2;border-radius:20px;padding:.4rem .7rem;font-size:.75rem}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.page-heading>button{flex-shrink:0}.panel,.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:1.4rem;margin-bottom:1rem}.panel{margin-top:1.2rem}.banner{background:#e4f0f5;border:1px solid #cbdfe8;border-radius:15px;padding:1.2rem 1.4rem;margin-bottom:1.5rem}.banner p{font-size:.9rem;max-width:760px}.messages{min-height:220px;padding:1rem 0;display:flex;flex-direction:column;gap:1rem}.message{max-width:90%;background:#fff;border:1px solid var(--line);padding:1.15rem 1.4rem;border-radius:16px;align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.message.user{align-self:flex-end;background:#ddeef3;border-color:#d0e3eb}.message .quiet{display:block;padding:.3rem 0;font-size:.8rem;min-height:30px}.empty{padding:2rem 1rem;color:#5b737c;line-height:1.6;text-align:center;border:1px dashed #c6d7df;border-radius:14px;margin:1rem 0}.empty strong{display:block;color:var(--ink);font-size:1.1rem;margin-bottom:.4rem}.suggestions{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.suggestions button{font-size:.85rem;font-weight:500;border-radius:30px}.composer{background:white;border:1px solid #b8cfd8;border-radius:16px;padding:.75rem;display:flex;align-items:flex-end;gap:.6rem;box-shadow:0 8px 30px #153e4b08}.composer textarea{border:0;resize:none;background:transparent;padding:.4rem;min-height:60px}.composer-hint{font-size:.8rem;color:#526b74;margin-top:.75rem}.toolbar{display:flex;gap:.8rem;align-items:flex-end;flex-wrap:wrap}.toolbar label{flex:1;min-width:180px;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.form-grid .full{grid-column:1/-1}.form-grid button{justify-self:start;margin-top:1rem}.cards{margin-top:1.2rem}.card .meta{font-size:.8rem;color:#56717a;margin-bottom:.6rem}.card .body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.card button{margin:.75rem .5rem 0 0}.card.mail{cursor:pointer;width:100%;text-align:left;display:block;font-weight:400}.card.mail strong{display:block;line-height:1.5}.card .status{font-size:.85rem;font-weight:650;color:#36616f;margin-top:1rem}.card.action{border-left:4px solid #258099}summary{cursor:pointer;font-weight:650;line-height:1.6}.checkbox{display:flex;align-items:center;gap:.7rem}.checkbox input{width:20px;height:20px;margin:0;flex-shrink:0}.save-settings{position:sticky;bottom:1rem;box-shadow:0 6px 25px #193e4430}#notice{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:10;max-width:calc(100vw - 2rem);width:max-content;padding:1rem 1.5rem;background:#173d47;color:white;border-radius:12px;box-shadow:0 5px 25px #0002;line-height:1.5}#notice.error{background:#7c3030}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.sidebar{position:static;width:auto;padding:1rem;gap:.6rem}.sidebar-caption,.sidebar-bottom>span,.topbar .label{display:none}.sidebar-bottom{position:absolute;top:.55rem;right:1rem;padding:0}.sidebar-bottom .quiet{font-size:.8rem}.sidebar nav{flex-direction:row;overflow-x:auto;gap:.3rem;padding-bottom:.3rem}.sidebar nav button{white-space:nowrap;padding:.65rem .85rem;font-size:.9rem}.workspace{margin-left:0;padding:0 1rem 2rem}.topbar{height:54px;margin-bottom:1.8rem}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:0}.page-heading h1{margin-bottom:1rem}.page-heading>button{margin-bottom:1rem}.panel,.card{padding:1.1rem}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.message{max-width:96%;padding:1rem}.messages{min-height:130px}.composer{padding:.6rem}.composer button{padding:.8rem}.auth{margin:4vh auto}.wordmark{font-size:1.1rem}}

/* Command-deck theme */
:root{color:#d9f7ff;background:#030a11;--ink:#d9f7ff;--teal:#061824;--accent:#35e6ff;--line:#1b5365}body{background:radial-gradient(circle at 70% 10%,#0c3342 0,#030a11 36%,#02070d 100%);background-attachment:fixed}body:before{content:"";pointer-events:none;position:fixed;inset:0;background:repeating-linear-gradient(0deg,#fff0 0 3px,#36e9ff08 4px);opacity:.25}.sidebar{background:linear-gradient(180deg,#061b27,#030c14);border-right:1px solid #1d6074}.sidebar nav button.active{background:linear-gradient(90deg,#16485a,#071b27);border-left:2px solid #51eaff}.sidebar nav button:hover{background:#103545}.topbar{border-color:#1b5365;color:#8cb7c2}.system-state{font-size:.72rem;letter-spacing:.13em;color:#68f6c3}.system-state i{display:inline-block;width:7px;height:7px;background:#56f6c1;border-radius:50%;box-shadow:0 0 12px #56f6c1;margin-right:.45rem}.command-deck{display:flex;align-items:center;gap:1.6rem;margin-bottom:1.6rem}.command-deck>div:nth-child(2){flex:1}.orb{position:relative;flex:0 0 94px;width:94px;height:94px;border:1px solid #4cefff;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 30px #3befff55,inset 0 0 25px #3befff33;animation:float 5s ease-in-out infinite}.orb:before,.orb:after{content:"";position:absolute;border:1px solid #3befff77;border-radius:50%}.orb:before{width:122px;height:122px;border-left-color:transparent;animation:spin 8s linear infinite}.orb:after{width:145px;height:145px;border-right-color:transparent;animation:spin 12s linear reverse infinite}.orb span{width:40px;height:40px;border-radius:50%;background:#57f5ff;box-shadow:0 0 35px 12px #36e9ff88}.command-deck h1{text-shadow:0 0 24px #3befff33}.panel,.card,.banner{background:linear-gradient(135deg,#071a25ef,#05121cf2);border-color:#1e6275;box-shadow:0 12px 35px #0007;border-radius:5px}.banner{border-left:3px solid #4beaff}.message{background:linear-gradient(135deg,#071c27,#06141f);border-color:#236174;border-radius:4px;box-shadow:0 5px 20px #0004}.message.user{background:linear-gradient(135deg,#0b3e4d,#092633);border-color:#3bd9ee}.composer{background:#061822;border-color:#3692a8;border-radius:5px;box-shadow:0 0 30px #35e6ff15}.composer textarea,input,select{background:#04131d;color:#e1fbff;border-color:#246072}.voice-button{border-radius:50%;width:44px;min-width:44px;padding:0;font-size:1.15rem;color:#76f5ff}.voice-button.listening{animation:pulse 1s infinite;background:#0d8190}.card.action{border-left-color:#36e6ff}button.primary{background:linear-gradient(135deg,#0b6478,#0a98ad);border-color:#55edff;box-shadow:0 0 18px #35e6ff35}.eyebrow,a{color:#54eaff}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes pulse{50%{box-shadow:0 0 25px #5cfcff}}
@media(max-width:800px){.topbar .system-state{display:none}.command-deck{gap:1rem;align-items:flex-start}.command-deck .orb{width:58px;height:58px;flex-basis:58px}.orb span{width:25px;height:25px}.orb:before{width:72px;height:72px}.orb:after{width:86px;height:86px}.command-deck .quiet{display:none}.voice-button{padding:0!important}}

/* High-contrast quick choices and dropdowns */
.suggestions button{background:#123d57;color:#e9fbff;border-color:#3ca9c2}.suggestions button:hover{background:#185b75;color:#fff}.suggestions button:focus-visible{background:#1a6580}.toolbar select,select{background-color:#0a2d40;color:#e9fbff}.toolbar select option,select option{background:#0a2d40;color:#e9fbff}.view-settings input,.view-settings select,.view-settings textarea{background:#0a2d40;color:#e9fbff;border-color:#3ca9c2}.view-settings input::placeholder,.view-settings textarea::placeholder{color:#a2c8d1}.view-settings input:focus,.view-settings select:focus,.view-settings textarea:focus{border-color:#63efff;box-shadow:0 0 0 2px #35e6ff2e}

/* Einstellungs-Schaltflächen: gleicher Kontrast wie die Stimme-Auswahl */
.view-settings button:not(.primary){background:#0a2d40;color:#e9fbff;border-color:#3ca9c2}
.view-settings button:not(.primary):hover{background:#185b75;color:#ffffff;border-color:#63efff}
.view-settings button.quiet{background:#082131;color:#c6edf5;border-color:#27657a}
.view-settings button.quiet:hover{background:#123d57;color:#ffffff}
.view-settings .checkbox{color:#e9fbff}
.view-settings .checkbox input{accent-color:#47e8ff}

.chat-controls{display:flex;gap:.6rem;align-items:center}.chat-controls button{white-space:nowrap}
#mute-speech[aria-pressed="true"]{background:#09222f;color:#b8d9e0;border-color:#386777}
@media(max-width:800px){.chat-controls{width:100%;justify-content:space-between}.chat-controls button{font-size:.82rem;padding:.6rem .75rem}}

/* Gesprächseingabe und Sprachschalter bleiben beim Lesen sichtbar */
#view-chat{padding-bottom:8rem}
.chat-dock{position:sticky;bottom:.7rem;z-index:5;display:flex;gap:.65rem;align-items:flex-end;background:linear-gradient(180deg,#030a1100 0%,#030a11eF 22%,#030a11 100%);padding-top:1.3rem}
.chat-dock .composer{flex:1;margin:0}
.chat-dock #mute-speech{flex:0 0 auto;background:#0a2d40;color:#e9fbff;border-color:#3ca9c2;white-space:nowrap}
.chat-dock #mute-speech:hover{background:#185b75;color:#fff;border-color:#63efff}
@media(max-width:800px){#view-chat{padding-bottom:9.5rem}.chat-dock{bottom:.35rem;gap:.45rem;padding-top:1rem}.chat-dock #mute-speech{font-size:0;padding:.72rem;min-width:44px;width:44px;overflow:hidden}.chat-dock .composer{min-width:0}.chat-dock #send-chat{padding-left:.75rem;padding-right:.75rem}}

/* Auf dem Handy bleibt die Hauptnavigation beim Lesen sichtbar. */
@media(max-width:800px){.sidebar{position:sticky;top:0;z-index:20;border-bottom:1px solid #1d6074;box-shadow:0 8px 20px #0008}.sidebar nav{scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}}