:root{color-scheme:dark;color:#e7f0f6;background:#070d13;--accent:#73ecf5;--muted:#94aab9;--line:#263c49;font-size:14px}
button,input,textarea,select{border-radius:4px}button{font-size:13px}button:hover{filter:none;background:#193746;color:#e7f0f6}.primary{color:#05232a}.primary:hover{background:#b1f6fa;color:#05232a}.secondary{background:#111f2b;color:#cadce8}input,textarea,select{background:#09141d;border-color:#344c5c}input::placeholder,textarea::placeholder{color:#8298a7}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:#2b697b;color:white}label{font-weight:500;font-size:12px}.error{color:#ffada5}.brand{font-size:18px;font-weight:550;letter-spacing:.16em}.brand-dot{width:16px;height:16px;border:1px solid var(--accent);background:#73ecf522;box-shadow:0 0 16px #73ecf533;border-radius:0;transform:rotate(45deg)}h1,h2{font-weight:550;letter-spacing:-.035em}.eyebrow,.technical{font-family:ui-monospace,Consolas,monospace;font-size:10px;letter-spacing:.16em;color:var(--accent)}
.login-layout{grid-template-columns:1.15fr 1fr}.intro{padding:36px 48px 28px;min-height:100svh;border-right:1px solid var(--line);background:radial-gradient(ellipse at 50% 40%,#17435977,transparent 60%),linear-gradient(#15283544 1px,transparent 1px),linear-gradient(90deg,#15283544 1px,transparent 1px);background-size:auto,52px 52px,52px 52px}.login-hero{text-align:center;padding:28px 0}.intro .eyebrow{font-size:10px;color:var(--accent);letter-spacing:.16em;margin:0 auto 28px}.intro h1{font-size:clamp(34px,3.4vw,52px);margin:30px 0 18px;max-width:none}.intro h1 span{color:#86a5b5}.intro p{font-size:14px;color:var(--muted);margin:0 auto}.intro>.technical{font-size:9px;color:var(--muted)}.login-form{background:radial-gradient(ellipse at 100% 0,#16324755,transparent 65%);padding:50px}.login-form h2{font-size:32px}.login-form .muted{margin-bottom:32px}.login-form button{margin-top:10px;padding:14px}.hint{font-size:12px}.login-form form{max-width:360px}
.reactor{width:250px;aspect-ratio:1;position:relative;margin:auto;border:1px solid #365c6d;border-radius:50%;background:radial-gradient(circle,#4adef025,transparent 65%);display:grid;place-items:center}.reactor:before{content:"";position:absolute;inset:20px;border:1px dashed #5e9baa99;border-radius:50%}.reactor:after{content:"";position:absolute;inset:-12px;background:repeating-conic-gradient(#7ab9ca88 0deg 1deg,transparent 1deg 10deg);mask:radial-gradient(transparent 68%,black 69% 70%,transparent 71%);border-radius:50%}.reactor-ring{position:absolute;inset:7px;border:3px solid transparent;border-top-color:#82f3ff;border-bottom-color:#39687d;border-radius:50%;animation:orbit 32s linear infinite;filter:drop-shadow(0 0 6px #71e7f566)}.reactor-orbit{position:absolute;inset:34px;border:7px solid #335b6c77;border-left-color:#77ebfa;border-right-color:#458b9f;border-radius:50%;animation:orbit 22s linear infinite reverse}.reactor-core{position:absolute;inset:61px;border:1px solid #7edce9;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 25px #61ddf133,inset 0 0 30px #61ddf122;background:radial-gradient(circle,#235262,#0d1e28 70%);font-size:52px;font-weight:200;color:#c9faff;text-shadow:0 0 20px #73ecf580}.reactor-core:before{content:"";position:absolute;inset:9px;border:1px solid #447583;border-radius:50%}@keyframes orbit{to{transform:rotate(360deg)}}
#workspace{grid-template-columns:220px minmax(0,1fr)}aside{background:#0a121b;position:sticky;top:0;height:100svh;padding:34px 18px}aside .brand{font-size:17px}nav button{font-size:12px;border-left:2px solid transparent;border-radius:0 4px 4px 0}nav button:before{content:"";display:inline-block;width:6px;height:6px;border:1px solid #7795a4;margin-right:12px;transform:rotate(45deg)}nav .selected{background:linear-gradient(90deg,#163b49,#10202c55);color:var(--accent);border-left-color:var(--accent)}nav .selected:before{background:var(--accent)}aside footer{border-top:1px solid var(--line);padding-top:18px}main{padding:30px 36px 50px;max-width:1600px}header{margin-bottom:26px}header p{font:9px ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)!important}header h1{font-size:28px}.welcome{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:340px;border:1px solid #345260;border-radius:0;padding:32px 38px;background:radial-gradient(ellipse at 78% 50%,#17445a77,transparent 60%),linear-gradient(110deg,#101f2b,#0b151e);overflow:hidden}.welcome:before{content:"";position:absolute;left:0;top:0;width:25px;height:25px;border-left:2px solid var(--accent);border-top:2px solid var(--accent)}.welcome h2{font-size:clamp(28px,3vw,42px);line-height:1.14;margin-bottom:18px}.welcome h2 span{color:#89a6b5}.welcome p{font-size:13px;color:var(--muted)}.welcome .eyebrow{font-size:10px;margin-bottom:18px;color:var(--accent)}.welcome button{margin-top:25px}.core-stage{text-align:center}.core-stage>.technical{display:block;margin-top:25px;font-size:8px;color:var(--muted)}.core-stage .reactor{width:220px}.core-stage .reactor-core{inset:52px}.summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0;padding:0;background:#0b1721;margin-bottom:30px}.stat{padding:18px 24px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:26px;font-weight:450;color:#e7f0f6}.stat span{font-size:11px}.panel{background:#0c1721;border-radius:4px}.row{padding:18px 22px}.row strong{font-size:13px;font-weight:550}.row p{font-size:11px}.badge{background:#12362f;color:#98ecd4;border:1px solid #29594b;border-radius:3px;font:10px ui-monospace,monospace}.badge.warning,.badge.candidate{background:#362e1d;color:#f2cf91}.badge.critical,.badge.offline{background:#3b242c;color:#ffb7b0}.empty{font-size:13px}.operations{display:grid;grid-template-columns:1fr 1fr;gap:24px}.operations>div{min-width:0}.operations .panel{max-height:320px;overflow:auto}.messages{background:linear-gradient(150deg,#0e202d,#0a121b);border:1px solid var(--line);padding:20px;scrollbar-color:#426678 #0b1620}.messages>.empty{text-align:center;font-size:22px;padding:70px 20px}.message{background:#14303d;border-left:2px solid var(--accent);border-radius:3px;overflow-wrap:anywhere}.message.user{background:#1b2835;border-left:0;border-right:2px solid #668c9f}.message:before{content:"JARVIS";display:block;font:9px ui-monospace,monospace;letter-spacing:.15em;color:var(--accent);margin-bottom:10px}.message.user:before{content:"DU";color:#b9cdda}#notice:not(:empty){background:#163340;border:1px solid #588798}.form-grid{padding:24px;background:#0c1721;border:1px solid var(--line)}
@media(max-width:1100px){main{padding:26px 22px}.operations{grid-template-columns:1fr;gap:0}.welcome{padding:26px}.core-stage .reactor{width:180px}.core-stage .reactor-core{inset:44px;font-size:38px}.core-stage .reactor-orbit{inset:27px}.user-edit{grid-template-columns:1fr 130px}.intro{padding:30px}.intro h1{font-size:36px}}
@media(max-width:800px){.login-layout{grid-template-columns:1fr}.intro{min-height:auto;padding:24px;border-right:0;border-bottom:1px solid var(--line)}.intro .login-hero{padding:25px 0 0}.login-hero .reactor{width:150px}.login-hero .reactor-orbit{inset:24px;border-width:5px}.login-hero .reactor-core{inset:39px;font-size:29px}.intro h1{font-size:32px;margin-top:24px}.intro .login-hero>p:last-child,.intro>.technical{display:none}.intro .eyebrow{font-size:8px;margin-bottom:22px}.login-form{padding:32px 24px}.login-form h2{font-size:27px}#workspace{display:block}aside{position:static;height:auto;padding:20px}nav{flex-wrap:nowrap;overflow-x:auto}nav button{white-space:nowrap}nav button:before{display:none}main{padding:24px 18px}.welcome{display:grid;grid-template-columns:1fr 145px;min-height:280px;padding:24px;gap:12px}.welcome h2{font-size:27px}.core-stage .reactor{width:130px}.core-stage .reactor-core{inset:34px;font-size:27px}.core-stage .reactor-orbit{inset:22px;border-width:4px}.core-stage .technical{display:none}.stat{padding:14px 10px}.stat strong{font-size:23px}.stat span{font-size:10px}.messages>.empty{font-size:18px}.messages{padding:12px}.form-grid{padding:18px}.inline{gap:0}}
@media(max-width:440px){.welcome{grid-template-columns:1fr;text-align:center}.core-stage{grid-row:1;padding:8px 0 18px}.welcome p:not(.eyebrow){display:none}.welcome h2{font-size:30px}.welcome button{margin-top:8px}.user-edit{grid-template-columns:1fr}.stat strong small{font-size:10px}}
.voice-panel{padding:24px;border:1px solid var(--line);background:radial-gradient(ellipse at right,#17445a66,transparent 70%),#0b1721;margin-bottom:24px;border-radius:4px}.voice-panel h2{margin:8px 0 12px}.voice-panel p{color:var(--muted);line-height:1.6}.voice-panel .eyebrow{color:var(--accent);margin:0}.voice-panel small{display:block;line-height:1.7}.voice-panel audio{display:block;width:100%;margin-top:18px}.voice-panel.recording{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.voice-panel.recording #voice-status{color:var(--accent)}#voice-status{margin:16px 0 10px}
.voice-panel{position:relative;padding-right:150px;min-height:210px}.voice-panel>.actions{margin-top:20px}.voice-orb{position:absolute;right:34px;top:34px;width:82px;aspect-ratio:1;border:1px solid #4d7b8b;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#27708866,#0b1822 66%);box-shadow:0 0 24px #4ee7f322}.voice-orb:before,.voice-orb:after{content:"";position:absolute;border-radius:50%;border:1px solid #67dcea55}.voice-orb:before{inset:-8px}.voice-orb:after{inset:12px}.voice-orb span{width:18px;aspect-ratio:1;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}.voice-panel[data-voice-state="listening"]{border-color:#3d7787}.voice-panel[data-voice-state="listening"] .voice-orb:before{animation:voice-pulse 1.8s ease-in-out infinite}.voice-panel[data-voice-state="recording"]{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.voice-panel[data-voice-state="recording"] .voice-orb{box-shadow:0 0 36px #5cebf477}.voice-panel[data-voice-state="recording"] .voice-orb:before{animation:voice-pulse .7s ease-in-out infinite}.voice-panel[data-voice-state="thinking"] .voice-orb{animation:orbit 1.2s linear infinite;border-style:dashed}.voice-panel[data-voice-state="speaking"] .voice-orb span{animation:voice-talk .45s ease-in-out infinite alternate}.voice-panel[data-voice-state="error"]{border-color:#93454d}@keyframes voice-pulse{50%{transform:scale(1.16);opacity:.35}}@keyframes voice-talk{to{transform:scale(1.7);opacity:.45}}
@media(max-width:600px){.voice-panel{padding-right:24px;padding-top:124px}.voice-orb{right:auto;left:50%;top:24px;transform:translateX(-50%)}.voice-panel[data-voice-state="thinking"] .voice-orb{animation:none}.voice-panel>.actions{display:grid}.voice-panel>.actions button{width:100%}}
.mail-intro{padding:26px 28px;border:1px solid var(--line);background:radial-gradient(ellipse at right,#16405266,transparent 65%),#0b1721}.mail-intro h2{font-size:28px;margin:8px 0 12px}.mail-intro p:last-child{color:var(--muted);max-width:760px;margin:0}.mail-connect{margin:16px 0 32px;border:1px solid var(--line);background:#0b151e}.mail-connect summary{cursor:pointer;padding:17px 20px;color:var(--accent);font-weight:600}.mail-connect .form-grid{max-width:none;border:0;border-top:1px solid var(--line)}.mail-consent{padding:15px;border-left:2px solid var(--accent);background:#10232e;margin-bottom:18px}.mail-consent p{font-size:12px;color:var(--muted);margin:7px 0 0}.mail-account{display:grid;grid-template-columns:minmax(220px,1fr) auto auto}.mail-account-main{display:grid;gap:5px}.mail-account-main input{max-width:240px;padding:7px 9px}.mail-account-main strong{font-size:12px;color:var(--muted)}.switch{display:flex;align-items:center;gap:8px;margin:0}.danger{color:#ffaaa5}.mail-analysis{padding:20px 22px;border-bottom:1px solid var(--line)}.mail-analysis:last-child{border:0}.mail-analysis>div{display:flex;align-items:center;gap:12px}.mail-analysis h3{font-size:15px;margin:14px 0 7px}.mail-analysis p{font-size:12px;color:var(--muted);margin:5px 0}.mail-analysis small{display:block;margin-top:9px}.badge.urgent{background:#503b1c;color:#ffdb8a}.badge.important{background:#1d3542;color:#9ddcf0}.badge.critical{background:#51272c;color:#ffb1aa}@media(max-width:900px){.mail-account{grid-template-columns:1fr auto}.mail-account .actions{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mail-account .switch{min-width:72px;white-space:nowrap}
.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.provider-card{padding:22px;border:1px solid var(--line);background:radial-gradient(ellipse at top right,#17445a55,transparent 62%),#0b1721}.provider-card h3{margin:10px 0 7px;font-size:19px}.provider-card>p{color:var(--muted);font-size:12px;margin-bottom:20px}.provider-card label{margin-bottom:14px}.provider-card button{width:100%}
.calendar-intro{padding:28px;border:1px solid #345260;background:radial-gradient(ellipse at 75% 30%,#17516a77,transparent 58%),linear-gradient(115deg,#101f2b,#0b151e);position:relative;overflow:hidden}.calendar-intro:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #63ddec55;border-radius:50%;right:7%;top:-75px;box-shadow:0 0 40px #51d9eb22,inset 0 0 30px #51d9eb11}.calendar-intro h2{font-size:30px;margin:8px 0 12px}.calendar-intro p:last-child{max-width:760px;color:var(--muted);margin:0;line-height:1.65}.setup-warning{margin:18px 0;padding:18px 20px;border:1px solid #6e572a;background:#2b2418}.setup-warning p{color:#dbc99e;margin:7px 0 12px}.setup-warning code{display:block;color:#ffd991;overflow-wrap:anywhere}.calendar-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(380px,1.15fr);gap:24px}.calendar-connect,.calendar-event-form{border:1px solid var(--line);background:#0b1721;padding:20px;margin-top:14px}.calendar-connect{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.calendar-connect label{margin:0}.calendar-connect button{margin:0}.calendar-connection{display:grid;grid-template-columns:minmax(160px,1fr) auto}.calendar-connection>div:first-child{display:grid;gap:5px}.calendar-connection input{max-width:230px;padding:7px 9px}.calendar-connection strong{font-size:11px;color:var(--muted)}.calendar-connection .actions{grid-column:1/-1;justify-content:flex-end}.calendar-event-form label{margin-bottom:14px}.calendar-times{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calendar-event{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.calendar-event:last-child{border:0}.calendar-date{border-right:1px solid var(--line);display:grid;gap:5px}.calendar-date strong{font-size:18px;color:var(--accent)}.calendar-date span{font:9px ui-monospace,monospace;color:var(--muted)}.calendar-event h3{font-size:15px;margin:0 0 7px}.calendar-event p{font-size:11px;color:var(--muted);margin:0 0 6px}.calendar-event small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65ch}
@media(max-width:1000px){.calendar-layout{grid-template-columns:1fr}.calendar-event small{max-width:45ch}}
@media(max-width:700px){.provider-grid{grid-template-columns:1fr}.calendar-connect{grid-template-columns:1fr}.calendar-times{grid-template-columns:1fr}.calendar-event{grid-template-columns:58px minmax(0,1fr)}.calendar-event>.actions{grid-column:1/-1;justify-content:flex-end}.calendar-intro{padding:22px}.calendar-intro:after{display:none}}
.calendar-connection{grid-template-columns:minmax(160px,1fr) 76px}.calendar-connection .switch{min-width:76px;white-space:nowrap}.calendar-connection .switch input{width:auto}