.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-options button{justify-content:center}
html[data-theme=dark]{color-scheme:dark;--page:#111214;--surface:#202124;--ink:#f0f0f2;--muted:#a7a8b0;--blue:#9cbcff;--line:#ffffff14;--tint:#ffffff09;--green:#98d7b7;--danger:#ffb2b8}
html[data-theme=dark] body{background:radial-gradient(ellipse at 74% 15%,#233c60,transparent 48%),#0b1320}
html[data-theme=dark] .app-shell{background:radial-gradient(ellipse 320px 420px at 115% 24%,#426ea05c,transparent 74%),radial-gradient(ellipse 290px 350px at -24% 68%,#41699838,transparent 75%),linear-gradient(155deg,#17263b,#101b2d 60%,#132139);border-color:#9bbde51c;box-shadow:inset 1px 0 #a8c8ff0a,0 22px 90px #00000045}
html[data-theme=dark] :is(.card,.hero,.referral-card){background:linear-gradient(130deg,#a4c9ff21,#5e83b511 48%,#749bcc1a);border-color:#b8d7ff3d;box-shadow:inset 0 1px 0 #d7e8ff4d,inset 1px 0 1px #b9d7ff26,inset -1px -2px 3px #07101f55,0 22px 42px #00000029,0 5px 10px #0000001a}
html[data-theme=dark] .card:before{background:linear-gradient(118deg,#b3d3ff17,transparent 25%,transparent 66%,#d1e4ff0c 84%,transparent);box-shadow:inset 0 0 0 1px #ffffff05}
html[data-theme=dark] :is(.segments,.plan-grid,.dashboard-link){background:linear-gradient(145deg,#0813215c,#26395326);border-color:#9ebde929;box-shadow:inset 0 3px 7px #030a154d,inset 0 -1px #c2dcff24,0 1px #0000001a}
html[data-theme=dark] :is(.segments button,.plan){color:#b9cbe2}
html[data-theme=dark] :is(.segments button[aria-pressed=true],.plan[aria-pressed=true]){color:#edf5ff;background:linear-gradient(145deg,#98bce84d,#5b82b033 43%,#35577f80);border-color:#b6d6ff6b;box-shadow:inset 0 1px 1px #d0e5ff6b,inset 1px 0 1px #c3ddff21,inset 0 -4px 8px #07152738,0 8px 15px #00000033;text-shadow:0 1px 1px #00000033}
html[data-theme=dark] :is(.secondary,.icon-button,.tile-icon,.platforms button){color:#d7e6fb;background:linear-gradient(135deg,#bad8ff26,#7096c514 48%,#3752745c);border-color:#b1d1ff33;box-shadow:inset 0 1px 1px #d0e5ff3d,inset 0 -3px 7px #0310212e,0 7px 16px #00000021}
html[data-theme=dark] :is(.methods button[aria-pressed=true],.platforms button[aria-pressed=true]){color:#dcecff;background:linear-gradient(135deg,#7caffe4a,#385e984f);border-color:#8dbbff80;box-shadow:inset 0 1px 1px #d7eaff6b,inset 0 -3px 8px #09244a4d,0 7px 15px #0000002e}
html[data-theme=dark] .primary:not(.danger-button){color:#fff;background:radial-gradient(ellipse at 50% -20%,#bad6ff70,transparent 65%),linear-gradient(#5c8fe6,#3266ca 50%,#214c9e);border-color:#a7caff80;box-shadow:inset 0 1px 1px #e5efffa6,inset 1px 0 2px #cce0ff3d,inset 0 -7px 13px #0a255657,0 9px 24px #020a203d,0 0 22px #5293ff17;text-shadow:0 1px 2px #10254b66}
html[data-theme=dark] .primary:before{background:linear-gradient(#ffffff57,#ffffff14 65%,transparent)}
html[data-theme=dark] .navigation{background:linear-gradient(130deg,#314969bb,#15283ec9 60%,#263e5bab);border-color:#bad7ff52;box-shadow:inset 0 1px 1px #dceaff52,inset 0 -2px 3px #04112166,0 15px 35px #00000052}
html[data-theme=dark] .navigation a{color:#afc2dd}
html[data-theme=dark] .navigation a[aria-current=page]{color:#e0efff;background:linear-gradient(135deg,#93b6e23d,#38628c66);border-color:#b4d4ff57;box-shadow:inset 0 1px 1px #e0eeff59,inset 0 -2px 4px #0517304d,0 5px 10px #0000002e}
html[data-theme=dark] :is(.dashboard-link input,.tile-icon.blue){color:#b3d2ff}
html[data-theme=dark] .device-stat{border-color:#8eaed43d}
html[data-theme=dark] .badge{background:#23533f66;color:#a4dfbf;border-color:#88c7a929;box-shadow:inset 0 1px #b6ffe114}
html[data-theme=dark] .badge.expired{background:#673d2e70;color:#ffc5aa;border-color:#ffb09333}
html[data-theme=dark] :is(.notice,.link-box){background:#81aeec17;color:#bdd2ee;border:1px solid #9fc2ef29}
html[data-theme=dark] .notice.success{background:#23533f55;color:#a4dfbf}
html[data-theme=dark] dialog{background:linear-gradient(135deg,#2d425bf5,#17263af5);color:var(--ink);border-color:#aac9f04d;box-shadow:inset 0 1px 1px #d3e5ff52,0 30px 95px #00000080}
html[data-theme=dark] dialog::backdrop{background:#03091480}
html[data-theme=dark] .sheet-head{background:#253951f5}
html[data-theme=dark] .field :is(input,select){background:#102137a6;border-color:#a4c7f240;color:#ecf2ff}
html[data-theme=dark] input::placeholder{color:#95a9c3}
html[data-theme=dark] .form-error{color:#ffb2b8}
html[data-theme=dark] .result-icon{background:#23533f66;color:#a4dfbf}
html[data-theme=dark] .danger-button{background:linear-gradient(#653e4a,#452834);color:#ffd5d9;border-color:#e2a6b457;box-shadow:inset 0 1px #ffe1e333,0 7px 17px #00000026}
html[data-theme=dark] .danger-button:hover{background:linear-gradient(#754754,#55313f)}
html[data-theme=dark] .review :is(p,label,.review-note,.review-label,.palette-picker>span,.review-bottom,.review-bottom a){color:#a6b9d3}
html[data-theme=dark] .review select{background:#27394ec9;color:#e2edff;border-color:#adcefa40;box-shadow:inset 0 1px #ffffff1a,0 5px 15px #00000017}
html[data-theme=dark] .palette-options button{color:#b9cbe1;background:#293c544d;border-color:#a7c5ef2e;box-shadow:inset 0 1px #ffffff1a}
html[data-theme=dark] .palette-options button[aria-pressed=true]{color:#eff6ff;background:#55779b66;border-color:#b3d5ff73;box-shadow:inset 0 1px #d9eaff42,0 3px 9px #0000001a}
html[data-theme=dark] .review-bottom{border-color:#a7c5ef29}
html[data-theme=dark] .demo-label{color:#a3b8d3;background:#15223766;border-color:#adcfff14}
html[data-theme=dark] #toast{background:#dcecff;color:#13243c;box-shadow:0 6px 30px #0000004d}
@media(max-width:1099px){html[data-theme=dark] .review{background:#152338e6}}
@supports not (backdrop-filter:blur(1px)){html[data-theme=dark] :is(.card,.navigation,dialog){background:#1d3048}}

/* Revised night mode: neutral smoked glass, restrained edges, one blue accent. */
html[data-theme=dark] body{background:radial-gradient(ellipse at 70% 5%,#22242a,transparent 52%),#101113}
html[data-theme=dark] .app-shell{background:radial-gradient(ellipse 310px 350px at 100% 8%,#535a661c,transparent 78%),linear-gradient(160deg,#1a1b1e,#111214 64%,#151619);border-color:#ffffff08;box-shadow:0 20px 80px #00000026}
html[data-theme=dark] :is(.card,.hero,.referral-card){background:linear-gradient(140deg,#ffffff0b,#ffffff04 64%);border-color:#ffffff12;box-shadow:inset 0 1px #ffffff08,0 12px 30px #00000017;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
html[data-theme=dark] .card:before{background:linear-gradient(118deg,#ffffff03,transparent 35%);box-shadow:none}
html[data-theme=dark] :is(.segments,.plan-grid,.dashboard-link){background:#0000001f;border-color:#ffffff0c;box-shadow:inset 0 1px 3px #0000001a}
html[data-theme=dark] :is(.segments button,.plan){color:#b4b5bc}
html[data-theme=dark] :is(.segments button[aria-pressed=true],.plan[aria-pressed=true]){background:linear-gradient(145deg,#424349aa,#2b2c31cc);color:#f2f2f5;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0f,0 3px 9px #00000026;text-shadow:none}
html[data-theme=dark] :is(.secondary,.icon-button,.tile-icon,.platforms button){background:linear-gradient(135deg,#ffffff09,#ffffff04);color:#c3c5cd;border-color:#ffffff12;box-shadow:inset 0 1px #ffffff05}
html[data-theme=dark] :is(.methods button[aria-pressed=true],.platforms button[aria-pressed=true]){color:#d9e4ff;background:#7194e319;border-color:#98b6fb42;box-shadow:inset 0 1px #ffffff05}
html[data-theme=dark] .primary:not(.danger-button){background:linear-gradient(180deg,#527ce0,#3965d0 58%,#315bc3);border-color:#8caaf347;box-shadow:inset 0 1px #dce7ff52,0 5px 17px #00000024;color:#fff;text-shadow:none}
html[data-theme=dark] .primary:not(.danger-button):hover{background:linear-gradient(180deg,#6087e5,#426ed6);box-shadow:inset 0 1px #dce7ff52,0 7px 20px #00000033}
html[data-theme=dark] .primary:before{background:linear-gradient(#ffffff24,transparent);height:42%;opacity:.55}
html[data-theme=dark] .primary:after{opacity:.18}
html[data-theme=dark] .navigation{background:linear-gradient(130deg,#2b2c30cf,#1c1d20e6);border-color:#ffffff19;box-shadow:inset 0 1px #ffffff08,0 12px 30px #00000047}
html[data-theme=dark] .navigation a{color:#a4a6b0}
html[data-theme=dark] .navigation a[aria-current=page]{color:#dfe9ff;background:linear-gradient(145deg,#ffffff0d,#ffffff06);border-color:#ffffff0f;box-shadow:inset 0 1px #ffffff08}
html[data-theme=dark] .navigation a[aria-current=page] svg{color:#aac3ff}
html[data-theme=dark] :is(.dashboard-link input,.tile-icon.blue){color:#b8c2d5}
html[data-theme=dark] .device-stat{border-color:#ffffff12}
html[data-theme=dark] .badge{background:#73b98d12;color:#a1c7ad;border-color:#8bb99b14;box-shadow:none}
html[data-theme=dark] .badge.expired{background:#c28a6117;color:#dcb295;border-color:#dcb29519}
html[data-theme=dark] :is(.notice,.link-box){background:#ffffff05;color:#b6bdca;border-color:#ffffff0f}
html[data-theme=dark] .notice.success{background:#73b98d12;color:#a1c7ad}
html[data-theme=dark] dialog{background:linear-gradient(145deg,#282a2ef5,#1c1d20fa);border-color:#ffffff21;box-shadow:inset 0 1px #ffffff0d,0 25px 80px #00000066}
html[data-theme=dark] dialog::backdrop{background:#00000066}
html[data-theme=dark] .sheet-head{background:#25272af5}
html[data-theme=dark] .field :is(input,select){background:#00000021;border-color:#ffffff1c;color:#eeeef1}
html[data-theme=dark] input::placeholder{color:#999ba5}
html[data-theme=dark] .review :is(p,label,.review-note,.review-label,.palette-picker>span,.review-bottom,.review-bottom a){color:#a1a3ad}
html[data-theme=dark] .review select{background:#242529;color:#dedee5;border-color:#ffffff17;box-shadow:inset 0 1px #ffffff05}
html[data-theme=dark] .palette-options button{color:#a7a9b3;background:#ffffff03;border-color:#ffffff0e;box-shadow:none}
html[data-theme=dark] .palette-options button[aria-pressed=true]{color:#ededf2;background:#ffffff0c;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff08}
html[data-theme=dark] .review-bottom{border-color:#ffffff10}
html[data-theme=dark] .demo-label{color:#999ca7;background:#ffffff02;border-color:#ffffff07}
html[data-theme=dark] #toast{background:#e8e8ec;color:#202125}
@media(max-width:1099px){html[data-theme=dark] .review{background:#1b1c1fe6}}
@supports not (backdrop-filter:blur(1px)){html[data-theme=dark] :is(.card,.navigation,dialog){background:#222326}}