/* Reference-led refinement: inky surfaces and controlled blue/violet/pink light. */
:root{--brand-azure:#208aff;--brand-violet:#7254fa;--brand-pink:#d743cf;--brand-spectrum:linear-gradient(112deg,#258aff 0%,#6955f5 66%,#bc49de 100%)}
html:not([data-theme=light]){--bg:#060811;--panel:#0c1020;--line:#282d46}
html:not([data-theme=light]) body{background:#060811}
html:not([data-theme=light]) body:before{background:radial-gradient(ellipse at 20% 30%,#1758bb3b,transparent 36%),radial-gradient(ellipse at 85% 64%,#a921a129,transparent 36%),radial-gradient(ellipse at 46% 88%,#5836bf2e,transparent 33%)}
html[data-theme=light] body:before{background:radial-gradient(ellipse at 20% 30%,#83baff2d,transparent 37%),radial-gradient(ellipse at 84% 64%,#de9fde24,transparent 39%),radial-gradient(ellipse at 46% 88%,#a294ed24,transparent 32%)}
.button:not(.outline){background:var(--brand-spectrum);border-color:#8879fa;box-shadow:0 5px 23px #5253df26,inset 0 1px #ffffff1a}
.button:not(.outline):hover{background:linear-gradient(112deg,#439eff,#7f65ff 65%,#cd62e9);box-shadow:0 5px 26px #486ee83d,0 0 22px #b53fe51c}
.button.outline:hover{border-color:#8978e6}
.hero h1 span,.gradient-text{background-image:linear-gradient(110deg,#8ecaff,#648dff,#a88cfa,#d394df,#8ecaff)}
html[data-theme=light] .hero h1 span,html[data-theme=light] .gradient-text{background-image:linear-gradient(110deg,#2768cf,#5650c7,#8443b1,#266bbf)}
.hero-visual:before{background:radial-gradient(ellipse at 22% 55%,#2466de46,transparent 60%),radial-gradient(ellipse at 88% 76%,#a02faa30,transparent 58%)}
html[data-theme=light] .hero-visual:before{background:radial-gradient(ellipse at 22% 55%,#6298ec2a,transparent 60%),radial-gradient(ellipse at 88% 76%,#c171c820,transparent 58%)}
.hero:after{background:linear-gradient(90deg,transparent,#2b8efa55,#7c5bed88,#d856c644,transparent);box-shadow:0 0 22px #5e58d82b}
.orbit{border-color:#55529640;box-shadow:none}.orbit:after{background:#9cc9ff;box-shadow:0 0 18px #7874f2}
.orbit-two{border-color:#a13db433!important}.orbit-two:after{background:#c793ed;box-shadow:0 0 18px #b858c8}
html:not([data-theme=light]) .match-window{background:linear-gradient(135deg,#111421,#090c17);border-color:#444663;box-shadow:0 25px 65px #0008,-9px 7px 34px #1675f417,9px 12px 30px #b622b612}
.match-window{border-radius:15px}
.match-window:hover{border-color:#7876cf;box-shadow:0 20px 70px #142d6e29,-5px 2px 25px #2e89ff24,5px 8px 24px #b13dcc1f}
html:not([data-theme=light]) .floating-tag,html:not([data-theme=light]) .activity-pill{background:#111424f5;border-color:#404664;box-shadow:0 8px 30px #0005}
html:not([data-theme=light]) .candidate.active{color:#c7bdff;border-color:#967bf1;background:#7054d518}
.avatar{border:1px solid transparent;background:linear-gradient(135deg,#344253,#1b283f) padding-box,var(--brand-spectrum) border-box;box-shadow:0 0 10px #5e59dc12}
html[data-theme=light] .avatar{border:1px solid transparent;background:linear-gradient(135deg,#e3edf6,#e1e4fa) padding-box,var(--brand-spectrum) border-box;color:#395573}
html:not([data-theme=light]) .score,html:not([data-theme=light]) .demo-match-score{color:#b6a1fa}
html:not([data-theme=light]) .score small,html:not([data-theme=light]) .demo-match-score small{color:#99a2c8}
html[data-theme=light] .score,html[data-theme=light] .demo-match-score{color:#5d48a6}
html[data-theme=light] .demo-match-score small{color:#716593}
html:not([data-theme=light]) .platform-tabs button[aria-selected=true]{border-color:#9980f4;color:#b7a2ff}
html[data-theme=light] .platform-tabs button[aria-selected=true]{border-color:#7760d3;color:#514caa}
.platform-tabs button[aria-selected=true] span:last-child{color:#aa8eef}
html:not([data-theme=light]) .discovery-surface{background:radial-gradient(ellipse at 100% 0,#67288a15,transparent 70%),#0a0e1a;border-color:#343b58}
html:not([data-theme=light]) .search-field{background:#101424;border-color:#454570}
html:not([data-theme=light]) .source-pills button.selected{background:linear-gradient(110deg,#182d51,#2a2249);border-color:#7366b2;color:#d1c7f6}
html:not([data-theme=light]) .solution-card{background:radial-gradient(ellipse at 95% 0,#82358217,transparent 68%),linear-gradient(130deg,#111c31,#0c101f);border-color:#464460}
html[data-theme=light] .solution-card{background:radial-gradient(ellipse at 100% 0,#dfa9ef19,transparent 60%),linear-gradient(130deg,#e8efff,#fcfdff);border-color:#c7c9e8}
html:not([data-theme=light]) .article{background:#0f1320;border-color:#32364d}
html:not([data-theme=light]) .article-symbol{background:radial-gradient(ellipse at 20% 65%,#2967b82d,transparent 80%),radial-gradient(ellipse at 90% 10%,#8b2c971b,transparent 65%),#0b1222;border-color:#373b62;color:#a096dd}
html:not([data-theme=light]) .workflow-section{background:#090c15de;border-color:#272c42}
.flow-step.active{background:linear-gradient(#6152a319,transparent)}
html:not([data-theme=light]) .flow-result{background:#101526;border-color:#3d3e65}
.cta-section{background:radial-gradient(ellipse at 25% 110%,#225c963c,transparent 60%),radial-gradient(ellipse at 80% 110%,#8b2b9430,transparent 58%)}
html[data-theme=light] .cta-section{background:radial-gradient(ellipse at 25% 110%,#8ab6ef32,transparent 65%),radial-gradient(ellipse at 80% 110%,#c38edd23,transparent 60%)}
/* Demo: the visual emphasis follows the active task and candidate. */
html:not([data-theme=light]) .demo-console{border-color:#4b4769;background:#090c17;box-shadow:0 30px 85px #0007,-8px 8px 35px #2476ff16,8px 10px 35px #ae33ce10}
html:not([data-theme=light]) .demo-chrome{background:#121525;border-color:#33364f}
html:not([data-theme=light]) .demo-sidebar{background:#0c101c;border-color:#282d45}
html:not([data-theme=light]) .demo-main{background:radial-gradient(ellipse at 90% 5%,#61307413,transparent 64%),#0b101d}
html:not([data-theme=light]) .demo-breadcrumb{border-color:#282d44}
html:not([data-theme=light]) #demo-nav button.active{background:linear-gradient(115deg,#17304e,#25203f);border-color:#515886;box-shadow:inset 3px 0 #7b77ff;color:#d4d9ff}
html[data-theme=light] #demo-nav button.active{background:linear-gradient(115deg,#e1eeff,#eae4fc);border-color:#bebbea;box-shadow:inset 3px 0 #7b6bdb;color:#454d98}
html:not([data-theme=light]) .demo-candidate-card{background:#101527;border-color:#333e5f;border-radius:10px}
html:not([data-theme=light]) .demo-candidate-card.selected{border:1px solid transparent;background:linear-gradient(115deg,#101a2c,#171024) padding-box,linear-gradient(115deg,#319aff,#7756fb 65%,#d64bcc) border-box;box-shadow:-3px 0 17px #248aff1c,4px 2px 19px #be3ad61a}
html[data-theme=light] .demo-candidate-card.selected{border:1px solid transparent;background:linear-gradient(115deg,#f8fbff,#fcf8ff) padding-box,linear-gradient(115deg,#6aa5ee,#a08adf 65%,#ce92d3) border-box;box-shadow:0 5px 17px #725bae0e}
html:not([data-theme=light]) .demo-candidate-card:hover{background:#181c33;border-color:#7770be}
html:not([data-theme=light]) .report-summary{background:#11192b;border-color:#4a4d75}
html:not([data-theme=light]) .demo-evidence-rows details{background:#0e1424;border-color:#2d3752}
html:not([data-theme=light]) .compose-editor{background:#0e1525;border-color:#464d70}
html:not([data-theme=light]) .compose-channels button.active{background:linear-gradient(110deg,#18385b,#39234c);border-color:#7d6bbb;color:#ded3ff}
html[data-theme=light] .compose-channels button.active{background:linear-gradient(110deg,#e2efff,#ece2fa);border-color:#b6a5de;color:#53458f}
html:not([data-theme=light]) .demo-caption{background:linear-gradient(100deg,#121e34,#191529);border-color:#3b3c5c}
html:not([data-theme=light]) .demo-controls{background:#0c111e;border-color:#2e3350}
html[data-theme=light] .demo-caption{background:linear-gradient(100deg,#eaf2ff,#f0eafa);border-color:#c9c6e4}
html[data-theme=light] .demo-console{border-color:#c1c3e4;box-shadow:0 25px 75px #3c528919,5px 10px 35px #aa5cad09}
.demo-timeline button.active:before{background:var(--brand-spectrum);box-shadow:0 0 10px #7762e456}
.search-progress span{background:var(--brand-spectrum)!important;box-shadow:0 0 10px #8365dc44}
html:not([data-theme=light]) .radar-graphic>div{background:conic-gradient(from 0deg,transparent 60%,#315bcd30 80%,#9864f153 100%)}
html:not([data-theme=light]) .radar-graphic{border-color:#52467e6b}
html:not([data-theme=light]) #dialog{background:linear-gradient(125deg,#111729,#101020);border-color:#5d527d}
/* Game: same navigation and contrast, with reference-inspired perimeter light. */
#chase-game{background:#060811}#chase-game::backdrop{background:#060811}
.chase-shell{background:radial-gradient(ellipse at 8% 39%,#124d8e20,transparent 48%),radial-gradient(ellipse at 93% 72%,#75257c1b,transparent 43%)}
#chase-game .chase-header{background:#080b14f2;border-color:#2e3049}
#chase-game .chase-intro h1 span{color:#afbcf4}
#chase-game .chase-intro h1 span{background:linear-gradient(105deg,#97caff,#adadfa,#d5a4e5);background-clip:text;-webkit-text-fill-color:transparent}
.chase-board-area{border:1px solid transparent;background:linear-gradient(#0a0e1c,#0a0e1c) padding-box,linear-gradient(120deg,#2861a1,#534982 64%,#86427e) border-box;box-shadow:0 20px 65px #0004,-6px 3px 28px #2778f318,7px 14px 28px #ad2eb016}
.chase-hud,.chase-board-footer{background:#101527;border-color:#34354f}
.chase-quickstart{background:#101523;border-color:#38394f}
.chase-quickstart b{background:#272646;border-color:#645993;color:#ddd8ff}
.chase-guide{background:#0c101d;border-color:#36384f}
.chase-destinations button{background:#13182a;border-color:#303952}
.chase-destinations button.selected{border:1px solid transparent;background:linear-gradient(115deg,#14233a,#25172f) padding-box,linear-gradient(115deg,#319aff,#8863ea 70%,#c45fc6) border-box;color:#f0eaff;box-shadow:0 0 15px #7752d814}
.chase-destinations button:hover{background:#1b2036;border-color:#7570a6}
.chase-destinations button>span{background:#293052;color:#ccc9f1}
.chase-message{background:linear-gradient(125deg,#121d31fa,#161225fa);border-color:#646087;box-shadow:0 20px 60px #0008,0 0 22px #7952c714}
#chase-game .chase-primary,#chase-section .chase-primary{background:var(--brand-spectrum);border-color:#8e7dce;color:#fff;box-shadow:0 4px 19px #6145a623}
#chase-game .chase-primary:hover,#chase-section .chase-primary:hover{background:linear-gradient(115deg,#449dff,#8267fb 65%,#c45edb);box-shadow:0 0 25px #8e58ca38}
#chase-section{background:radial-gradient(ellipse at 100% 0,#7b29691a,transparent 60%),linear-gradient(120deg,#101c30,#121222);border-color:#77698b}
.chase-section-preview article{background:#141b2d;border-color:#3b405d}
.chase-language,.chase-hud button{background:#1b2037;border-color:#4b5073}
#chase-launcher{background:linear-gradient(110deg,#1d385c,#35274d);border-color:#8175ac}
html[data-theme=light] #chase-launcher{background:linear-gradient(110deg,#edf5ff,#f4ecfc);border-color:#bdb5da;color:#4e517d}
#scroll-progress{background:var(--brand-spectrum);box-shadow:0 0 10px #7663dc77}
@media(prefers-reduced-motion:reduce){.orbit{animation:none!important}}