:root{color-scheme:dark;--bg:#030c19;--paper:#08172a;--ink:#e6f3ff;--muted:#91a9c4;--line:#193853;--accent:#44dbff;--accent-dark:#2182d5;--soft:#102d48}
.system-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;min-width:84px;color:#c6dbee;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;letter-spacing:.2px}
body{background:radial-gradient(ellipse at 76% 0%,#0b2848 0,transparent 52%),linear-gradient(90deg,#16304a22 1px,transparent 1px),linear-gradient(#16304a22 1px,transparent 1px),#030c19;background-size:auto,48px 48px,48px 48px,auto}
.sidebar{background:linear-gradient(180deg,#06162a,#030b18);border-right:1px solid #22658c;box-shadow:8px 0 40px #0005}.brand{color:#e8f7ff;font-size:29px;letter-spacing:1px;text-shadow:0 0 25px #30bfff50;flex-wrap:wrap;gap:4px}.brand:before{content:'◈';color:#48deff;font-size:30px;margin-right:6px}.brand span{color:#8cafcc;border:0;padding-left:2px;font-size:10px;letter-spacing:2px}.workspace-tag{color:#769fbe}.live-dot{background:#21ebc5;box-shadow:0 0 12px #21ebc5}.sidebar nav a,.sidebar nav a span{color:#9ebbd5}.sidebar nav a:hover{background:#102a46}.sidebar nav a.active{background:linear-gradient(100deg,#124d91,#0b213c);box-shadow:inset 3px 0 #36dcff,0 0 20px #007fff18;border-radius:5px}.sidebar nav a.active span{color:#ecfbff}.avatar{background:#123a61;border:1px solid #278ec1;color:#7ae7ff}.topbar{background:#041020d9;border-bottom:1px solid #1e4865;color:#80a8c6;backdrop-filter:blur(14px)}.topbar b{color:#d9edff}.content{max-width:1600px}.page-heading h1{text-shadow:0 0 30px #1788da40;font-weight:650}.eyebrow{color:#52d9ff;letter-spacing:2.5px}.panel,.stat-card,.login-card{background:linear-gradient(130deg,#0c2038e8,#051221f5);border:1px solid #245774;border-radius:4px 18px 4px 4px;box-shadow:inset 0 1px #67dfff20,0 12px 30px #0003;position:relative}.panel:before,.stat-card:before,.login-card:before{content:'';position:absolute;top:-1px;left:18px;width:52px;height:2px;background:#4edcff;box-shadow:0 0 12px #4edcff80;pointer-events:none}.panel-title h2{color:#e1f4ff}.stat-top{color:#a8c6de}.stat-top span{color:#45cdff}.stat-number{color:#f0faff;text-shadow:0 0 22px #149bef4d;font-variant-numeric:tabular-nums}.stat-foot{border-color:#214360;color:#8aa9c4}.stat-foot b{color:#57d7ef}.stat-card:hover{border-color:#40b8e2}.hero{background:radial-gradient(ellipse at 70% 90%,#09639566,transparent 50%),linear-gradient(110deg,#0a2845,#051121);border:1px solid #236487;border-radius:4px 22px 4px 4px;min-height:240px;padding-right:36%;box-shadow:inset 0 -1px #31bffb55,0 0 35px #008bdb12}.hero:after{display:none}.hero h2{font-size:30px;max-width:480px}.hero p{color:#94b8d5}.hero>.button{position:absolute;bottom:26px;left:33px}.hero>div:first-child{align-self:flex-start}.hero .eyebrow{color:#46dcff}.holo-globe{position:absolute;right:1%;top:-28px;width:36%;height:300px;pointer-events:none;filter:drop-shadow(0 0 16px #008cff66)}.holo-globe svg{width:100%;height:100%}.orb-ring{transform-origin:200px 175px;animation:orbit 36s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}
button,.button{background:linear-gradient(110deg,#126cbb,#214fc0);border:1px solid #399fdb;color:#f0fbff;border-radius:5px;box-shadow:0 0 16px #087df520}button:hover,.button:hover{background:linear-gradient(110deg,#1588d9,#356bea);border-color:#7edfff}.secondary,.light{background:#102e4b;color:#c0e9ff;border-color:#2b587a}.secondary:hover,.light:hover{background:#194264}.logout{background:transparent;box-shadow:none;border:0}.pill{background:#122a42;color:#a5c1d8;border:1px solid #28445e}.pill.green{background:#063b37;color:#57ebc4;border-color:#17766a}.pill.amber{background:#332c19;color:#efc16f;border-color:#796539}.icon-box{background:#123556;color:#5fdbff;border:1px solid #245d84;border-radius:5px}.format-strip,.tips,.info-box,.detail-grid{background:#091d32;border:1px solid #1c405a;color:#96b4cf}.format-strip b,.tips strong{color:#6edcff}.tips p,.info-box{color:#a3bbd0}label{color:#bad3e8}input,select,textarea{background:#040f20;border-color:#244964;color:#e2f3ff;border-radius:5px}input::placeholder,textarea::placeholder{color:#7290aa}input:focus,select:focus,textarea:focus{border-color:#37c8f1;box-shadow:0 0 0 3px #24bcf318}select option{background:#09192d;color:#e2f3ff}input[type=file]{background:#07182b;border-color:#2d6684}input[type=file]::file-selector-button{background:#153956;color:#9eeaff}th{background:#10253d;color:#91bfdc;border-bottom:1px solid #285273}td{border-color:#19364f}tbody tr:hover{background:#16436025}.empty>span{background:#0c2a43;color:#4db5dd;border:1px solid #205477}.empty strong{color:#a3bfd6}.secret-cell code,.secret-block,.batch-content{background:#020c19;border:1px solid #1d405b;color:#b4e0f1}summary{color:#71cbea}.notice{background:#08382f;border-color:#26785e;color:#a0ebc5}.notice.error{background:#361c2b;color:#ffb8b9;border-color:#844355}.login-card{padding:38px}.login-intro h1{color:#e3f6ff;text-shadow:0 0 35px #008dff55}.login-intro p{color:#94b2cc}.login-badges span{border-color:#275779;color:#77d9ed;background:#09243a}.login-help{color:#8aa5bb}.login-intro .brand{margin-bottom:48px}footer{color:#648aa8;letter-spacing:1px}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#59dfff}
@media(min-width:1450px){.content{padding-top:38px}.stat-number{font-size:40px}.panel{padding:28px}}
@media(max-width:760px){.sidebar{border-right:0}.brand{font-size:24px}.hero{min-height:245px;padding:24px 38% 75px 24px}.hero h2{font-size:22px}.hero>.button{left:24px;bottom:22px;margin:0}.holo-globe{width:48%;right:-6%;top:10px;height:230px}.panel{border-radius:4px 14px 4px 4px}.topbar{gap:12px}.login-layout{margin-top:0}.login-card{padding:25px}.stat-card{padding:16px}.stat-number{font-size:30px}}
@media(prefers-reduced-motion:reduce){.orb-ring{animation:none}}

.hero>div:not(.holo-globe){align-self:flex-start;padding-top:5px}.holo-globe{top:0;height:240px}@media(max-width:760px){.holo-globe{top:10px;height:220px}}

.maker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:20px 0}.maker-card{background:#061525;border:1px solid #245774;border-radius:10px;padding:17px}.maker-card strong{display:block;color:#41e2bd;font-size:28px}.maker-card span,.maker-card small{display:block;color:#9fbfd9}
.import-drop{display:block;text-align:center;padding:28px 16px;border:1px dashed #367294;border-radius:10px;background:#06172a}.import-drop input{margin:18px 0}.import-preview{display:block;color:#9dbbd2;font-size:12px;overflow-wrap:anywhere}.account-import .form-bottom{flex-direction:column;align-items:stretch}.import-confirm{width:100%}

.header-tools{display:flex;align-items:center;gap:18px}.theme-switch{display:flex;gap:4px}.theme-switch button{padding:6px 10px;font-size:12px;background:#10263e;color:#afcce0;border:1px solid #396783;box-shadow:none}.theme-switch button[aria-pressed=true]{background:#1767ad;color:white;border-color:#69d9ff}
html[data-theme=day]{color-scheme:light;--bg:#eef3f8;--paper:#fff;--ink:#172d43;--muted:#526b82;--line:#cad8e5;--accent:#1465aa;--soft:#e4effa}
html[data-theme=day] body{background:#eef3f8;color:#172d43}
html[data-theme=day] .sidebar,html[data-theme=day] .topbar{background:#fff;border-color:#cad8e5;box-shadow:none}
html[data-theme=day] .brand,html[data-theme=day] .topbar b,html[data-theme=day] h1,html[data-theme=day] .panel-title h2{color:#163958;text-shadow:none}
html[data-theme=day] .sidebar nav a,html[data-theme=day] .sidebar nav a span{color:#3d5b75}
html[data-theme=day] .sidebar nav a.active{background:#e0edff;box-shadow:inset 3px 0 #1670c0}
html[data-theme=day] .sidebar nav a.active span{color:#124c85}
html[data-theme=day] .panel,html[data-theme=day] .stat-card,html[data-theme=day] .login-card,html[data-theme=day] .maker-card{background:#fff;border-color:#b9cfdf;box-shadow:0 3px 12px #254c6b08}
html[data-theme=day] .stat-number{color:#123955;text-shadow:none}
html[data-theme=day] .stat-top,html[data-theme=day] label,html[data-theme=day] .system-clock{color:#35526c}
html[data-theme=day] input,html[data-theme=day] select,html[data-theme=day] textarea,html[data-theme=day] select option{background:#fff;color:#17334d;border-color:#a9bfce}
html[data-theme=day] .format-strip,html[data-theme=day] .tips,html[data-theme=day] .info-box,html[data-theme=day] .detail-grid,html[data-theme=day] .import-drop{background:#f1f6fc;color:#47637b;border-color:#bfcedd}
html[data-theme=day] th{background:#e9f1f8;color:#355b78;border-color:#c5d6e3}
html[data-theme=day] td{border-color:#d9e3ed}
html[data-theme=day] .maker-card strong{color:#087c67}
html[data-theme=day] .maker-card span,html[data-theme=day] .maker-card small,html[data-theme=day] .import-preview,html[data-theme=day] .tips p,html[data-theme=day] .empty strong{color:#4b6780}
html[data-theme=day] .secondary,html[data-theme=day] .pill,html[data-theme=day] .theme-switch button{background:#eaf2fa;color:#285675;border-color:#afc8da}
html[data-theme=day] .theme-switch button[aria-pressed=true]{background:#1767ad;color:white}
html[data-theme=day] .secret-cell code,html[data-theme=day] .secret-block,html[data-theme=day] .batch-content{background:#eef4fa;color:#173b59;border-color:#bdcfdc}
html[data-theme=day] .eyebrow,html[data-theme=day] .format-strip b{color:#196fa3}
html[data-theme=day] .login-intro h1{color:#173c5b;text-shadow:none}
@media(max-width:550px){.header-tools{gap:6px}.theme-switch button{padding:5px 6px;font-size:11px}.system-clock{min-width:75px;font-size:11px}.topbar{padding:0 12px;min-height:54px}.topbar>span{font-size:10px}}

button.danger{margin-top:8px;background:#652c38;border-color:#b75868;color:#fff}button.danger:hover{background:#943d50}html[data-theme=day] button.danger{background:#fff0f1;border-color:#c86774;color:#9b263b}