:root{color-scheme:dark;--bg:#07121f;--panel:#0d1b2b;--panel2:#112238;--stroke:#233b51;--text:#eefaff;--muted:#90a5b9;--cyan:#5cddf4;--blue:#349ce8;--shadow:0 18px 60px #0004}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}body{background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}input,textarea{border:1px solid #29445b;border-radius:11px;background:#081627;color:var(--text);padding:13px 14px;outline:0;min-width:0;width:100%}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #5cddf421}textarea{resize:vertical;line-height:1.5}h1,h2,h3,h4,p{margin:0}h1{font-size:40px;letter-spacing:.15em}h1 span,.brand span{color:var(--cyan)}h2{font-size:21px;letter-spacing:-.03em;margin-top:5px}h3{font-size:25px;letter-spacing:-.025em}h4{font-size:17px}p{line-height:1.6}.muted{color:var(--muted)}.cyan{color:var(--cyan)}.tiny{font-size:12px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:750;color:#91afc4}.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(90px);border-radius:50%}.ambient-one{left:20%;top:4%;height:320px;width:320px;background:#17456855}.ambient-two{right:7%;bottom:1%;height:350px;width:350px;background:#0e7b8850}.glass{background:linear-gradient(130deg,#0e2030eb,#0c1828ed);border:1px solid #254158bf;box-shadow:var(--shadow)}.hidden{display:none!important}.login-view{min-height:100dvh;display:grid;place-items:center;padding:28px}.login-card{width:min(100%,430px);padding:38px;border-radius:25px;text-align:center}.arc-reactor{width:105px;height:105px;border:2px dashed #41cbeb;border-radius:50%;display:grid;place-items:center;margin:0 auto 28px;box-shadow:0 0 36px #3ac2f039,inset 0 0 25px #3ac2f033}.arc-inner{border:9px solid #2880af;outline:2px solid #86e4f8;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:#b4f7ff;font-size:34px;font-weight:800}.login-card h1{margin:9px 0 7px}.stack-lg{display:grid;gap:12px;margin-top:29px;text-align:left}.field-label,.editor>label{color:#c7d9e7;font-size:13px;font-weight:700}.primary{background:linear-gradient(110deg,#30badc,#348ee0);border:0;border-radius:11px;color:#031622;font-weight:800;padding:13px 17px;box-shadow:0 5px 22px #207cb53f;white-space:nowrap}.primary:hover{filter:brightness(1.13)}.wide{width:100%}.primary span{float:right}.login-card>.tiny{margin-top:22px}.error{min-height:22px;color:#ffadad;margin-top:8px;font-size:13px}.shell{display:grid;grid-template-columns:254px minmax(0,1fr);height:100dvh;max-height:100dvh;overflow:hidden}.sidebar{border-radius:0;border-left:0;border-top:0;border-bottom:0;display:flex;flex-direction:column;padding:26px 14px 16px;z-index:3}.brand{display:flex;gap:10px;align-items:center;padding:0 12px 36px}.brand-mark{background:#1b7091;border:2px solid #7beaff;box-shadow:0 0 13px #4dd0ef65;border-radius:12px;width:40px;height:40px;display:grid;place-items:center;font-size:25px;font-weight:900}.brand strong{display:block;font-size:20px;letter-spacing:.045em}.brand small{display:block;color:#6d92a8;letter-spacing:.12em;font-size:8px;margin-top:3px}.nav-label{margin:0 14px 12px;color:#5e8296;font-size:10px;font-weight:800;letter-spacing:.16em}.nav{display:grid;gap:5px}.nav-btn{width:100%;background:transparent;border:1px solid transparent;text-align:left;padding:14px 12px;color:#acc1d0;border-radius:11px;display:flex;align-items:center;gap:12px;font-weight:600}.nav-btn:hover,.nav-btn.selected{background:#1b3348;color:#d4f9ff;border-color:#2a546c}.nav-btn.selected{box-shadow:inset 3px 0 #52d6ec}.nav-icon{font-size:21px;width:25px;text-align:center;color:#79cfe1}.count{margin-left:auto;background:#1c3c52;color:#83cde7;padding:2px 8px;border-radius:12px;font-size:11px}.sidebar-bottom{margin-top:auto;display:grid;gap:14px}.system-card{border:1px solid #2a4757;background:#132b3a;border-radius:13px;padding:13px;display:flex;gap:11px;align-items:center}.system-card strong,.system-card small{display:block;font-size:12px}.system-card small{color:#89a6b8;margin-top:4px;font-size:10px}.online-dot{height:8px;width:8px;background:#50e3ad;display:inline-block;border-radius:50%;box-shadow:0 0 12px #50e3ad99;flex:none}.ghost{background:transparent;border:1px solid #2c4960;padding:12px;border-radius:10px;color:#bfd5e5}.version{text-align:center;color:#56768b;font-size:10px}.main{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #213749;min-height:97px;padding:19px clamp(18px,4vw,54px);flex:none}.topbar-right{display:flex;align-items:center;gap:17px}.status-pill{border:1px solid #2e555e;padding:9px 14px;border-radius:40px;display:flex;align-items:center;gap:10px;font-size:12px;color:#a6c5ce}.avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#173c57;color:#8ce3f6;font-size:12px;font-weight:800;border:1px solid #2a6582}.page{flex:1;overflow:auto;min-height:0;max-width:1150px;width:100%;align-self:center;padding:25px clamp(18px,4vw,54px) 34px}.chat-page{display:flex;flex-direction:column;gap:18px}.hero{padding:16px 30px;border-radius:18px;display:flex;align-items:center;gap:28px;min-height:156px;box-shadow:none}.hero-art{width:120px;height:120px;position:relative;display:grid;place-items:center;flex:none}.radar{position:absolute;border:1px solid #48c2e9;border-radius:50%;width:102px;height:102px;box-shadow:0 0 25px #238ddc35,inset 0 0 20px #1389d936}.radar-a{border-style:dashed;animation:spin 16s linear infinite}.radar-b{width:76px;height:76px;border:3px solid #2e7aaf;border-left-color:transparent;border-right-color:#81edff;animation:spin 8s linear infinite reverse}.radar-core{font-size:36px;font-weight:900;color:#aef4ff;text-shadow:0 0 22px #29ace0}@keyframes spin{to{transform:rotate(360deg)}}.hero-copy h3{font-size:25px;margin:8px 0}.hero-copy p{font-size:13px;color:#a0b9cb}.messages{display:flex;flex-direction:column;gap:16px;min-height:90px;flex:1;overflow:auto;padding:8px 0;scrollbar-color:#345e78 transparent}.bubble-wrap{display:flex;gap:12px;align-items:flex-end}.bubble-wrap.user{flex-direction:row-reverse}.bubble-avatar{width:29px;height:29px;flex:none;display:grid;place-items:center;border:1px solid #4c93a9;background:#133a54;color:#8be9fa;border-radius:9px;font-weight:800;font-size:13px}.user .bubble-avatar{background:#255780;border-color:#47799a}.bubble{border-radius:15px;max-width:min(82%,760px);padding:13px 16px;background:#142638;border:1px solid #284659;line-height:1.6;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.user .bubble{background:#184761;border-color:#256d8a}.bubble-time{display:block;font-size:10px;color:#799aaa;margin-top:7px}.bubble-play{background:transparent;color:#8bddf0;border:0;margin-left:8px;font-size:13px}.composer-wrap{margin-top:auto;position:sticky;bottom:0;padding-top:10px;background:linear-gradient(transparent,#07121ff5 20%)}.composer{border-radius:17px;padding:10px 13px;box-shadow:0 12px 35px #0004}.composer textarea{background:transparent;border:0;box-shadow:none;padding:7px 8px;min-height:42px;max-height:140px;resize:none;font-size:14px}.composer-actions{display:flex;align-items:center;gap:12px;border-top:1px solid #20384a;padding-top:9px}.circle-btn{height:38px;width:40px;background:#183b51;border:1px solid #336d86;border-radius:11px;color:#b8eeff;font-size:19px}.circle-btn.recording{background:#7c2630;border-color:#f17584;animation:pulse 1.3s ease-in-out infinite}.composer-help{font-size:11px;color:#64859a}.send-btn{margin-left:auto;padding:10px 18px}.composer-foot{display:block;text-align:center;margin-top:10px;color:#698499;font-size:10px}.record-info{color:#ffadad;font-size:12px;text-align:center;margin-bottom:8px}@keyframes pulse{50%{opacity:.55}}.section-intro{margin:0 0 24px}.section-intro h3{margin:11px 0 8px}.section-intro p{color:#91afc2;max-width:650px;font-size:14px}.feature-icon{background:#123c52;border:1px solid #2a6783;border-radius:13px;width:46px;height:46px;display:grid;place-items:center;font-size:26px;color:#82def2}.editor{border-radius:18px;padding:23px;display:grid;gap:13px;box-shadow:none}.editor .primary{justify-self:end}.task-form-bottom{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.task-form-bottom label{font-size:12px;color:#9fb7c9}.task-form-bottom input{width:auto}.task-form-bottom button{margin-left:auto}.list-header{display:flex;justify-content:space-between;align-items:center;margin:28px 0 12px}.list-header .muted{font-size:12px}.item-list{display:grid;gap:10px}.item-card{border-radius:13px;border:1px solid #28485b;background:#11283a;padding:15px 17px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.item-card p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.item-card small{display:block;color:#779aaf;margin-top:8px;font-size:10px}.trash{border:1px solid #6b3c50;background:#402332;color:#ffa9b9;padding:7px 10px;border-radius:9px;flex:none}.task-title.done{text-decoration:line-through;color:#7c99a9}.task-check{width:21px;height:21px;accent-color:#53d7e9;flex:none;margin:2px 10px 0 0}.task-content{display:flex;align-items:flex-start;flex:1}.empty{border:1px dashed #2e4d5f;border-radius:13px;color:#7d9caf;text-align:center;padding:35px 15px;font-size:13px}.settings-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:15px;box-shadow:none;margin-bottom:14px}.settings-card h4{margin-bottom:7px}.settings-card p{font-size:13px}.tag{padding:7px 11px;border-radius:40px;background:#16394b;border:1px solid #2f6174;color:#8fdbeb;white-space:nowrap;font-size:11px}.switch input{position:absolute;opacity:0;width:1px}.switch-visual{display:block;cursor:pointer;width:48px;height:28px;border-radius:20px;background:#234356;position:relative;border:1px solid #3b6074}.switch-visual:after{position:absolute;content:"";top:3px;left:3px;height:20px;width:20px;background:#91adbc;border-radius:100%;transition:transform .2s}.switch input:checked+.switch-visual{background:#257b9d}.switch input:checked+.switch-visual:after{transform:translateX(20px);background:#baf8ff}.toast{position:fixed;z-index:8;left:50%;bottom:22px;transform:translateX(-50%);padding:12px 19px;max-width:90%;background:#204c5f;border:1px solid #3ab5c6;color:#eaffff;border-radius:12px;box-shadow:0 12px 40px #0008;font-size:13px}.mobile-nav{display:none}@media(max-width:760px){.shell{display:block}.sidebar{display:none}.main{height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.topbar{min-height:77px;padding:14px 20px}.topbar h2{font-size:17px}.avatar{display:none}.status-pill{padding:7px 10px}.page{padding:18px 15px 18px}.chat-page{gap:12px}.hero{padding:14px;min-height:105px;gap:9px}.hero-art{width:82px;height:82px}.radar{width:75px;height:75px}.radar-b{width:57px;height:57px}.radar-core{font-size:27px}.hero-copy h3{font-size:17px;margin:4px 0}.hero-copy p{font-size:11px}.hero-copy .eyebrow{font-size:8px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:4;border-radius:0;border-bottom:0;border-left:0;border-right:0;height:calc(64px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);justify-content:space-around;box-shadow:0 -5px 20px #0005}.mobile-btn{border:0;background:transparent;color:#7699aa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;min-width:63px}.mobile-btn span{font-size:22px;line-height:1.2}.mobile-btn.selected{color:#75e9fb}.messages{min-height:20px}.bubble{font-size:13px;max-width:88%}.composer-help{display:none}.composer-wrap{bottom:0}.section-intro h3{font-size:21px}.settings-card{padding:15px}.settings-card .tag{display:none}}@media(max-height:670px){.hero{display:none}}
/* JARVIS v0.2 — iPhone keyboard and chat drawer */
html{overscroll-behavior:none}body{overflow-x:hidden}
input,textarea,select{font-size:16px!important}
.main{height:var(--app-vh,100dvh)}
.chat-top{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.chat-top .ghost,.chat-top .primary{font-size:13px;padding:10px 12px}
.chat-current{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:center}
.mobile-only{display:none}.compact{padding:6px 11px}
.drawer{position:fixed;inset:0;z-index:11;display:flex}.drawer-scrim{position:absolute;inset:0;background:#020a12b8;backdrop-filter:blur(4px)}
.drawer-panel{z-index:1;position:relative;width:min(360px,90vw);height:100%;padding:25px 17px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;border-radius:0;box-shadow:20px 0 55px #0007}
.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head h3{font-size:21px}.drawer-head .ghost{width:44px}
.chat-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.chat-row{display:flex;align-items:center;gap:3px;background:#0f2537;border:1px solid #264659;border-radius:13px}.chat-row.active{border-color:#48c8dd;background:#15425b}
.chat-select{background:none;border:none;color:#d6f4ff;font-size:13px;text-align:left;min-width:0;flex:1;padding:15px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-actions{display:flex;padding-right:5px}.chat-action{background:none;color:#98b9cc;border:0;padding:8px;font-size:15px}
.voice-page-main{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;border-radius:22px;padding:26px 18px;max-width:670px;margin:0 auto}.voice-page-main h3{margin:0}.voice-page-main p{max-width:470px}
.voice-core{position:relative;display:grid;place-items:center;width:210px;height:210px;border-radius:50%;margin:8px auto;border:2px dotted #3db3d6;box-shadow:inset 0 0 30px #1b79be45,0 0 45px #0ab5ec18;transition:box-shadow .25s}
.voice-core::after,.voice-core::before{content:'';position:absolute;inset:12px;border-radius:50%;border:3px solid #3fc7eb;border-left-color:transparent;border-right-color:transparent;animation:spin 11s linear infinite}
.voice-core::after{inset:27px;border-color:#3f9ccc;border-top-color:transparent;border-bottom-color:transparent;animation-duration:8s;animation-direction:reverse}
.voice-core-center{font-size:60px;font-weight:900;color:#9deaff;text-shadow:0 0 25px #58d5f7}
.voice-core.listening{box-shadow:0 0 55px #20cdbb55,inset 0 0 45px #20cdbb33}.voice-core.speaking{box-shadow:0 0 55px #4fcdfc88,inset 0 0 50px #3cc9f755;animation:pulse 1.3s ease-in-out infinite}
.voice-core.error{border-color:#bd5168}.voice-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.save-transcript{display:flex;align-items:center;gap:10px;font-size:13px;color:#b2d4e2;text-align:left}.save-transcript input{width:19px;height:19px;accent-color:#3cbfdb}.live-transcript{width:100%;min-height:75px;padding:14px;border:1px solid #204c63;background:#071523;border-radius:13px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;text-align:left;color:#acd1e5}.import-label{display:inline-block;cursor:pointer;white-space:nowrap}
@media(max-width:760px){.mobile-only{display:inline-flex}.top-left{display:flex;align-items:center;gap:10px}.chat-top{gap:5px}.chat-top .ghost,.chat-top .primary{font-size:12px;padding:9px 8px}.chat-current{font-size:11px}.page{padding:14px 14px 18px}.chat-page{gap:11px}.composer textarea{font-size:16px!important;line-height:1.4}.main{height:var(--app-vh,100dvh);padding-bottom:calc(68px + env(safe-area-inset-bottom))}.keyboard-open .main{padding-bottom:0}.keyboard-open .mobile-nav{display:none}.keyboard-open .hero{display:none}.keyboard-open .composer-foot{display:none}.keyboard-open .topbar{min-height:60px;padding-top:8px;padding-bottom:8px}.mobile-nav{justify-content:space-between;padding-left:4px;padding-right:4px}.mobile-btn{min-width:0;flex:1}.bubble{font-size:14px;max-width:89%}.voice-core{width:175px;height:175px}.voice-page-main{padding:22px 12px}.settings-card{flex-wrap:wrap}}
@media(max-width:760px){.shell:has(#chatInput:focus) .mobile-nav{display:none}.shell:has(#chatInput:focus) .main{padding-bottom:0}.shell:has(#chatInput:focus) .hero{display:none}}

/* v0.2.4 home dashboard and concise active-chat presentation */
.home-page{display:flex;flex-direction:column;gap:22px;padding-top:clamp(22px,5vh,65px)}
.home-intro{border-radius:24px;text-align:center;padding:36px 22px 30px;display:grid;justify-items:center;gap:13px}
.home-intro h3{font-size:clamp(22px,4vw,30px)}.home-intro p{color:var(--muted);font-size:14px;max-width:520px}
.home-symbol{height:95px;width:95px;border-radius:50%;border:2px solid #67d9ff;outline:2px dashed #2476ab;outline-offset:7px;display:grid;place-items:center;margin:10px auto 12px;box-shadow:0 0 42px #00b8f92b,inset 0 0 35px #37b5e92a}
.home-symbol span{font-size:45px;font-weight:900;color:#9deaff}
.home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-action{color:#e5f8ff;border-radius:15px;padding:20px 15px;min-width:0;text-align:left;cursor:pointer}
.home-action strong{display:block;color:#a3f0ff;font-size:15px}.home-action small{display:block;color:#8caebe;margin-top:8px;font-size:12px}
.home-recent h4{margin-bottom:13px}.recent-chat-list{display:grid;gap:8px}.recent-chat{width:100%;border:1px solid #284659;background:#102335;color:#c7eafb;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-radius:11px;padding:12px 15px;font-size:14px}
.home-shortcut{margin:0 10px 13px;text-align:left;padding:13px;color:#99efff}
.top-left #homeTopBtn{width:40px;height:40px;flex:none;padding:7px;font-size:23px;color:#91dffa}
.chat-has-messages .hero{display:none}.chat-has-messages .messages{min-height:0}
@media(max-width:760px){.home-page{gap:17px;padding-top:20px}.home-intro{padding:27px 15px}.home-actions{grid-template-columns:1fr;gap:9px}.home-action{padding:13px 16px}.home-symbol{width:82px;height:82px}.home-intro h3{font-size:22px}.home-intro p{font-size:13px}.home-recent h4{font-size:15px}}