body[data-theme="vector-phosphor"] { --vector: #a0ffd3; --sp: var(--vector); color: var(--vector); background: #020906; }
body[data-theme="vector-phosphor"] #stage { isolation: isolate; background: #020906; }
body[data-theme="vector-phosphor"] #stage::before { content: ""; position: absolute; z-index: -1; inset: 0; background-image: radial-gradient(1px 1px at 6% 13%, #c5ffe4 65%, transparent), radial-gradient(1px 1px at 27% 81%, #c5ffe4 65%, transparent), radial-gradient(1px 1px at 45% 28%, #c5ffe4 65%, transparent), radial-gradient(1px 1px at 68% 16%, #c5ffe4 65%, transparent), radial-gradient(1px 1px at 87% 63%, #c5ffe4 65%, transparent), radial-gradient(1px 1px at 74% 88%, #c5ffe4 65%, transparent), radial-gradient(1px 1px at 14% 55%, #c5ffe4 65%, transparent); background-size: 280px 220px; opacity: .7; }
body[data-theme="vector-phosphor"] .bg,
body[data-theme="vector-phosphor"] .dim,
body[data-theme="vector-phosphor"] .spill,
body[data-theme="vector-phosphor"] .mq,
body[data-theme="vector-phosphor"] .lb { display: none; }
body[data-theme="vector-phosphor"] #roster { left: 94px; top: 230px; width: 500px; height: 600px; border-left: 1px solid rgba(160,255,211,.7); border-right: 1px solid rgba(160,255,211,.7); background: transparent; }
body[data-theme="vector-phosphor"] .lr { height: 52px; padding-left: 42px; color: rgba(160,255,211,.48); font: 24px/52px "Barlow Condensed", sans-serif; letter-spacing: 1px; }
body[data-theme="vector-phosphor"] .lr.on { height: 56px; border: 1px solid var(--vector); color: #e3fff1; background: rgba(20,80,50,.16); font-size: 30px; line-height: 54px; text-shadow: 0 0 10px rgba(160,255,211,.8); }
body[data-theme="vector-phosphor"] .vector-row-number { display: inline-block; width: 44px; color: #f3a5ab; font-size: 16px; }
body[data-theme="vector-phosphor"] #monitor { left: 670px; top: 152px; width: 530px; height: 390px; padding: 12px; border: 1px solid var(--vector); border-radius: 18px; background: rgba(0,0,0,.45); box-shadow: 0 0 12px rgba(160,255,211,.42), inset 0 0 10px rgba(160,255,211,.13); }
body[data-theme="vector-phosphor"] #screen { overflow: hidden; border-radius: 7px; }
body[data-theme="vector-phosphor"] #screen img.active { filter: grayscale(1) brightness(.8) sepia(.8) hue-rotate(78deg) saturate(1.5); opacity: .45; image-rendering: pixelated; }
body[data-theme="vector-phosphor"] .cap { left: 670px; top: 600px; width: 530px; }
body[data-theme="vector-phosphor"] .cap h1 { color: transparent; font-size: 54px; -webkit-text-stroke: 1px var(--vector); text-shadow: 0 0 11px rgba(160,255,211,.5); }
body[data-theme="vector-phosphor"] .cap p { color: rgba(160,255,211,.78); font-size: 21px; }
body[data-theme="vector-phosphor"] .ctl { left: 670px; top: 735px; bottom: auto; gap: 18px; color: var(--vector); font-size: 18px; }
body[data-theme="vector-phosphor"] .ctl i { border: 1px solid currentColor; border-radius: 50%; background: transparent !important; box-shadow: 0 0 7px rgba(160,255,211,.4); }
body[data-theme="vector-phosphor"] .hint { right: 88px; bottom: 54px; color: rgba(160,255,211,.65); font-size: 16px; }
body[data-theme="vector-phosphor"] .topbar { top: 44px; left: 92px; right: 88px; flex-direction: row; align-items: center; justify-content: space-between; }
body[data-theme="vector-phosphor"] .wm { color: transparent; font-size: 42px; font-weight: 800; letter-spacing: 5px; -webkit-text-stroke: 1px var(--vector); text-shadow: 0 0 10px rgba(160,255,211,.55); }
body[data-theme="vector-phosphor"] .topbar-tabs { margin: 0; }
body[data-theme="vector-phosphor"] .tabs button { border-color: transparent; color: rgba(160,255,211,.62); }
body[data-theme="vector-phosphor"] .tabs button.on { border-color: var(--vector); color: #e3fff1; text-shadow: 0 0 8px var(--vector); }
body[data-theme="vector-phosphor"] #settings-open,
body[data-theme="vector-phosphor"] #search-open { border: 1px solid var(--vector); border-radius: 50%; color: var(--vector); background: transparent; box-shadow: 0 0 8px rgba(160,255,211,.35); }
body[data-theme="vector-phosphor"] #settings-open svg,
body[data-theme="vector-phosphor"] #search-open svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.4; }
body[data-theme="vector-phosphor"] #theme-layout { position: absolute; z-index: 12; inset: 0; pointer-events: none; }
body[data-theme="vector-phosphor"] .vector-ship { position: absolute; left: 45px; width: 34px; height: 34px; color: var(--vector); filter: drop-shadow(0 0 5px rgba(160,255,211,.8)); transition: transform 180ms ease; }
body[data-theme="vector-phosphor"] .letter { border: 1px solid var(--vector); border-radius: 50%; color: var(--vector); background: rgba(0,10,6,.92); box-shadow: 0 0 18px rgba(160,255,211,.45); }
body[data-theme="vector-phosphor"] .letter b { text-shadow: 0 0 14px var(--vector); }
body[data-theme="vector-phosphor"] .feature-overlay { background: rgba(0,8,4,.82); backdrop-filter: none; }
body[data-theme="vector-phosphor"] .feature-panel { border: 1px solid var(--vector); border-radius: 12px; background: rgba(0,11,6,.97); box-shadow: 0 0 17px rgba(160,255,211,.23); }
body[data-theme="vector-phosphor"] .feature-heading h2,
body[data-theme="vector-phosphor"] .settings-section-title { color: var(--vector); text-shadow: 0 0 8px rgba(160,255,211,.55); }
body[data-theme="vector-phosphor"] .feature-heading small,
body[data-theme="vector-phosphor"] .feature-help { color: rgba(160,255,211,.65); }
body[data-theme="vector-phosphor"] .panel-close,
body[data-theme="vector-phosphor"] #search-query,
body[data-theme="vector-phosphor"] .search-key,
body[data-theme="vector-phosphor"] .setting-action,
body[data-theme="vector-phosphor"] .settings-nav button { border: 1px solid rgba(160,255,211,.55); border-radius: 6px; color: var(--vector); background: rgba(0,14,7,.7); box-shadow: none; }
body[data-theme="vector-phosphor"] .search-key.focus,
body[data-theme="vector-phosphor"] .search-result.selected,
body[data-theme="vector-phosphor"] .setting-action.focus,
body[data-theme="vector-phosphor"] .settings-nav button.active { color: #effff6; border-color: #effff6; box-shadow: 0 0 9px rgba(160,255,211,.6); }
body[data-theme="vector-phosphor"] .search-result { border-color: rgba(160,255,211,.2); background: rgba(0,12,6,.5); }
body[data-theme="vector-phosphor"] .remote-toast { border: 1px solid var(--vector); border-radius: 8px; color: var(--vector); background: #020906; box-shadow: 0 0 14px rgba(160,255,211,.4); }
body[data-theme="vector-phosphor"] .theme-swatch { border: 1px solid var(--vector); border-radius: 50%; background: linear-gradient(90deg, #a0ffd3 0 50%, #09160f 50%); }
body[data-theme="vector-phosphor"] #monitor.live { left: 0; top: 0; width: 1280px; height: 960px; border: 0; border-radius: 0; }
body[data-theme="vector-phosphor"] #now-playing { border: 1px solid var(--vector); border-radius: 8px; color: var(--vector); background: #020906; box-shadow: 0 0 14px rgba(160,255,211,.5); }
body[data-theme="vector-phosphor"] .boot-choice { border: 1px solid rgba(160,255,211,.5); border-radius: 8px; color: var(--vector); background: #020906; }
body[data-theme="vector-phosphor"] .boot-choice.selected { color: #e9fff4; box-shadow: 0 0 10px rgba(160,255,211,.55); }
body[data-theme="vector-phosphor"] .settings-nav { align-self: stretch; }
body[data-theme="vector-phosphor"] .remote-settings { border: 1px solid rgba(160,255,211,.45); background: #020906; }
body[data-theme="vector-phosphor"] #pairing-qr { border: 2px solid var(--vector); background: #fff; }
body[data-theme="vector-phosphor"] .settings-footer,
body[data-theme="vector-phosphor"] .settings-note { color: rgba(160,255,211,.68); }
body[data-theme="vector-phosphor"] .feature-help { border-top: 1px solid rgba(160,255,211,.4); }
body[data-theme="vector-phosphor"] .theme-choice.selected { border: 1px solid #effff6; box-shadow: 0 0 9px rgba(160,255,211,.5); }
body[data-theme="vector-phosphor"] .setting-copy small,
body[data-theme="vector-phosphor"] .theme-copy small { color: rgba(160,255,211,.68); }
body[data-theme="vector-phosphor"] .setting-action > b { border-color: rgba(160,255,211,.6); color: var(--vector); }
body[data-theme="vector-phosphor"] .sound-row { border-color: rgba(160,255,211,.36); background: rgba(0,14,7,.7); box-shadow: inset 0 0 8px rgba(160,255,211,.06); }
body[data-theme="vector-phosphor"] .mixer-value { color: var(--vector); text-shadow: 0 0 7px rgba(160,255,211,.4); }
body[data-theme="vector-phosphor"] .setting-toggle i { border-color: var(--vector); box-shadow: 0 0 6px rgba(160,255,211,.22); }
body[data-theme="vector-phosphor"] .setting-toggle.on b { color: var(--vector); }
body[data-theme="vector-phosphor"] .setting-toggle.on i::after,
body[data-theme="vector-phosphor"] .setting-segments i.selected { color: #05110b; background: var(--vector); }
body[data-theme="vector-phosphor"] .setting-segments { border-color: rgba(160,255,211,.55); }
body[data-theme="vector-phosphor"] .pairing-label { color: var(--vector); text-shadow: 0 0 5px rgba(160,255,211,.35); }
body[data-theme="vector-phosphor"] .mixer-slider { accent-color: var(--vector); }