/* ================= FRUTIGER AERO ================= */
:root[data-preset="aero"]{
  --bg:#3f9be0; --panel:rgba(255,255,255,.16); --panel-2:rgba(255,255,255,.16); --line:rgba(255,255,255,.5);
  --fg:#ffffff; --muted:rgba(232,246,255,.86); --accent:#c8f774; --accent-dim:rgba(200,247,116,.2);
  --good:#b4ff86; --bad:#ffb4a6; --warn:#ffe27a; --live:#ff6b5a; --glow:0 0 14px rgba(255,255,255,.55);
  --display:"Segoe UI","Frutiger","Open Sans","Myriad Pro",system-ui,sans-serif;
  --body:"Segoe UI","Frutiger","Open Sans","Myriad Pro",system-ui,sans-serif;
  --mono:"Segoe UI","Open Sans",system-ui,sans-serif;
  --radius:14px; --grid-bg:none; --navy:#0b2f57;
  --glass:linear-gradient(180deg,rgba(255,255,255,.36) 0%,rgba(255,255,255,.08) 42%,rgba(255,255,255,0) 100%),rgba(28,108,196,.34);
  --orb-green:radial-gradient(circle at 50% 30%,#eaffd2 0%,#9be86a 32%,#43b52a 70%,#2b8f1d 100%);
  color-scheme:dark;
}
.aero-bg{display:none}
:root[data-preset="aero"] .aero-bg{display:block;position:fixed;inset:0;z-index:-1;overflow:hidden;
  background:#3f9be0 url("background.jpg") center/cover no-repeat}
:root[data-preset="aero"] .aero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,70,140,.18),rgba(10,70,140,.06) 40%,rgba(0,60,110,.22))}
@keyframes float{50%{transform:translateY(-22px)}}
:root[data-preset="aero"] body{background:transparent;text-shadow:0 1px 2px rgba(0,45,95,.55)}
:root[data-preset="aero"] body{background-color:#3f9be0}
:root[data-preset="aero"] .panel{background:var(--glass);border:1px solid rgba(255,255,255,.6);border-radius:18px;
  -webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 0 0 1px rgba(255,255,255,.12),0 10px 28px rgba(0,55,115,.28)}
:root[data-preset="aero"] .panel>header{border-bottom:1px solid rgba(255,255,255,.35)}
:root[data-preset="aero"] .panel>header h2{font:600 16px/1.2 var(--body);letter-spacing:.01em;text-transform:none}
:root[data-preset="aero"] .label{font:500 12px/1.2 var(--body);letter-spacing:.02em;text-transform:none;color:var(--muted)}
:root[data-preset="aero"] .corner::before,:root[data-preset="aero"] .corner::after{display:none}
:root[data-preset="aero"] .brand h1,:root[data-preset="aero"] .gate h1{font:300 30px/1 var(--display);letter-spacing:.01em}
:root[data-preset="aero"] .brand small{font:400 12.5px/1.4 var(--body);letter-spacing:0}
:root[data-preset="aero"] .reactor{border:1px solid rgba(255,255,255,.8);background:radial-gradient(circle at 50% 28%,#ffffff 0%,#bfe8ff 22%,#3e9be4 62%,#1a63b3 100%);box-shadow:0 0 14px rgba(255,255,255,.6),inset 0 -3px 6px rgba(0,40,100,.35)}
:root[data-preset="aero"] .reactor i{background:var(--orb-green);box-shadow:0 0 8px rgba(180,255,130,.9)}
:root[data-preset="aero"] .clock .t{font:300 34px/1 var(--display)}
:root[data-preset="aero"] .kpi .v{font-weight:300;font-size:28px}
:root[data-preset="aero"] .hc,:root[data-preset="aero"] .plan,:root[data-preset="aero"] .acct,:root[data-preset="aero"] .rec,:root[data-preset="aero"] .pending,:root[data-preset="aero"] .ghost,:root[data-preset="aero"] .sw,:root[data-preset="aero"] .suggest{
  background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.5);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
:root[data-preset="aero"] .rec.top{background:linear-gradient(180deg,rgba(220,255,170,.38),rgba(160,230,110,.12));border-color:rgba(220,255,170,.9)}
:root[data-preset="aero"] .pending{border-style:solid;border-color:rgba(255,226,122,.85)}
:root[data-preset="aero"] .inp,:root[data-preset="aero"] .stepper,:root[data-preset="aero"] .mode{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.6);border-radius:999px;box-shadow:inset 0 2px 4px rgba(0,50,110,.18)}
:root[data-preset="aero"] select.inp,:root[data-preset="aero"] input[type=time].inp{border-radius:12px}
:root[data-preset="aero"] .inp::placeholder{color:rgba(232,246,255,.75)}
:root[data-preset="aero"] .stepper button{background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.12));color:#fff}
:root[data-preset="aero"] .btn,:root[data-preset="aero"] .chip,:root[data-preset="aero"] .pill{border-radius:999px}
:root[data-preset="aero"] .btn,:root[data-preset="aero"] .chip{font:600 13px/1 var(--body);letter-spacing:.01em;text-transform:none;color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.08) 51%,rgba(255,255,255,.22) 100%);
  border:1px solid rgba(255,255,255,.75);box-shadow:0 2px 8px rgba(0,55,115,.25),inset 0 1px 0 rgba(255,255,255,.9)}
