/* Universe — one visual system for both Varelyno workspaces. */
html.v-universe{--radius:18px;--shadow:var(--v-shadow);--shadow-lg:0 24px 70px #1f3f6026;--v9-shadow:var(--v-shadow);--v9-lift:0 18px 42px #244e6e20;color-scheme:light}
html.v-universe[data-tone=dark]{color-scheme:dark;--shadow-lg:0 24px 70px #0006;--v9-lift:0 18px 42px #0004}
html.v-universe body{background:var(--bg);color:var(--text)}
html.v-universe .main-content{background:var(--bg)!important;padding:25px 26px 36px;background-image:radial-gradient(ellipse at 2% 0%,color-mix(in srgb,var(--v-wash) 48%,transparent),transparent 55%),radial-gradient(ellipse at 99% 12%,color-mix(in srgb,var(--v-secondary) 37%,transparent),transparent 50%)!important}
html.v-universe .sidebar{background:color-mix(in srgb,var(--surface) 93%,var(--v-wash))!important;border-color:var(--line);box-shadow:8px 0 30px #1b516207}
html.v-universe .sidebar .brand{padding-top:23px;padding-bottom:20px;border-bottom:1px solid var(--line);background:linear-gradient(130deg,transparent,color-mix(in srgb,var(--v-wash) 30%,transparent))}
html.v-universe .brand-title{color:var(--text)}html.v-universe .brand-sub,html.v-universe .side-label{color:var(--muted)}
html.v-universe .nav{gap:4px;padding:13px 10px}
html.v-universe .nav-btn{color:var(--muted);border-radius:11px;min-height:38px;transition:background .22s,color .22s,translate .22s,box-shadow .22s}
html.v-universe .nav-btn:hover{background:var(--line2);color:var(--text);translate:2px 0}
html.v-universe .nav-btn.active{background:linear-gradient(110deg,var(--v-wash),color-mix(in srgb,var(--v-secondary) 45%,var(--surface)))!important;color:var(--text)!important;box-shadow:0 5px 13px color-mix(in srgb,var(--v-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--v-accent) 22%,var(--surface))}
html.v-universe .fav{color:var(--muted);border-radius:9px}html.v-universe .fav:hover{background:var(--line2)}
html.v-universe .side-footer .btn,html.v-universe .status-card{background:var(--surface);color:var(--muted);border-color:var(--line)}html.v-universe .status-card strong{color:var(--text)}
html.v-universe .topbar{background:color-mix(in srgb,var(--surface) 95%,transparent)!important;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);gap:10px;padding-inline:20px}
html.v-universe .topbar:after{background:linear-gradient(90deg,var(--v-accent),#8bcbb6,#c69bc7,#e5bd81);height:2px;opacity:.7}
html.v-universe .global-search{background:var(--bg)!important;border-color:var(--line);border-radius:11px}
html.v-universe .global-search:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--v-accent) 10%,transparent);border-color:var(--v-accent)}
html.v-universe .global-search input,html.v-universe .user-chip{color:var(--text)}html.v-universe .kbd{background:var(--surface);color:var(--muted);border-color:var(--line)}
html.v-universe .workspace-switch{background:var(--bg)!important;border-color:var(--line);border-radius:10px;padding:4px;gap:3px}
html.v-universe .workspace-switch button{border-radius:7px;color:var(--muted)}
html.v-universe .workspace-switch button.active{background:var(--v-accent)!important;color:var(--surface)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--v-accent) 20%,transparent)}
html.v-universe .page-title h1{letter-spacing:-1.1px;color:var(--text)}
html.v-universe .v9-hub .page-title h1{font-size:34px;line-height:1.14;font-weight:720;letter-spacing:-1.6px;background:none;-webkit-text-fill-color:var(--text);padding-bottom:2px}
html.v-universe .v9-hub .page-title h1:after{display:none}
html.v-universe .page-title p{line-height:1.6;color:var(--muted)}
html.v-universe .page-head{margin-bottom:16px;align-items:center}
html.v-universe .btn{background:var(--surface);color:var(--text);border-color:var(--line);border-radius:10px;transition:background .2s,box-shadow .2s,transform .2s}
html.v-universe .btn:hover{background:var(--line2);box-shadow:0 5px 15px color-mix(in srgb,var(--v-accent) 10%,transparent)}
html.v-universe .btn.primary{background:var(--v-accent);color:var(--surface);border-color:var(--v-accent);box-shadow:0 5px 16px color-mix(in srgb,var(--v-accent) 18%,transparent)}
html.v-universe .btn.primary:hover{filter:brightness(1.06);box-shadow:0 8px 22px color-mix(in srgb,var(--v-accent) 25%,transparent)}
html.v-universe .btn.link{color:var(--v-accent);background:transparent;box-shadow:none}html.v-universe .btn.danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 6%,var(--surface))}
html.v-universe #appearanceButton{border-color:color-mix(in srgb,var(--v-accent) 30%,var(--surface));background:linear-gradient(120deg,var(--surface),var(--line2));color:var(--v-accent)}
html.v-universe #appearanceButton>span{font-size:17px}
html.v-universe .select-control,html.v-universe .input-control,html.v-universe .field input,html.v-universe .field select,html.v-universe .field textarea{background:var(--surface);border-color:var(--line);color:var(--text);border-radius:9px}
html.v-universe .card,html.v-universe .panel,html.v-universe .note-card,html.v-universe .command-card,html.v-universe .person-card,html.v-universe .project-card{background:var(--surface)!important;border-color:var(--line);border-radius:18px;box-shadow:var(--v-shadow)}
html.v-universe .card-head{background:linear-gradient(100deg,color-mix(in srgb,var(--v-wash) 20%,var(--surface)),var(--surface));border-color:var(--line2);border-radius:17px 17px 0 0;color:var(--text)}
html.v-universe .card-head strong{font-size:12px;letter-spacing:-.1px}
html.v-universe .universe-card{transition:transform .24s,box-shadow .24s,border-color .24s;animation:universeCardIn .45s both;animation-delay:var(--universe-delay,0ms)}
html.v-universe .universe-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px color-mix(in srgb,var(--v-accent) 12%,transparent);border-color:color-mix(in srgb,var(--v-accent) 32%,var(--surface))}
html.v-universe .person-card{background:linear-gradient(145deg,var(--surface) 58%,color-mix(in srgb,var(--v-wash) 34%,var(--surface)))!important;position:relative;overflow:hidden}
html.v-universe .person-card:nth-child(3n+2){background:linear-gradient(145deg,var(--surface) 58%,color-mix(in srgb,var(--v-secondary) 35%,var(--surface)))!important}
html.v-universe .person-card .avatar-sm,html.v-universe .person-card .avatar-md{background:var(--v-wash);border-color:color-mix(in srgb,var(--v-accent) 20%,var(--surface));color:var(--v-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--v-accent) 5%,transparent)}
html.v-universe .project-card{background:linear-gradient(145deg,var(--surface) 60%,color-mix(in srgb,var(--card-accent,var(--v-accent)) 9%,var(--surface)))!important;border-left-width:3px}
html.v-universe .note-card{background:linear-gradient(160deg,color-mix(in srgb,var(--v-wash) 28%,var(--surface)),var(--surface) 70%)!important;border-top:3px solid color-mix(in srgb,var(--v-accent) 40%,var(--surface))}
html.v-universe .note-card:nth-child(3n+2){border-top-color:#c697b7;background:linear-gradient(160deg,color-mix(in srgb,#c697b7 12%,var(--surface)),var(--surface) 70%)!important}
html.v-universe .note-card:nth-child(3n){border-top-color:#88b3a4;background:linear-gradient(160deg,color-mix(in srgb,#88b3a4 12%,var(--surface)),var(--surface) 70%)!important}
html.v-universe .task-row,html.v-universe .info-row,html.v-universe .milestone-row{border-color:var(--line2);border-radius:10px;transition:background .2s,box-shadow .2s}
html.v-universe .task-row:hover,html.v-universe .info-row:hover{background:color-mix(in srgb,var(--v-wash) 27%,var(--surface))!important}
html.v-universe .task-row,html.v-universe .milestone-row,html.v-universe .discovery-list label,html.v-universe .waiting-dates span{background:var(--surface);color:var(--text)}
html.v-universe .task-check{accent-color:var(--v-accent);border-radius:6px}
html.v-universe .tag,html.v-universe .pill,html.v-universe .rel-chip{background:var(--line2);color:var(--muted);border-color:var(--line)}
html.v-universe .empty{background:color-mix(in srgb,var(--v-wash) 18%,var(--surface));color:var(--muted);border-color:var(--line);border-radius:15px;padding:27px 20px}
html.v-universe .hub-section-head h2{color:var(--text);font-size:13px;letter-spacing:-.15px}
html.v-universe .command-stats{gap:9px}
html.v-universe .command-stats>div{border:1px solid color-mix(in srgb,var(--metric,#479ec6) 20%,var(--surface));border-top:3px solid var(--metric,#479ec6);background:linear-gradient(140deg,color-mix(in srgb,var(--metric,#479ec6) 17%,var(--surface)),color-mix(in srgb,var(--metric,#479ec6) 6%,var(--surface)))!important;border-radius:13px;color:var(--text);padding:16px 8px;box-shadow:0 7px 16px color-mix(in srgb,var(--metric,#479ec6) 7%,transparent)}
html.v-universe .command-stats>div:nth-child(2){--metric:#c884b2}html.v-universe .command-stats>div:nth-child(3){--metric:#d6ae53}html.v-universe .command-stats>div:nth-child(4){--metric:#53ab9a}
html.v-universe .command-stats b{font-size:25px;color:var(--text)}
html.v-universe .command-center,html.v-universe .today-strip{background:linear-gradient(135deg,var(--v-wash),color-mix(in srgb,var(--v-secondary) 35%,var(--surface)))!important;border-color:var(--line);border-radius:18px}
html.v-universe .network-card{border-radius:21px!important;border:1px solid var(--line);background:var(--surface)!important;box-shadow:0 15px 40px color-mix(in srgb,var(--v-accent) 7%,transparent);overflow:hidden}
html.v-universe .network-toolbar{background:color-mix(in srgb,var(--v-wash) 35%,var(--surface))!important;border-color:var(--line);padding-block:13px}
html.v-universe[data-theme] .graph-viewport{background:var(--surface)!important;isolation:isolate}
html.v-universe[data-theme][data-atmosphere=on] .graph-viewport{background:radial-gradient(ellipse at 20% 10%,color-mix(in srgb,var(--v-wash) 65%,transparent),transparent 55%),radial-gradient(ellipse at 85% 70%,color-mix(in srgb,var(--v-secondary) 50%,transparent),transparent 60%),var(--surface)!important}
html.v-universe[data-theme][data-background=dots] .graph-viewport{background-image:radial-gradient(var(--line) .8px,transparent .8px)!important;background-size:17px 17px!important}
html.v-universe .graph-node.project-node{background:radial-gradient(circle at 32% 23%,var(--surface) 5%,color-mix(in srgb,var(--node) 14%,var(--surface)) 70%,color-mix(in srgb,var(--node) 23%,var(--surface)))!important;border:2px solid color-mix(in srgb,var(--node) 82%,var(--surface));box-shadow:0 12px 30px color-mix(in srgb,var(--node) var(--universe-glow,23%),transparent),inset 0 2px 5px color-mix(in srgb,var(--surface) 80%,transparent)!important;color:var(--text)}
html.v-universe[data-glow=minimal]{--universe-glow:8%}html.v-universe[data-glow=standard]{--universe-glow:17%}html.v-universe[data-glow=strong]{--universe-glow:28%}
html.v-universe .graph-node.project-node:before{inset:-14px;border:2px dotted color-mix(in srgb,var(--node) 55%,transparent);box-shadow:0 0 25px color-mix(in srgb,var(--node) 13%,transparent);opacity:.55}
html.v-universe .graph-node.project-node.focus{box-shadow:0 0 0 7px color-mix(in srgb,var(--node) 10%,transparent),0 16px 42px color-mix(in srgb,var(--node) var(--universe-glow,23%),transparent),inset 0 2px 5px color-mix(in srgb,var(--surface) 70%,transparent)!important}
html.v-universe[data-motion=full] .graph-world:not(.polish-large) .graph-node.project-node.focus:before{animation:universeHalo 5s ease-in-out infinite}
html.v-universe .graph-node.project-node:hover:before{opacity:1}
html.v-universe .node-progress .progress-value{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--node) 65%,transparent));stroke-width:3}
html.v-universe .node-progress-caption{background:var(--surface);border-color:color-mix(in srgb,var(--node) 45%,var(--surface));color:var(--node);box-shadow:0 5px 12px color-mix(in srgb,var(--node) 14%,transparent)}
html.v-universe .project-node .status,html.v-universe .node-badge{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
html.v-universe .project-node .node-title,html.v-universe .project-node strong,html.v-universe .person-node .node-label{color:var(--text)!important;text-shadow:none}
html.v-universe .person-avatar{background:color-mix(in srgb,var(--v-wash) 70%,var(--surface))!important;color:var(--v-accent)!important;border-color:var(--line)!important;box-shadow:0 5px 15px color-mix(in srgb,var(--v-accent) 10%,transparent)}
html.v-universe .network-help,html.v-universe .graph-controls,html.v-universe .network-legend{background:var(--surface)!important;border-color:var(--line);color:var(--muted)}
html.v-universe .hero,html.v-universe .project-workspace,html.v-universe .detail-panel{background:linear-gradient(120deg,color-mix(in srgb,var(--workspace-accent,var(--v-accent)) 10%,var(--surface)),var(--surface) 65%)!important;color:var(--text);border-color:var(--line);border-radius:18px}
html.v-universe .detail-tabs,html.v-universe .subtabs{border-color:var(--line)}html.v-universe .detail-tab,html.v-universe .subtab{color:var(--muted)}
html.v-universe .detail-tab.active,html.v-universe .subtab.active{color:var(--v-accent);background:var(--line2);border-color:var(--v-accent)}
html.v-universe .modal,html.v-universe .context-menu,html.v-universe .search-pop,html.v-universe .network-detail{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:var(--shadow-lg);border-radius:20px}
html.v-universe .modal-head{background:linear-gradient(110deg,var(--line2),var(--surface));border-color:var(--line);color:var(--text);border-radius:20px 20px 0 0}
html.v-universe .modal-foot{background:var(--surface);border-color:var(--line)}
html.v-universe .modal-backdrop{backdrop-filter:blur(7px);background:#1225395c}
html.v-universe .modal-backdrop.show .modal{animation:universeModalIn .32s cubic-bezier(.16,1,.3,1) both}
html.v-universe .toast{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;box-shadow:var(--shadow-lg)}
html.v-universe .universe-moodbar{display:flex;align-items:center;gap:18px;padding:13px 17px;margin-bottom:22px;border:1px solid color-mix(in srgb,var(--v-accent) 16%,var(--surface));border-radius:14px;background:linear-gradient(110deg,color-mix(in srgb,var(--v-wash) 40%,var(--surface)),color-mix(in srgb,var(--v-secondary) 23%,var(--surface)));box-shadow:0 5px 18px #214a6310}
.universe-mood-label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.universe-mood-label>span:first-child{font-size:23px;color:var(--v-accent)}.universe-mood-label b{font-weight:650;color:var(--text)}.universe-quick-themes{display:flex;gap:8px;align-items:center}.universe-swatch{width:24px;height:24px;padding:2px;background:var(--surface);border:1px solid var(--line);border-radius:50%;transition:transform .2s}.universe-swatch i{display:block;border-radius:50%;height:100%;background:linear-gradient(140deg,var(--tile-wash),var(--tile-second))}.universe-swatch:hover{transform:translateY(-3px)}.universe-swatch[aria-pressed=true]{outline:2px solid var(--v-accent);outline-offset:2px}.universe-studio-link{margin-left:auto;border:0;background:transparent;display:flex;gap:16px;align-items:center;font-size:11px;color:var(--v-accent);font-weight:650;white-space:nowrap}.universe-studio-link span{font-size:18px}
.universe-kicker{font-size:9px;font-weight:750;letter-spacing:1.6px;color:var(--v-accent)}.universe-welcome{display:grid;grid-template-columns:1fr 260px;align-items:center;background:radial-gradient(ellipse at 80% 30%,var(--v-secondary),transparent 60%),linear-gradient(120deg,var(--surface),var(--v-wash));border:1px solid var(--line);border-radius:23px;padding:32px;margin-bottom:24px;overflow:hidden}.universe-welcome h2{font-size:36px;line-height:1.1;letter-spacing:-1.6px;margin:15px 0}.universe-welcome h2 em{font:italic 1em Georgia,serif;color:var(--v-accent)}.universe-welcome p{font-size:12px;color:var(--muted);line-height:1.7;max-width:440px}.universe-start-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.universe-welcome-art{height:200px;position:relative;display:grid;place-items:center}.universe-welcome-art b{font-size:11px;border-radius:50%;border:1px solid var(--v-accent);background:var(--surface);color:var(--v-accent);width:49px;height:49px;display:grid;place-items:center;box-shadow:0 0 0 8px color-mix(in srgb,var(--v-accent) 7%,transparent)}.universe-welcome-art i{position:absolute;width:65px;height:65px;border:1px solid #be88b2;border-radius:50%;background:color-mix(in srgb,#d298bf 16%,var(--surface));box-shadow:0 7px 25px #be88b21f;top:0;left:15%}.universe-welcome-art i:nth-child(2){top:25%;left:72%;width:78px;height:78px;border-color:#6ab6a2;background:color-mix(in srgb,#6ab6a2 13%,var(--surface))}.universe-welcome-art i:nth-child(3){top:70%;left:20%;width:53px;height:53px;border-color:#729fce;background:color-mix(in srgb,#729fce 13%,var(--surface))}
html.v-universe .modal.universe-modal{width:min(950px,calc(100vw - 40px))!important;max-width:950px!important;max-height:90vh;overflow:auto}.universe-studio{padding:24px!important}.universe-studio-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--line);border-radius:17px;padding:22px 27px;background:radial-gradient(ellipse at 70% 10%,var(--v-secondary),transparent 70%),linear-gradient(130deg,var(--v-wash),var(--surface));min-height:155px}.universe-studio-banner h3{font-size:31px;letter-spacing:-1.3px;margin:12px 0 6px;color:var(--text)}.universe-studio-banner p{font-size:12px;color:var(--muted);margin:0}.universe-studio-orb{position:relative;width:102px;height:102px;border:1.5px solid var(--v-accent);background:radial-gradient(circle at 30% 20%,var(--surface),var(--v-wash));border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 25px color-mix(in srgb,var(--v-accent) 20%,transparent);margin:0 20px}.universe-studio-orb:before{content:'';position:absolute;inset:-8px;border:1px dotted var(--v-accent);border-radius:50%;opacity:.6}.universe-studio-orb span{text-align:center;font-size:13px;font-weight:650;line-height:1.3;color:var(--text)}.universe-studio-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:26px 0 14px}.universe-studio-label b{font-size:13px;color:var(--text)}.universe-studio-label>span{font-size:10px;color:var(--muted)}.universe-theme-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.universe-theme{background:var(--tile-surface);border:1px solid var(--line);border-radius:11px;padding:5px;overflow:hidden;text-align:left;transition:transform .2s,box-shadow .2s;position:relative}.universe-theme:hover{transform:translateY(-3px);box-shadow:0 7px 17px #30456520}.universe-theme[aria-pressed=true]{outline:2px solid var(--v-accent);outline-offset:2px}.universe-theme-scene{display:block;height:62px;border-radius:7px;background:radial-gradient(ellipse at 5% 0%,var(--tile-wash),transparent 90%),linear-gradient(135deg,var(--tile-bg),var(--tile-second));position:relative;overflow:hidden}.universe-theme-scene:before,.universe-theme-scene:after{content:'';position:absolute;left:23%;top:35%;width:58%;height:1px;background:var(--tile-accent);opacity:.25;transform:rotate(20deg)}.universe-theme-scene:after{top:53%;transform:rotate(-35deg)}.universe-theme-scene>i{position:absolute;left:18%;top:17%;width:24px;height:24px;border-radius:50%;border:1px solid var(--tile-accent);background:var(--tile-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--tile-accent) 8%,transparent)}.universe-theme-scene>i:nth-child(2){left:68%;top:30%;width:16px;height:16px;border-color:#b587be}.universe-theme-scene>i:nth-child(3){left:40%;top:64%;width:13px;height:13px;border-color:#6faa9f}.universe-theme-scene b{position:absolute;left:45%;top:25%;font-size:16px;color:var(--tile-accent);font-weight:400}.universe-theme-name{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;color:var(--tile-ink);padding:9px 4px 5px;white-space:nowrap}.universe-theme-name i{font-style:normal;opacity:0;color:var(--tile-accent)}.universe-theme[aria-pressed=true] .universe-theme-name i{opacity:1}.universe-motion{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.universe-motion b{font-size:14px;color:var(--text)}.universe-motion p{font-size:10px;line-height:1.6;color:var(--muted);margin:7px 0 0}.universe-motion-buttons{display:flex;gap:6px}.universe-motion-buttons button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:11px 14px;background:var(--surface);color:var(--muted);font-size:10px}.universe-motion-buttons button>span{font-size:17px}.universe-motion-buttons button[aria-pressed=true]{border-color:var(--v-accent);background:var(--v-wash);color:var(--text)}.universe-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.universe-setting{display:grid;gap:8px;font-size:10px;font-weight:650;color:var(--muted)}.universe-setting select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--text);font-size:10px;padding:10px;min-height:37px}.universe-setting input{accent-color:var(--v-accent);width:100%}.universe-studio-help{font-size:10px;color:var(--muted);line-height:1.6;margin:20px 0 0}.universe-complete{position:fixed;bottom:85px;left:50%;width:1px;height:1px;pointer-events:none;z-index:500}.universe-complete i{position:absolute;width:6px;height:6px;border-radius:2px;background:var(--spark);animation:universeSpark .8s ease-out both;transform:rotate(var(--angle)) translateY(-15px)}
html.v-universe[data-tone=dark] :is(.person-card h3,.project-card h3,.note-card h3,.info-row strong,.task-title,.section-title,.hero h1,.hero h2,.hero h3,.hero-stat strong,.card h3,.command-focus h3,.person-name,.detail-title,.modal h2,.field label,.nav-btn,.context-menu button,.table th,.table td){color:var(--text)}
html.v-universe[data-tone=dark] :is(.person-card p,.project-card p,.note-card p,.info-row small,.hero p,.hero-stat span,.command-focus p,.waiting-card p,.relationship-line,.form-hint,.network-help,.future-project small,.task-meta){color:var(--muted)}
html.v-universe[data-tone=dark] :is(.list-card,.detail-panel,.stat-card,.event-card,.ev-card,.task-board-column,.meeting-summary>div,.calendar-cell,.cal-day,.future-project:hover,.hero-stat,.filter-bar,.table-wrap,.task-filters,.note-filters,.list-toolbar){background:var(--surface)!important;border-color:var(--line);color:var(--text)}
html.v-universe[data-tone=dark] :is(input,select,textarea){background-color:var(--surface);color:var(--text);border-color:var(--line)}
html.v-universe[data-tone=dark] :is(.avatar-xs,.avatar-sm,.avatar-md,.avatar-lg,.focus-orb,.mini-orb){color:var(--text);background:var(--v-wash);border-color:var(--line)}
html.v-universe[data-tone=dark] .polish-tooltip{background:var(--surface);color:var(--text);border-color:var(--line)}
html.v-universe[data-tone=dark] .brand img{filter:brightness(1.2)}
html.v-universe[data-tone=dark] .network-toolbar button,html.v-universe[data-tone=dark] .graph-controls button{color:var(--text);background:var(--surface)}
html.v-universe :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--v-accent);outline-offset:3px}
html.v-universe[data-motion=full] .universe-studio-orb:before{animation:universeHalo 5s ease-in-out infinite}
html.v-universe[data-motion=full] .universe-welcome-art i{animation:universeFloat 7s ease-in-out infinite}html.v-universe[data-motion=full] .universe-welcome-art i:nth-child(2){animation-delay:-2s}html.v-universe[data-motion=full] .universe-welcome-art i:nth-child(3){animation-delay:-4s}
html.v-universe .universe-view-enter>.page-head{animation:universeCardIn .4s both}
@keyframes universeCardIn{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}@keyframes universeHalo{50%{opacity:.85;box-shadow:0 0 30px color-mix(in srgb,var(--node,var(--v-accent)) 28%,transparent)}}@keyframes universeModalIn{from{opacity:0;translate:0 14px;scale:.985}to{opacity:1;translate:0 0;scale:1}}@keyframes universeFloat{50%{translate:0 -7px}}@keyframes universeSpark{to{opacity:0;transform:rotate(var(--angle)) translateY(-65px) rotate(100deg)}}
html.v-universe.v9-page-hidden *,html.v-universe.v9-page-hidden *:before,html.v-universe.v9-page-hidden *:after{animation-play-state:paused!important}
@media(max-width:1200px){html.v-universe .main-content{padding:20px 18px 30px}html.v-universe .topbar{padding-inline:12px;gap:7px}html.v-universe .v9-hub .page-title h1{font-size:29px}.universe-moodbar{gap:13px!important}.universe-mood-label{font-size:10px}.universe-studio-link{font-size:10px}}
@media(max-width:800px){html.v-universe .main-content{padding:16px 13px 28px}html.v-universe .v9-hub .page-title h1{font-size:27px}.universe-mood-label{font-size:10px}.universe-quick-themes{gap:6px}.universe-swatch{width:21px;height:21px}.universe-studio-link{gap:7px;font-size:9px}.universe-theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.universe-motion{flex-wrap:wrap}.universe-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.universe-welcome{grid-template-columns:1fr 170px;padding:25px}.universe-welcome-art{scale:.8}.universe-welcome h2{font-size:31px}}
@media(max-width:600px){html.v-universe .main-content{padding:16px 11px 85px}html.v-universe .v9-hub .page-title h1{font-size:28px;letter-spacing:-1.3px}html.v-universe .page-head{align-items:flex-start}html.v-universe .universe-moodbar{padding:13px 12px;margin-bottom:17px;flex-wrap:wrap;gap:12px!important;border-radius:12px}.universe-mood-label{width:100%;font-size:11px}.universe-mood-label>span:first-child{font-size:19px}.universe-quick-themes{gap:10px}.universe-swatch{width:23px;height:23px}.universe-studio-link{font-size:10px;margin-left:auto;gap:6px}.universe-studio-link span{font-size:14px}html.v-universe .network-card{border-radius:16px!important}html.v-universe .modal.universe-modal{width:calc(100vw - 20px)!important;max-height:94dvh}.universe-studio{padding:15px!important}.universe-studio-banner{padding:18px;min-height:132px;gap:10px}.universe-studio-banner h3{font-size:26px}.universe-studio-banner p{font-size:10px}.universe-kicker{font-size:7px;letter-spacing:1.25px}.universe-studio-orb{width:72px;height:72px;flex:none;margin:0 4px}.universe-studio-orb span{font-size:10px}.universe-studio-label{margin:22px 0 13px;flex-wrap:wrap;gap:6px}.universe-studio-label b{font-size:12px}.universe-studio-label>span{font-size:9px}.universe-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.universe-theme-name{font-size:8px;padding:8px 2px 4px}.universe-theme-scene{height:55px}.universe-theme-scene>i{width:21px;height:21px}.universe-theme-scene>i:nth-child(2){width:14px;height:14px}.universe-theme-scene>i:nth-child(3){width:11px;height:11px}.universe-motion{gap:14px;margin:21px 0;padding:19px 0}.universe-motion p{font-size:10px}.universe-motion-buttons{width:100%;gap:7px}.universe-motion-buttons button{flex:1;justify-content:center;font-size:9px;padding:10px 6px}.universe-settings{gap:13px}.universe-setting{font-size:9px}.universe-setting select{padding:9px 5px;font-size:9px}.universe-studio-help{font-size:9px}.universe-welcome{grid-template-columns:1fr;padding:24px}.universe-welcome-art{display:none}.universe-welcome h2{font-size:34px}.universe-welcome p{font-size:11px}.universe-start-actions{gap:7px}.universe-start-actions .btn{font-size:10px;padding-inline:10px}.universe-studio .modal-foot{position:static}}
@media(prefers-reduced-motion:reduce){html.v-universe *,html.v-universe *:before,html.v-universe *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.universe-complete{display:none}}
html.v-universe[data-motion=off] *,html.v-universe[data-motion=off] *:before,html.v-universe[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.v-universe .command-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}html.v-universe .command-stats>div{min-width:0!important;width:auto!important}html.v-universe[data-tone=dark] .brand img{filter:brightness(1.8) saturate(.7)}
html.v-universe[data-tone=dark] .overdue:not(.health-node-badge):not(.health-pill):not(.health-dot){color:#ffb5bb!important}html.v-universe[data-tone=dark] .wait-text{color:#f1cf82!important}
html.v-universe .center-avatar{background:var(--v-wash)!important;color:var(--v-accent)!important;border-color:var(--v-accent)!important;box-shadow:0 0 0 6px color-mix(in srgb,var(--v-accent) 7%,transparent)}
html.v-universe[data-motion=off] :is(.universe-card,.btn,.nav-btn,.universe-swatch,.universe-theme):hover{transform:none;translate:0 0}@media(prefers-reduced-motion:reduce){html.v-universe :is(.universe-card,.btn,.nav-btn,.universe-swatch,.universe-theme):hover{transform:none;translate:0 0}}
/* Theme-aware empty states, including the real account's first network. */
html.v-universe[data-theme] :is(.empty,.v8-empty,.graph-empty){background:color-mix(in srgb,var(--v-wash) 18%,var(--surface))!important;color:var(--muted)!important;border-color:var(--line)!important}
html.v-universe .graph-empty{border:1px solid var(--line);font-size:12px;border-radius:10px;box-shadow:var(--v-shadow)}
html.v-universe .center-node>strong{color:var(--text)}html.v-universe .center-node>small{color:var(--muted)}
html.v-universe .user-chip .avatar-xs{font-size:8px;color:var(--v-accent);background:var(--v-wash);border-color:var(--line)}
/* Quiet palettes: colour signals where to look; neutral surfaces carry the work. */
html.v-universe .main-content{background:var(--bg)!important;background-image:none!important}
html.v-universe .sidebar{background:var(--surface)!important;box-shadow:none}
html.v-universe .sidebar .brand{background:var(--surface)}
html.v-universe .topbar{background:var(--surface)!important}
html.v-universe .nav-btn.active{background:var(--v-wash)!important;border-color:transparent;box-shadow:inset 3px 0 var(--v-accent);color:var(--text)!important}
html.v-universe .page-title h1{text-decoration-color:color-mix(in srgb,var(--v-accent) 30%,transparent)}
html.v-universe .universe-moodbar{background:var(--surface);border:1px solid var(--line);border-left:3px solid color-mix(in srgb,var(--v-accent) 60%,var(--surface));box-shadow:0 3px 12px #203e5306}
html.v-universe .network-toolbar,html.v-universe .v9-map-head{background:var(--surface)!important;border-bottom:1px solid var(--line)}
html.v-universe .card-head{background:var(--surface);border-color:var(--line2)}
html.v-universe .hub-work-panel .command-hero,html.v-universe .command-center,html.v-universe .today-strip{background:var(--surface)!important;border-color:var(--line)}
html.v-universe .command-stats>div{background:color-mix(in srgb,var(--metric,#479ec6) 6%,var(--surface))!important;border:1px solid var(--line)!important;border-top:2px solid var(--metric,#479ec6)!important;box-shadow:none}
html.v-universe .person-card,html.v-universe .person-card:nth-child(3n+2),html.v-universe .note-card,html.v-universe .note-card:nth-child(3n+2),html.v-universe .note-card:nth-child(3n){background:var(--surface)!important}
html.v-universe .project-card{background:linear-gradient(145deg,var(--surface) 78%,color-mix(in srgb,var(--card-accent,var(--v-accent)) 4%,var(--surface)))!important}
html.v-universe .hero,html.v-universe .project-workspace,html.v-universe .detail-panel{background:var(--surface)!important}
html.v-universe .universe-welcome{background:var(--surface);border-color:var(--line);box-shadow:var(--v-shadow);position:relative}
html.v-universe .universe-welcome:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:color-mix(in srgb,var(--v-accent) 55%,var(--surface))}
html.v-universe .universe-welcome-art{background:radial-gradient(ellipse,var(--v-wash),transparent 68%)}
html.v-universe .universe-studio-banner{background:linear-gradient(110deg,var(--surface) 45%,var(--v-wash));border-color:var(--line)}
html.v-universe .modal-head{background:var(--surface);border-bottom-color:var(--line)}
html.v-universe .universe-theme-scene{background:var(--tile-surface);border-top:2px solid var(--tile-accent)}
html.v-universe .universe-theme-name{border-top:1px solid color-mix(in srgb,var(--tile-accent) 9%,var(--tile-surface))}
html.v-universe .universe-swatch i{background:var(--tile-accent);opacity:.75}
html.v-universe .universe-studio-orb{background:radial-gradient(circle at 30% 20%,var(--surface) 40%,var(--v-wash));box-shadow:0 7px 20px color-mix(in srgb,var(--v-accent) 12%,transparent)}
html.v-universe .person-avatar,html.v-universe .center-avatar{background:var(--v-wash)!important}
html.v-universe .btn.primary{box-shadow:0 3px 10px color-mix(in srgb,var(--v-accent) 12%,transparent)}
html.v-universe[data-theme][data-atmosphere=on] .graph-viewport{background:radial-gradient(ellipse at 0% 0%,var(--v-wash),transparent 36%),var(--surface)!important}
html.v-universe .graph-node.project-node{background:radial-gradient(circle at 32% 23%,var(--surface) 12%,color-mix(in srgb,var(--node) 7%,var(--surface)) 72%,color-mix(in srgb,var(--node) 12%,var(--surface)))!important}
html.v-universe .graph-node.project-node:before{box-shadow:0 0 18px color-mix(in srgb,var(--node) 10%,transparent)}
html.v-universe[data-glow=minimal]{--universe-glow:6%}html.v-universe[data-glow=standard]{--universe-glow:13%}html.v-universe[data-glow=strong]{--universe-glow:21%}