/* SKY MIND R80 — UNIFIED VISUAL SYSTEM
   User-facing design system for the existing, functional SkyMind application.
   Intentional scope: real shell, home, composer, conversation, work surfaces.
   Preserves CentroSky calls, SkyPower receipts, network slots and JS controllers. */
html[data-theme="dark"],html[data-theme]:not([data-theme="light"]){
 --phantom-ink:#070c16;--phantom-base:#0c1729;--phantom-raised:#10203a;
 --phantom-glass:rgba(13,25,44,.96);--phantom-border:rgba(136,173,227,.19);
 --phantom-cyan:#6de0ff;--phantom-electric:#6497ff;--phantom-violet:#ac8aff;
 --phantom-text:#f2f7ff;--phantom-muted:#9daec6;
 --bg:#070c16;--bg-soft:#0b1628;--sidebar:#080f1c;
 --panel:#102039;--panel-2:#162944;--panel-3:#203551;
 --line:rgba(120,161,217,.25);--line-soft:rgba(120,161,217,.14);
 --text:#f2f7ff;--soft:#d8e5f6;--muted:#9eafc7;--muted-2:#8294ac;
 --accent:#6ddcff;--accent-2:#88c9ff;--accent-3:#967cff;
 --r80-shadow:0 24px 80px rgba(0,0,0,.32);
}
html[data-theme="light"]{
 --phantom-ink:#f5f7fc;--phantom-base:#ffffff;--phantom-raised:#fff;
 --phantom-glass:rgba(255,255,255,.97);--phantom-border:rgba(53,85,137,.16);
 --phantom-cyan:#176bbb;--phantom-electric:#315fdb;--phantom-violet:#7256c8;
 --phantom-text:#17283f;--phantom-muted:#506780;
 --bg:#f5f7fc;--bg-soft:#eef3fb;--sidebar:#f8faff;
 --panel:#fff;--panel-2:#f1f5fc;--panel-3:#e7eefb;
 --line:#cdd9e9;--line-soft:#e0e8f4;
 --text:#17283f;--soft:#344d69;--muted:#526980;--muted-2:#6c8196;
 --accent:#276bd0;--accent-2:#2864c0;--accent-3:#7958c7;
 --r80-shadow:0 22px 65px rgba(40,71,123,.11);
}
html[data-theme]{color-scheme:dark;}
html[data-theme="light"]{color-scheme:light;}
html[data-theme] body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px;line-height:1.52;-webkit-font-smoothing:antialiased;}
html[data-theme] :is(.app-shell,.main,.surface-wrap,.content){min-width:0;}
html[data-theme] .main{background:radial-gradient(ellipse 68% 58% at 57% 19%,rgba(46,98,204,.13),transparent 70%),radial-gradient(ellipse 42% 44% at 100% 85%,rgba(88,72,190,.075),transparent 75%),var(--phantom-ink)!important;}
html[data-theme="light"] .main{background:radial-gradient(ellipse 55% 47% at 58% 16%,rgba(114,160,243,.14),transparent 74%),var(--phantom-ink)!important;}
/* Navigation: a single calm left rail, readable labels, room for real history. */
html[data-theme] .app-shell{--sidebar-w:256px!important;}
html[data-theme] #side{background:var(--sidebar)!important;border-right:1px solid var(--line-soft)!important;padding:16px 12px 13px!important;gap:10px!important;}
html[data-theme] .brand-row{min-height:48px;gap:6px;margin-bottom:4px;}
html[data-theme] .brand-button{min-height:45px;padding:6px 8px;border-radius:12px;}
html[data-theme] .brand-button .brand-mark{width:35px;height:35px;}
html[data-theme] .new-chat{min-height:46px!important;border-radius:12px!important;box-shadow:none!important;border:1px solid rgba(100,151,255,.34)!important;background:linear-gradient(110deg,rgba(73,120,218,.21),rgba(35,56,99,.20))!important;font-size:13px!important;font-weight:680!important;}
html[data-theme="light"] .new-chat{background:linear-gradient(110deg,#e9f1ff,#f7faff)!important;}
html[data-theme] .phantom-navigation .nav-item,html[data-theme] .phantom-utility-navigation .nav-item{min-height:43px!important;padding:10px 12px!important;font-size:13px!important;border-radius:11px!important;font-weight:560!important;}
html[data-theme] #side .nav-item.active{background:rgba(86,137,229,.16)!important;color:var(--text)!important;box-shadow:inset 3px 0 var(--phantom-cyan)!important;}
html[data-theme="light"] #side .nav-item.active{background:#e6efff!important;}
html[data-theme] .phantom-group-label,html[data-theme] .section-heading{font-size:10px!important;letter-spacing:.13em!important;color:var(--muted)!important;}
html[data-theme] .phantom-nav-disclosure>summary{font-size:10px!important;min-height:39px!important;}
html[data-theme] #side .sidebar-section{min-height:96px;}
html[data-theme] #side .history-search{min-height:42px;border-radius:11px;background:var(--panel);}
html[data-theme] #side .thread-title{font-size:12.5px;}
html[data-theme] #side .cloud-mini{border-radius:13px;background:var(--panel)!important;border:1px solid var(--line)!important;}
html[data-theme] #side .account-row{min-height:45px;border-radius:11px;}
/* Network toolbar: maintain all five links, but minimize chrome and noise. */
html[data-theme] .top.unified-top{height:68px;min-height:68px;background:color-mix(in srgb,var(--phantom-ink) 96%,transparent)!important;border-bottom:1px solid var(--line-soft)!important;backdrop-filter:blur(16px);padding-inline:clamp(12px,2vw,30px)!important;}
html[data-theme] .top-brand{min-width:0;}
html[data-theme] .top-brand img{width:32px;height:32px;}
html[data-theme] .top-brand b{font-size:17px!important;letter-spacing:-.045em;font-weight:760;}
html[data-theme] .top-brand small{font-size:9px!important;letter-spacing:.18em;}
html[data-theme] .top-network-orbit{border-radius:15px!important;border:1px solid var(--line-soft)!important;background:color-mix(in srgb,var(--panel) 65%,transparent)!important;box-shadow:none!important;}
html[data-theme] .top-network-orbit>a,html[data-theme] .top-network-orbit>button{border-radius:11px!important;}
html[data-theme] .top-actions .hub-top-trigger,html[data-theme] .top-actions .command-button{border-radius:11px!important;}
/* Homepage: one clear, centered focal point. No duplicated marketing labels. */
html[data-theme] .hero.radar-home:not([style*="display: none"]){max-width:1120px!important;margin-inline:auto!important;padding:clamp(32px,5.4vh,72px) 24px 45px!important;min-height:0!important;}
html[data-theme] .hero.radar-home .radar-main{max-width:920px!important;margin-inline:auto;}
html[data-theme] .radar-intro{padding-bottom:8px!important;}
html[data-theme] .phantom-intro-mark{gap:11px!important;margin-bottom:16px!important;}
html[data-theme] .phantom-intro-mark img{width:80px!important;height:80px!important;filter:drop-shadow(0 16px 31px rgba(56,137,249,.19))!important;}
html[data-theme] .phantom-intro-mark span{font-size:11px!important;letter-spacing:.19em!important;color:var(--phantom-muted)!important;font-weight:740!important;}
html[data-theme] .radar-intro .radar-eyebrow{font-size:10px!important;letter-spacing:.16em!important;margin-bottom:9px;}
html[data-theme] .hero.radar-home h1{font-size:clamp(44px,4.5vw,70px)!important;line-height:1.12!important;letter-spacing:-.065em!important;font-weight:760!important;margin:10px 0 15px!important;color:var(--text);text-wrap:balance;}
html[data-theme] .radar-intro h1 span{background:linear-gradient(103deg,#6cdaff 0%,#669eff 55%,#b09aff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;}
html[data-theme="light"] .radar-intro h1 span{background-image:linear-gradient(100deg,#1269b6,#3268d8 62%,#7355c2);}
html[data-theme] .radar-intro>p{max-width:660px;margin-inline:auto;font-size:16px!important;line-height:1.6!important;color:var(--phantom-muted)!important;}
html[data-theme] .hero.radar-home .radar-composer-header{width:min(800px,100%)!important;max-width:800px!important;margin:27px auto 11px!important;letter-spacing:.1em!important;font-size:10px!important;}
html[data-theme] .hero.radar-home .radar-composer-header small{font-size:11px!important;opacity:.85;}
/* The actual composer is moved here by the existing controller. Larger input and modes; no fake progress. */
html[data-theme] .hero.radar-home .hero-composer-slot{width:min(800px,100%)!important;max-width:800px!important;}
html[data-theme] .hero.radar-home .hero-composer-slot .composer{border:1px solid color-mix(in srgb,var(--phantom-electric) 55%,var(--line))!important;border-radius:22px!important;background:var(--phantom-glass)!important;box-shadow:0 26px 78px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.08)!important;padding:12px 13px 9px!important;}
html[data-theme="light"] .hero.radar-home .hero-composer-slot .composer{box-shadow:0 22px 70px rgba(39,79,155,.13),inset 0 1px #fff!important;}
html[data-theme] .hero.radar-home .hero-composer-slot .composer:focus-within{border-color:var(--phantom-cyan)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--phantom-electric) 12%,transparent),0 24px 66px rgba(0,0,0,.20)!important;}
html[data-theme] .composer #input{font-size:15px!important;line-height:1.62!important;color:var(--text)!important;min-height:48px;}
html[data-theme] .composer #input::placeholder{color:var(--muted)!important;opacity:1;}
html[data-theme] .composer .composer-foot{padding-top:7px;border-top:1px solid var(--line-soft);gap:8px;}
html[data-theme] .composer .mode-rail{gap:5px;}
html[data-theme] .composer .mode-rail .mode{font-size:11px!important;padding:7px 9px!important;border-radius:9px!important;min-height:33px;}
html[data-theme] .composer .mode-rail .mode.active{background:color-mix(in srgb,var(--phantom-electric) 17%,var(--panel))!important;border:1px solid color-mix(in srgb,var(--phantom-electric) 29%,var(--line))!important;}
html[data-theme] .composer .tools-trigger{min-height:34px;font-size:11px!important;border-radius:9px;}
html[data-theme] .composer .hint{font-size:10px!important;color:var(--muted)!important;}
html[data-theme] .composer #sendButton,html[data-theme] .composer .send-btn{border-radius:12px!important;}
/* Keep the task paths but reduce marketing-card fatigue. */
html[data-theme] .phantom-intents{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;width:min(840px,100%);margin:22px auto 0!important;}
html[data-theme] .phantom-intents .phantom-intent{min-height:136px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;padding:17px 18px!important;border-radius:17px!important;border:1px solid var(--line)!important;background:linear-gradient(142deg,color-mix(in srgb,var(--phantom-electric) 11%,var(--phantom-base)),var(--phantom-base))!important;color:var(--text)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important;text-align:left!important;transition:border-color .2s,transform .2s,background .2s!important;}
html[data-theme] .phantom-intents .phantom-intent:nth-child(2){background:linear-gradient(142deg,color-mix(in srgb,var(--phantom-violet) 12%,var(--phantom-base)),var(--phantom-base))!important;}
html[data-theme] .phantom-intents .phantom-intent:nth-child(3){background:linear-gradient(142deg,color-mix(in srgb,var(--phantom-cyan) 8%,var(--phantom-base)),var(--phantom-base))!important;}
html[data-theme] .phantom-intents .phantom-intent .phantom-intent-icon{display:grid;place-items:center;width:36px;height:36px;margin:0 0 14px!important;border-radius:11px;background:color-mix(in srgb,var(--phantom-electric) 13%,var(--panel))!important;font-size:21px!important;}
html[data-theme] .phantom-intents .phantom-intent b{font-size:16px!important;font-weight:720!important;line-height:1.2!important;}
html[data-theme] .phantom-intents .phantom-intent small{font-size:12px!important;line-height:1.45!important;color:var(--phantom-muted)!important;margin-top:5px!important;}
html[data-theme] .phantom-intents .phantom-intent:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--phantom-cyan) 55%,var(--line))!important;}
html[data-theme] .hero.radar-home .radar-chips{margin:18px auto 0!important;gap:10px!important;}
html[data-theme] .hero.radar-home .radar-chips button{min-height:34px;padding:8px 13px!important;font-size:11px!important;border-color:var(--line)!important;border-radius:999px;background:color-mix(in srgb,var(--panel) 65%,transparent);color:var(--muted)!important;}
html[data-theme] .hero.radar-home .radar-chips button:hover{color:var(--text)!important;border-color:var(--phantom-electric)!important;}
html[data-theme] .phantom-discovery{width:min(840px,100%)!important;margin:22px auto 0!important;border:1px solid var(--line)!important;border-radius:16px!important;background:color-mix(in srgb,var(--panel) 64%,transparent)!important;}
html[data-theme] .phantom-discovery>summary{min-height:66px!important;padding:12px 18px!important;}
html[data-theme] .phantom-discovery>summary b{font-size:13px!important;}
html[data-theme] .phantom-discovery>summary small{font-size:11px!important;}
/* Reading, projects and dialogs: consistent surfaces, never fake success. */
html[data-theme] :is(.message.assistant,.work-card,.project-library,.project-workspace,.agent-team-card,.agent-run-card,.agent-history-card,.memory-compose-card,.memory-list-card,.github-shell,.account-shell,.sp-dialog,.mission-panel){border-color:var(--line-soft)!important;}
html[data-theme] .message-body{font-size:15px;line-height:1.75;letter-spacing:0;}
html[data-theme] .message-body :is(p,ul,ol){margin-block:0 1em;}
html[data-theme] .message-body :is(h2,h3){color:var(--text);letter-spacing:-.03em;}
html[data-theme] .message-actions button{font-size:11px!important;min-height:30px;border-radius:9px;}
html[data-theme] :is(.work-hero,.project-hero-v4,.agent-hero,.memory-hero) h1{font-size:clamp(31px,3.4vw,50px)!important;letter-spacing:-.055em!important;}
html[data-theme] :is(.work-card,.project-card-v4,.agent-team-card,.agent-run-card,.memory-compose-card){border-radius:17px!important;}
html[data-theme] :is(.work-card,.project-card-v4,.agent-team-card,.agent-run-card,.memory-compose-card) :is(p,small){line-height:1.55;}
html[data-theme] :is(.work-card,.project-card-v4,.agent-team-card,.agent-run-card,.memory-compose-card) button{min-height:35px;border-radius:10px;}
html[data-theme] :is(.account-dialog,.sp-dialog,.mission-dialog) {backdrop-filter:blur(14px);}
html[data-theme] :is(input,textarea,select):focus-visible{outline:2px solid var(--phantom-electric);outline-offset:2px;}
@media (min-width:781px) and (max-width:1150px){
 html[data-theme] .app-shell{--sidebar-w:238px!important;}
 html[data-theme] .top.unified-top{padding-inline:12px!important;}
 html[data-theme] .phantom-intents{gap:10px!important;}
 html[data-theme] .phantom-intents .phantom-intent{padding:14px!important;}
 html[data-theme] .hero.radar-home:not([style*="display: none"]){padding-inline:18px!important;}
}
@media(max-width:780px){
 html[data-theme] #side{padding:14px 11px!important;}
 html[data-theme] .top.unified-top{height:56px!important;min-height:56px!important;padding-inline:8px!important;}
 html[data-theme] .top-network-orbit{background:transparent!important;border:0!important;}
 html[data-theme] .hero.radar-home:not([style*="display: none"]){padding:22px 13px 28px!important;}
 html[data-theme] .phantom-intro-mark img{width:61px!important;height:61px!important;}
 html[data-theme] .phantom-intro-mark span{font-size:9px!important;letter-spacing:.1em!important;}
 html[data-theme] .radar-eyebrow{font-size:9px!important;}
 html[data-theme] .hero.radar-home h1{font-size:clamp(35px,8.7vw,50px)!important;line-height:1.1!important;}
 html[data-theme] .radar-intro>p{font-size:13px!important;}
 html[data-theme] .hero.radar-home .radar-composer-header{margin:23px auto 9px!important;}
 html[data-theme] .hero.radar-home .hero-composer-slot .composer{padding:10px 11px!important;border-radius:18px!important;}
 html[data-theme] .composer .mode-rail .mode{font-size:10px!important;min-height:29px;padding:5px 7px!important;}
 html[data-theme] .composer .hint{display:none!important;}
 html[data-theme] .phantom-intents{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:17px!important;}
 html[data-theme] .phantom-intents .phantom-intent{min-height:124px!important;padding:14px!important;}
 html[data-theme] .phantom-intents .phantom-intent b{font-size:14px!important;}
 html[data-theme] .phantom-intents .phantom-intent small{font-size:11px!important;}
 html[data-theme] .phantom-intents .phantom-intent .phantom-intent-icon{width:31px;height:31px;margin-bottom:9px!important;}
 html[data-theme] .phantom-discovery{margin-top:18px!important;}
 html[data-theme] .phantom-discovery>summary{min-height:64px!important;}
}
@media(max-width:360px){
 html[data-theme] .hero.radar-home:not([style*="display: none"]){padding-inline:9px!important;}
 html[data-theme] .phantom-intents .phantom-intent{min-height:115px!important;padding:11px!important;}
 html[data-theme] .composer .mode-rail .mode{font-size:9px!important;padding-inline:5px!important;}
}
@media(prefers-reduced-motion:reduce){html[data-theme] .phantom-intents .phantom-intent{transition:none!important;transform:none!important}}
/* Final visual finish: the official Nerddi mark remains the focal point. */
html[data-theme] .hero.radar-home .radar-main{position:relative;isolation:isolate;}
html[data-theme] .hero.radar-home .radar-main::before{content:"";pointer-events:none;position:absolute;z-index:-1;width:min(96%,780px);height:430px;top:-115px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 45%,rgba(61,123,238,.14),rgba(58,78,181,.06) 44%,transparent 72%);}
html[data-theme="light"] .hero.radar-home .radar-main::before{background:radial-gradient(ellipse at 50% 45%,rgba(78,126,228,.12),transparent 71%);}
html[data-theme] .phantom-intro-mark{position:relative;isolation:isolate;}
html[data-theme] .phantom-intro-mark::before{content:"";position:absolute;z-index:-1;top:-14px;left:50%;width:106px;height:106px;transform:translateX(-50%);border-radius:32px;background:radial-gradient(circle at 40% 20%,rgba(103,168,255,.14),transparent 65%);box-shadow:inset 0 0 0 1px rgba(117,173,255,.13),0 16px 60px rgba(35,100,207,.09);}
html[data-theme] .phantom-intro-mark img{filter:drop-shadow(0 9px 18px rgba(84,154,254,.16))!important;}
html[data-theme] .hero.radar-home .hero-composer-slot .composer{position:relative;}
html[data-theme] .hero.radar-home .hero-composer-slot .composer::before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(161,206,255,.075);}
html[data-theme] .hero.radar-home .radar-composer-header span{font-weight:760;}
@media(max-width:780px){
 html[data-theme] .hero.radar-home .radar-main::before{top:-65px;height:320px;}
 html[data-theme] .phantom-intro-mark::before{width:84px;height:84px;top:-11px;border-radius:26px;}
 /* One horizontal row of real modes; scroll instead of clipping away controls. */
 html[data-theme] .hero.radar-home .composer .ux-composer-foot{display:flex!important;flex-wrap:nowrap!important;min-width:0!important;overflow:visible!important;gap:6px!important;}
 html[data-theme] .hero.radar-home .composer .mode-rail{display:flex!important;min-width:0!important;flex:1 1 0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;overscroll-behavior-x:contain;white-space:nowrap;padding:2px 0 4px;}
 html[data-theme] .hero.radar-home .composer .mode-rail::-webkit-scrollbar{display:none;}
 html[data-theme] .hero.radar-home .composer .mode-rail .mode{flex:0 0 auto!important;}
 html[data-theme] .hero.radar-home .composer .composer-tools-wrap{flex:0 0 auto!important;}
 html[data-theme] .hero.radar-home .composer .composer-main{min-width:0!important;}
}