.theme-control{display:flex;gap:2px;border:2px solid var(--line);padding:3px;background:var(--surface)}.theme-control button{padding:6px 12px;border:0;background:transparent;color:var(--ink)}.theme-control button[aria-pressed=true]{background:var(--accent);color:var(--action-text)}
body[data-theme=purple]{--page:#100c1c;--surface:#1b142d;--ink:#f8f3ff;--muted:#c5b9d8;--line:#57406e;--accent:#cfb0ff;--gold:#d7bcff;--soft:#2b1d40;--action:#ceb0ff;--action-text:#211031;--hero:#1e1135;--hero-text:#fff;--input:#130d20;--danger:#ffb8c8;--shadow:#332147;background:radial-gradient(ellipse at 85% 0,#38214f70,transparent 48%),var(--page)}body[data-theme=purple] .site-header{background:#130c20;border-bottom-color:#4c3267}body[data-theme=purple] .tracker-heading{background:radial-gradient(ellipse at 100% 0,#70419c55,transparent 65%),linear-gradient(115deg,#211136,#160d25);border-color:#8056a9;box-shadow:0 12px 42px #06020c44}body[data-theme=purple] .tracker-heading:after{border-color:#c79aef55;width:280px;height:280px;bottom:-170px;right:-30px}body[data-theme=purple] .badge{border-color:#d9baff;background:#d9baff;color:#211031}body[data-theme=purple] .test-label{border-color:#775590;color:#dfcceb;background:#251634}body[data-theme=purple] .panel{border:1px solid #5a3f70;box-shadow:0 12px 30px #07030d22}body[data-theme=purple] .sign-in-card{box-shadow:5px 5px 0 #52316a}body[data-theme=purple] .new-account,body[data-theme=purple] .device-card,body[data-theme=purple] .item,body[data-theme=purple] .alert-row,body[data-theme=purple] .close-controls,body[data-theme=purple] footer{border-color:#493358}body[data-theme=purple] .tabs{border-bottom-color:#4a325e}body[data-theme=purple] input,body[data-theme=purple] select{border-width:1px;border-color:#77548e}body[data-theme=purple] button{border-color:#83649c}body[data-theme=purple] .theme-control button{border:0}body[data-theme=purple] button:hover:not(:disabled){filter:brightness(1.12)}body[data-theme=purple] .permission-note{background:linear-gradient(135deg,#322144,#221732)}body[data-theme=purple] .status{background:#21172f}body[data-theme=purple] #map{background-color:#21152d;background-image:linear-gradient(#443050 1px,transparent 1px),linear-gradient(90deg,#443050 1px,transparent 1px);border-color:#7c5d90}body[data-theme=purple] .map-placeholder{border-color:#8d6ca0}body[data-theme=purple] .tabs button{border-color:transparent}body[data-theme=purple] .tabs button[aria-selected=true]{border-bottom-color:var(--accent)}
.appearance-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 28px;background:var(--dark);border-bottom:1px solid var(--line)}
.appearance-switch{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--black)}
.appearance-switch button{border:0;border-radius:999px;padding:9px 16px;font:600 .9rem 'Space Grotesk',sans-serif;color:var(--muted);background:transparent;cursor:pointer}
.appearance-switch button[aria-pressed="true"]{background:var(--accent);color:var(--black)}
.companion-nav{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.companion-nav a{color:var(--muted);font-size:.9rem;padding:7px 10px;text-decoration:none;border-radius:8px}
.companion-nav a[aria-current="page"],.companion-nav a:hover{background:var(--tint);color:var(--text)}
.theme-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-theme=original] .appearance-tools{--dark:#0a241b;--black:#061a14;--line:#315446;--muted:#bdcfc3;--accent:#ffd267;--tint:#193f2e;--text:#f4f8f1}body[data-theme=purple] .appearance-tools{--dark:#130d20;--black:#0b0811;--line:#4c355f;--muted:#cfbfdc;--accent:#d4b5ff;--tint:#2a1b3b;--text:#f7efff}.appearance-switch button{box-shadow:none;min-height:0}.appearance-tools .companion-nav{margin-top:0;margin-bottom:0}.appearance-tools .companion-nav a{font-weight:400}@media(max-width:760px){.appearance-tools{padding:14px 20px}.companion-nav{margin-left:0;width:100%;gap:3px}.companion-nav a{padding:7px 9px}}

body[data-theme="purple"]{--accent:#dbb6ff;--line:#674582;--tint:#352047;--panel:#21142f;background:radial-gradient(ellipse at 0 0,#71359b3b,transparent 55%),radial-gradient(ellipse at 100% 45%,#8e3ac51c,transparent 50%),#0e0916;background-attachment:fixed}
body[data-theme="purple"] .appearance-tools{background:linear-gradient(100deg,#291536,#140d20);border-bottom-color:#785199}
body[data-theme="purple"] .appearance-switch button[aria-pressed="true"]{background:linear-gradient(120deg,#e7cdff,#bf8af7);color:#210e33;box-shadow:0 2px 14px #bb78ed26}
body[data-theme="purple"] .companion-nav a[aria-current="page"]{background:#4a2a60;color:#f7eaff;box-shadow:inset 0 0 0 1px #b280d255}
body[data-theme="purple"] :is(.panel,.card,.demo-card,.device-card,.stat-card,.metric-card){background:linear-gradient(145deg,#2c1b3a,#1b1226);border-color:#674582;box-shadow:0 10px 35px #0002}
body[data-theme="purple"] :is(.preview-button,.download-btn,.refresh-btn,.apply-btn){background:linear-gradient(120deg,#e7cdff,#bf8af7);color:#210e33;border-color:#d4a9f8}
body[data-theme="purple"] :is(button,a){transition:background .2s,box-shadow .2s,border-color .2s}
body[data-theme="purple"] :is(button,a):focus-visible{outline:3px solid #e1bbff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){body[data-theme="purple"] :is(button,a){transition:none}}

body .safety-hero,body .demo-intro{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;border:1px solid var(--line);padding:clamp(22px,4vw,46px);background:radial-gradient(ellipse at 100% 0,var(--glow),transparent 70%),var(--dark);box-shadow:0 18px 60px #0002}
body[data-theme="purple"] :is(.safety-hero,.demo-intro){background:radial-gradient(ellipse at 90% 10%,#a152d849,transparent 65%),linear-gradient(130deg,#321a45,#160e23);border-color:#9363b4}
body :is(.safety-hero h2,.demo-intro h1){letter-spacing:-.045em;line-height:1.08}
body[data-theme="purple"] :is(.safety-hero h2,.demo-intro h1){color:#eed9ff;text-shadow:0 4px 35px #b66ee12b}
body :is(.safety-hero figure,.demo-seal){border-radius:20px;overflow:hidden;box-shadow:0 15px 40px #0003}
body :is(.stat-card,.chart-card,.demo-device,.card){transition:transform .22s,border-color .22s,box-shadow .22s}
body[data-theme="purple"] :is(.chart-card,.demo-device){background:linear-gradient(145deg,#30203f,#1a1126);border:1px solid #704b8b;border-radius:18px}
body[data-theme="purple"] .stat-card{border-top:3px solid #cd9bff}
body[data-theme="purple"] .demo-device[aria-pressed="true"]{border-color:#dbb6ff;box-shadow:0 0 0 2px #bd86ec55,0 15px 40px #8d3dbc22}
body[data-theme="purple"] .device-art{background:radial-gradient(ellipse,#efe2fc,#d5bbe9);border-radius:14px}
body[data-theme="purple"] .tabs button[aria-selected="true"],body[data-theme="purple"] .tab-bar button.active{background:#39234d;color:#f4e6ff;border-radius:10px 10px 0 0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body :is(.stat-card,.chart-card,.demo-device):hover{transform:translateY(-4px);box-shadow:0 18px 40px #0003}body :is(.preview-button,.download-btn,.refresh-btn,.apply-btn):hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--glow)}}
@media(prefers-reduced-motion:no-preference){body .safety-hero,body .demo-intro{animation:app-arrive .6s ease-out both}@keyframes app-arrive{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:none}}}
@media(max-width:600px){body .safety-hero,body .demo-intro{border-radius:18px;padding:22px}body .safety-hero h2{font-size:2rem}}

body[data-theme="purple"]{background:linear-gradient(#10091de8,#10091df5),url("../../../images/safety/purple-solidarity-art.png") center top/cover fixed}
body[data-theme="purple"] :is(.safety-hero,.demo-intro){background:linear-gradient(90deg,#21122ff2,#21122fc7),url("../../../images/safety/purple-solidarity-art.png") center 35%/cover no-repeat}
@media(max-width:700px){body[data-theme="purple"]{background-attachment:scroll}body[data-theme="purple"] :is(.safety-hero,.demo-intro){background-position:65% center}}

.companion-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);background:var(--black);border-radius:12px;padding:9px 14px;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s}
.companion-nav a[aria-current="page"]{border-color:var(--accent);background:var(--tint);box-shadow:inset 0 0 0 1px var(--accent)}
.companion-nav a:hover{border-color:var(--accent);background:var(--tint);box-shadow:0 4px 18px var(--glow)}
.companion-nav a[data-app="checkout"],.companion-nav a[data-theme-link="checkout"]{background:var(--accent);color:var(--black);font-weight:700;border-color:var(--accent)}
@media(prefers-reduced-motion:reduce){.companion-nav a{transition:none}}