:root[data-preset="aero"] .chip[aria-pressed="true"]{background:linear-gradient(180deg,#e9ffd2 0%,#9fe86d 50%,#5cc43a 51%,#7fd957 100%);color:var(--navy);text-shadow:none;border-color:#eaffd9}
:root[data-preset="aero"] .btn.primary{background:linear-gradient(180deg,#eaffd4 0%,#a6ec72 48%,#55bf32 52%,#7ad850 100%);color:var(--navy);text-shadow:0 1px 0 rgba(255,255,255,.6);border-color:#eaffda;box-shadow:0 0 14px rgba(160,240,110,.55),inset 0 1px 0 #fff}
:root[data-preset="aero"] .btn.live{background:linear-gradient(180deg,#ffd9d2 0%,#ff8a74 48%,#e5432c 52%,#f0624a 100%);color:#fff;border-color:#ffe2dc}
:root[data-preset="aero"] .btn.danger{color:#fff;background:linear-gradient(180deg,rgba(255,200,190,.65),rgba(255,120,100,.35) 50%,rgba(230,70,50,.35) 51%,rgba(255,130,110,.45));border-color:rgba(255,215,205,.9)}
:root[data-preset="aero"] .mode button{font:600 13px/1 var(--body);letter-spacing:.04em;color:var(--muted)}
:root[data-preset="aero"] .mode button[aria-pressed="true"].p,:root[data-preset="aero"] .mode.three button[aria-pressed="true"]{background:linear-gradient(180deg,#e9ffd2,#8fe060 50%,#56c034 51%,#79d651);color:var(--navy);text-shadow:none}
:root[data-preset="aero"] .mode.three button[data-v="CAUTIOUS"][aria-pressed="true"]{background:linear-gradient(180deg,#fff6d0,#ffd95a 50%,#f0b52a 51%,#ffcc4a);color:#4a3200}
:root[data-preset="aero"] .mode.three button[data-v="SKIP"][aria-pressed="true"]{background:linear-gradient(180deg,#ffdcd4,#ff8a74 50%,#e5432c 51%,#f0624a);color:#fff}
:root[data-preset="aero"] .pill{background:rgba(255,255,255,.18);font:600 12px/1 var(--body);letter-spacing:.02em;text-transform:none;border-color:rgba(255,255,255,.7)}
:root[data-preset="aero"] .pill.paper{color:#fff} :root[data-preset="aero"] .pill.on{color:var(--good)}
:root[data-preset="aero"] .tabs{border-bottom:0;gap:8px}
:root[data-preset="aero"] .tabs button{border:1px solid rgba(255,255,255,.6);border-radius:999px;font:600 13.5px/1 var(--body);letter-spacing:.01em;text-transform:none;color:#fff;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
:root[data-preset="aero"] .tabs button[aria-selected="true"]{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.28) 50%,rgba(255,255,255,.16) 51%,rgba(255,255,255,.3));color:#fff;border-color:#fff}
:root[data-preset="aero"] th{font:600 12px/1 var(--body);letter-spacing:.02em;text-transform:none;color:var(--muted);border-bottom-color:rgba(255,255,255,.35)}
:root[data-preset="aero"] td{border-bottom-color:rgba(255,255,255,.2)}
:root[data-preset="aero"] tbody tr:hover td{background:rgba(255,255,255,.1)}
:root[data-preset="aero"] .res,:root[data-preset="aero"] .vtag,:root[data-preset="aero"] .ver,:root[data-preset="aero"] .tag{border-radius:999px;font:600 11px/1 var(--body);letter-spacing:.02em;padding:5px 9px;text-shadow:none}
:root[data-preset="aero"] .res.tp,:root[data-preset="aero"] .vtag.TRADE{background:linear-gradient(180deg,#eaffd4,#9fe86d);color:#174d0a}
:root[data-preset="aero"] .res.sl,:root[data-preset="aero"] .vtag.SKIP{background:linear-gradient(180deg,#ffe2dc,#ff9d8a);color:#6a1508}
:root[data-preset="aero"] .res.tm,:root[data-preset="aero"] .vtag.CAUTIOUS{background:linear-gradient(180deg,#fff6d6,#ffd96a);color:#4a3200}
:root[data-preset="aero"] .ver{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.6)}
:root[data-preset="aero"] .bar,:root[data-preset="aero"] .factor .bar,:root[data-preset="aero"] .paper60 .bar,:root[data-preset="aero"] .pat .bar{height:9px;border-radius:999px;background:rgba(255,255,255,.28);box-shadow:inset 0 1px 3px rgba(0,45,100,.35);border:1px solid rgba(255,255,255,.5)}
:root[data-preset="aero"] .bar i,:root[data-preset="aero"] .pat .bar i,:root[data-preset="aero"] .paper60 .bar i,:root[data-preset="aero"] .factor .bar i{border-radius:999px;background:linear-gradient(180deg,#dff4ff 0%,#5bb8f5 50%,#1f84d9 51%,#45a6ee 100%)}
:root[data-preset="aero"] .vword{font:300 34px/1 var(--display);letter-spacing:.04em}
:root[data-preset="aero"] .rv-title{font:300 32px/1.1 var(--display);letter-spacing:0}
:root[data-preset="aero"] .rec .rank{font:300 24px/1 var(--display)}
:root[data-preset="aero"] .sample{border-radius:999px;color:#fff;background:rgba(255,200,60,.35);border-color:rgba(255,230,140,.8)}
:root[data-preset="aero"] .newdot{border-radius:999px;background:var(--orb-green);color:var(--navy);text-shadow:none}
:root[data-preset="aero"] .hc .dot{background:radial-gradient(circle at 40% 30%,#f2ffe6,#7fe04b 55%,#3aa61f)}
:root[data-preset="aero"] .hc.warn .dot{background:radial-gradient(circle at 40% 30%,#fffbe6,#ffd447 55%,#d99a10)}
:root[data-preset="aero"] .hc.fail .dot{background:radial-gradient(circle at 40% 30%,#fff0ec,#ff7a62 55%,#c92e18)}
:root[data-preset="aero"] .gate{background:transparent}
:root[data-preset="aero"] .scrim{background:rgba(0,40,90,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
:root[data-preset="aero"] .modal{background:linear-gradient(180deg,rgba(90,170,235,.92),rgba(40,120,200,.94))}
:root[data-preset="aero"] .toast{border-radius:999px;background:linear-gradient(180deg,rgba(90,170,235,.95),rgba(40,120,200,.95));border-color:#fff}
:root[data-preset="aero"] .why,:root[data-preset="aero"] .rvp,:root[data-preset="aero"] .rec p{color:rgba(240,250,255,.9)}
:root[data-preset="aero"] .pos{color:var(--good)} :root[data-preset="aero"] .neg{color:var(--bad)}
:root[data-preset="aero"] .spark svg path:first-child{fill:rgba(255,255,255,.25)}
:root[data-preset="aero"] .spark svg path:last-child{stroke:#fff}
:root[data-preset="aero"] .spark svg circle{fill:var(--accent)}
/* aero scrollbars: glossy aqua thumb on a frosted track */
:root[data-preset="aero"] .tablewrap,:root[data-preset="aero"] .tabs{scrollbar-width:thin;scrollbar-color:#5bb8f5 rgba(255,255,255,.25)}
:root[data-preset="aero"] .tablewrap::-webkit-scrollbar,:root[data-preset="aero"] .tabs::-webkit-scrollbar{height:12px}
:root[data-preset="aero"] .tablewrap::-webkit-scrollbar-track,:root[data-preset="aero"] .tabs::-webkit-scrollbar-track{background:rgba(255,255,255,.22);border-radius:999px;margin:0 16px;box-shadow:inset 0 1px 3px rgba(0,45,100,.35);border:1px solid rgba(255,255,255,.45)}
:root[data-preset="aero"] .tablewrap::-webkit-scrollbar-thumb,:root[data-preset="aero"] .tabs::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background-clip:padding-box;background-color:#3fa0ec;background-image:linear-gradient(180deg,#e6f6ff 0%,#7cc6f7 48%,#2a8ce0 52%,#5ab4f2 100%)}
:root[data-preset="aero"] .tablewrap::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(180deg,#f0ffe2 0%,#b6ee86 48%,#58c235 52%,#86da5c 100%)}
:root[data-preset="aero"] .tablewrap{padding-bottom:6px}
:root[data-preset="aero"] tbody tr:hover td{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06))}
/* aero sliders: light frosted track, glossy lime fill, glass orb handle */
:root[data-preset="aero"] input[type=range]{-webkit-appearance:none;appearance:none;height:22px;background:transparent;cursor:pointer}
:root[data-preset="aero"] input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 3px rgba(0,45,100,.25);
  background:linear-gradient(180deg,#f2ffe4 0%,#b4ee86 48%,#67c843 52%,#8ddd63 100%) 0 0/var(--p,50%) 100% no-repeat,linear-gradient(180deg,rgba(255,255,255,.75),rgba(225,242,255,.55))}
:root[data-preset="aero"] input[type=range]::-moz-range-track{height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.75);background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(225,242,255,.55))}
:root[data-preset="aero"] input[type=range]::-moz-range-progress{height:10px;border-radius:999px;background:linear-gradient(180deg,#f2ffe4 0%,#b4ee86 48%,#67c843 52%,#8ddd63 100%)}
:root[data-preset="aero"] input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-7px;border-radius:50%;border:1px solid #fff;
  background:radial-gradient(circle at 50% 30%,#ffffff 0%,#d9f1ff 30%,#6dbbf2 70%,#2f8ddb 100%);box-shadow:0 2px 6px rgba(0,50,110,.35),0 0 8px rgba(255,255,255,.6)}
:root[data-preset="aero"] input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:1px solid #fff;background:radial-gradient(circle at 50% 30%,#ffffff 0%,#d9f1ff 30%,#6dbbf2 70%,#2f8ddb 100%);box-shadow:0 2px 6px rgba(0,50,110,.35)}
:root[data-preset="aero"] .amday{background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.5);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
:root[data-preset="aero"] .amday .n{font-weight:300;font-size:24px}
.aclock{display:none;width:64px;height:64px;flex:none}
:root[data-preset="aero"] .aclock{display:block}
:root[data-preset="aero"] .clockwrap{display:flex;align-items:center;gap:12px}