/* GENERATED by tools/gen_themes.py — edit the THEMES list there, not this file. */
:root[data-palette="corporate"]{
  color-scheme:light;
  --bg:hsl(215 10% 94%); --surface:#FFFFFF; --sunk:hsl(215 10% 96.5%); --ink:hsl(215 20% 11%); --muted:hsl(215 10% 37%); --faint:hsl(215 10% 55%);
  --line:hsl(215 10% 84%); --line-strong:hsl(215 10% 73%); --accent:#1F5FAD; --accent-ink:#FFFFFF; --accent-soft:color-mix(in srgb, #1F5FAD 14%, #FFFFFF); --bar:color-mix(in srgb, #1F5FAD 40%, #FFFFFF);
  --top-bg:#1F2A37; --top-grad:#1F2A37; --top-ink:#EEF1F4;
  --top-muted:color-mix(in srgb, #FFFFFF 62%, #1F2A37); --top-line:color-mix(in srgb, #FFFFFF 18%, #1F2A37);
  --top-field:color-mix(in srgb, #000000 35%, #1F2A37); --top-field-ink:#EEF1F4;
  --top-accent:#8DB8EC; --top-accent-ink:#1F2A37; --bg-image:none;
}
:root[data-palette="corporate"][data-theme="dark"]{
  color-scheme:dark;
  --bg:hsl(215 10% 7%); --surface:hsl(215 10% 10%); --sunk:hsl(215 10% 12.5%); --ink:hsl(215 10% 90%); --muted:hsl(215 8% 63%); --faint:hsl(215 10% 45%);
  --line:hsl(215 10% 17%); --line-strong:hsl(215 10% 24%); --accent:#5B9BE0; --accent-ink:#08090A; --accent-soft:color-mix(in srgb, #5B9BE0 22%, hsl(215 10% 10%)); --bar:color-mix(in srgb, #5B9BE0 40%, hsl(215 10% 10%));
  --top-bg:#111827; --top-grad:#111827; --top-ink:#EEF1F4;
  --top-muted:color-mix(in srgb, #FFFFFF 62%, #111827); --top-line:color-mix(in srgb, #FFFFFF 18%, #111827);
  --top-field:color-mix(in srgb, #000000 35%, #111827); --top-field-ink:#EEF1F4;
  --top-accent:#8DB8EC; --top-accent-ink:#111827; --bg-image:none;
}
:root[data-palette="classic-pc"],:root[data-palette="classic-pc"][data-theme="dark"],:root[data-palette="classic-pc"][data-theme="light"]{
  color-scheme:light;
  --bg:#008080; --surface:#C0C0C0; --sunk:#D4D0C8; --ink:#000000; --muted:#222222; --faint:#555555;
  --line:#808080; --line-strong:#404040; --accent:#000080; --accent-ink:#FFFFFF; --accent-soft:#A6B4DA; --bar:#000080;
  --top-bg:#000080; --top-grad:linear-gradient(90deg,#000080,#1084D0); --top-ink:#EEF1F4;
  --top-muted:color-mix(in srgb, #FFFFFF 62%, #000080); --top-line:color-mix(in srgb, #FFFFFF 18%, #000080);
  --top-field:#FFFFFF; --top-field-ink:#000000;
  --top-accent:#FFFFFF; --top-accent-ink:#000080; --bg-image:none;
  --font-b:Tahoma,"MS Sans Serif","Segoe UI",Arial,sans-serif;
  --font-d:Tahoma,"MS Sans Serif",Arial,sans-serif;
}
:root[data-palette="classic-pc"] .pick,:root[data-palette="classic-pc"] .spec,:root[data-palette="classic-pc"] .vcard,:root[data-palette="classic-pc"] .line-card,:root[data-palette="classic-pc"] .facts,:root[data-palette="classic-pc"] .tbl-wrap,:root[data-palette="classic-pc"] .platform,:root[data-palette="classic-pc"] .stub,:root[data-palette="classic-pc"] .chart-box,:root[data-palette="classic-pc"] .modal,:root[data-palette="classic-pc"] .v3d,:root[data-palette="classic-pc"] .photo-zoom,:root[data-palette="classic-pc"] .thumb,:root[data-palette="classic-pc"] .pal{border-radius:0;border:2px solid;border-color:#FFFFFF #404040 #404040 #FFFFFF;box-shadow:inset -1px -1px 0 #808080,inset 1px 1px 0 #DFDFDF}
:root[data-palette="classic-pc"] .side{background:#C0C0C0;border-right:2px solid #404040}
:root[data-palette="classic-pc"] .main{background:#008080}
:root[data-palette="classic-pc"] #view{background:#C0C0C0;border:2px solid;border-color:#FFFFFF #404040 #404040 #FFFFFF;padding-top:18px;margin-top:14px;margin-bottom:14px}
:root[data-palette="classic-pc"] h1,:root[data-palette="classic-pc"] h2,:root[data-palette="classic-pc"] h3,:root[data-palette="classic-pc"] .v-btn,:root[data-palette="classic-pc"] .brand{text-transform:none;letter-spacing:0}
:root[data-palette="classic-pc"] .search input,:root[data-palette="classic-pc"] .top-filters select{border-radius:0;border:2px inset #DFDFDF}
:root[data-palette="classic-pc"] .chip,:root[data-palette="classic-pc"] .seg,:root[data-palette="classic-pc"] .seg-btn,:root[data-palette="classic-pc"] .look-tabs button,:root[data-palette="classic-pc"] .v3d-bar button,:root[data-palette="classic-pc"] .gear,:root[data-palette="classic-pc"] .modal-done{border-radius:0}
:root[data-palette="classic-pc"] .brand-mark{border-color:#FFFFFF}:root[data-palette="classic-pc"] .brand-mark::before{background:#FFFFFF}
:root[data-palette="matrix"],:root[data-palette="matrix"][data-theme="dark"],:root[data-palette="matrix"][data-theme="light"]{
  color-scheme:dark;
  --bg:#000000; --surface:#020B03; --sunk:#041407; --ink:#00FF41; --muted:#00C833; --faint:#0B8A2A;
  --line:#0A3314; --line-strong:#12601F; --accent:#39FF14; --accent-ink:#000000; --accent-soft:#003D0F; --bar:#00B82E;
  --top-bg:#000000; --top-grad:#000000; --top-ink:#00FF41;
  --top-muted:#00B82E; --top-line:#0A4A18;
  --top-field:#001A06; --top-field-ink:#00FF41;
  --top-accent:#00FF41; --top-accent-ink:#000000; --bg-image:repeating-linear-gradient(0deg, rgba(0,255,65,.045) 0 1px, transparent 1px 3px);
  --font-b:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --font-d:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --font-m:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
}
:root[data-palette="matrix"] h1,:root[data-palette="matrix"] h2,:root[data-palette="matrix"] .brand,:root[data-palette="matrix"] .pick .cpu,:root[data-palette="matrix"] .tagline{text-shadow:0 0 8px rgba(0,255,65,.7)}
:root[data-palette="matrix"] .chip.type{background:#00FF41 !important;color:#000 !important}
:root[data-palette="matrix"] .main,:root[data-palette="matrix"] .side{background:transparent}
:root[data-palette="matrix"] .top{border-bottom:1px solid #00FF41;box-shadow:0 0 18px rgba(0,255,65,.25)}
:root[data-palette="miami"],:root[data-palette="miami"][data-theme="dark"],:root[data-palette="miami"][data-theme="light"]{
  color-scheme:dark;
  --bg:#1A0033; --surface:#240845; --sunk:#2E0C57; --ink:#FFF3FC; --muted:#F5B3E6; --faint:#B47CCB;
  --line:#4B1678; --line-strong:#7A26B3; --accent:#FF2E97; --accent-ink:#1A0033; --accent-soft:#4E0C4F; --bar:#00E5FF;
  --top-bg:#8A2BE2; --top-grad:linear-gradient(90deg,#FF2E97 0%,#B01EEB 45%,#00D4FF 100%); --top-ink:#FFFFFF;
  --top-muted:#FFE3F4; --top-line:rgba(255,255,255,.45);
  --top-field:rgba(26,0,51,.55); --top-field-ink:#FFFFFF;
  --top-accent:#FFF36B; --top-accent-ink:#8A2BE2; --bg-image:linear-gradient(165deg,#1A0033 0%,#33005A 40%,#4A0A5E 62%,#0B2447 100%);
  --font-d:"Orbitron","Barlow Condensed","Arial Narrow",sans-serif;
}
:root[data-palette="miami"] h1{text-shadow:0 0 10px #FF2E97,0 0 26px rgba(255,46,151,.55);color:#FFF}
:root[data-palette="miami"] h2,:root[data-palette="miami"] h3{color:#00E5FF;text-shadow:0 0 8px rgba(0,229,255,.55)}
:root[data-palette="miami"] .brand,:root[data-palette="miami"] .brand b{color:#FFFFFF;text-shadow:0 0 8px rgba(255,255,255,.6)}
:root[data-palette="miami"] .main,:root[data-palette="miami"] .side{background:transparent}
:root[data-palette="miami"] .side{background:rgba(26,0,51,.55)}
:root[data-palette="miami"] .pick:first-child,:root[data-palette="miami"] .pal.on{box-shadow:0 0 0 1px #FF2E97,0 0 18px rgba(255,46,151,.45)}
:root[data-palette="miami"] .chip.type{background:#00E5FF !important;color:#1A0033 !important}
:root[data-palette="amber"],:root[data-palette="amber"][data-theme="dark"],:root[data-palette="amber"][data-theme="light"]{
  color-scheme:dark;
  --bg:#0A0600; --surface:#140C00; --sunk:#1C1100; --ink:#FFB000; --muted:#E09A00; --faint:#9A6A00;
  --line:#3A2600; --line-strong:#5E3F00; --accent:#FFD24A; --accent-ink:#0A0600; --accent-soft:#3A2A00; --bar:#FFB000;
  --top-bg:#000000; --top-grad:#000000; --top-ink:#FFB000;
  --top-muted:#C98A00; --top-line:#4A3000;
  --top-field:#140C00; --top-field-ink:#FFB000;
  --top-accent:#FFB000; --top-accent-ink:#000000; --bg-image:repeating-linear-gradient(0deg, rgba(255,176,0,.04) 0 1px, transparent 1px 3px);
  --font-b:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --font-d:"VT323","IBM Plex Mono",ui-monospace,Consolas,monospace;
  --font-m:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
}
:root[data-palette="amber"] h1,:root[data-palette="amber"] h2,:root[data-palette="amber"] .brand,:root[data-palette="amber"] .tagline{text-shadow:0 0 8px rgba(255,176,0,.65)}
:root[data-palette="amber"] h1{font-size:clamp(40px,5.5vw,64px)}
:root[data-palette="amber"] .main,:root[data-palette="amber"] .side{background:transparent}
:root[data-palette="amber"] .chip.type{background:#FFB000 !important;color:#0A0600 !important}
:root[data-palette="outrun"],:root[data-palette="outrun"][data-theme="dark"],:root[data-palette="outrun"][data-theme="light"]{
  color-scheme:dark;
  --bg:#12022E; --surface:#1C0845; --sunk:#250B57; --ink:#FDF4FF; --muted:#D6B8FF; --faint:#9A7AC8;
  --line:#3D1A70; --line-strong:#6B2FB0; --accent:#FF6C11; --accent-ink:#12022E; --accent-soft:#4A1A3A; --bar:#FD3777;
  --top-bg:#F6019D; --top-grad:linear-gradient(90deg,#FF6C11,#FD3777 45%,#8A00D4); --top-ink:#FFFFFF;
  --top-muted:#FFE0F0; --top-line:rgba(255,255,255,.45);
  --top-field:rgba(18,2,46,.55); --top-field-ink:#FFFFFF;
  --top-accent:#FFD319; --top-accent-ink:#F6019D; --bg-image:linear-gradient(180deg,#12022E 0%,#2B0A5A 55%,#6A0F6B 85%,#FF6C11 130%);
  --font-d:"Orbitron","Barlow Condensed","Arial Narrow",sans-serif;
}
:root[data-palette="outrun"] h1{background:linear-gradient(180deg,#FFD319,#FF6C11 55%,#FD3777);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-palette="outrun"] h2,:root[data-palette="outrun"] h3{color:#FFD319}
:root[data-palette="outrun"] .main,:root[data-palette="outrun"] .side{background:transparent}
:root[data-palette="outrun"] .side{background:rgba(18,2,46,.6)}
:root[data-palette="outrun"] .chip.type{background:#FD3777 !important;color:#FFF !important}
:root[data-palette="tron"],:root[data-palette="tron"][data-theme="dark"],:root[data-palette="tron"][data-theme="light"]{
  color-scheme:dark;
  --bg:#000810; --surface:#001426; --sunk:#001B33; --ink:#E0FAFF; --muted:#7FDBFF; --faint:#3A7A99;
  --line:#003A5C; --line-strong:#0077B3; --accent:#00E5FF; --accent-ink:#00121F; --accent-soft:#00324A; --bar:#00E5FF;
  --top-bg:#00050C; --top-grad:#00050C; --top-ink:#E0FAFF;
  --top-muted:#7FDBFF; --top-line:#005B8F;
  --top-field:#001426; --top-field-ink:#E0FAFF;
  --top-accent:#00E5FF; --top-accent-ink:#00050C; --bg-image:none;
  --font-d:"Orbitron","Barlow Condensed","Arial Narrow",sans-serif;
}
:root[data-palette="tron"] .pick,:root[data-palette="tron"] .spec,:root[data-palette="tron"] .vcard,:root[data-palette="tron"] .line-card,:root[data-palette="tron"] .facts,:root[data-palette="tron"] .tbl-wrap,:root[data-palette="tron"] .platform,:root[data-palette="tron"] .v3d{box-shadow:0 0 0 1px rgba(0,229,255,.35),0 0 14px rgba(0,229,255,.12)}
:root[data-palette="tron"] h1,:root[data-palette="tron"] .brand{text-shadow:0 0 10px rgba(0,229,255,.8)}
:root[data-palette="tron"] .top{border-bottom:1px solid #00E5FF;box-shadow:0 0 16px rgba(0,229,255,.35)}
:root[data-palette="tron"] .chip.type{background:#00E5FF !important;color:#00121F !important}
:root[data-palette="classic-mac"],:root[data-palette="classic-mac"][data-theme="dark"],:root[data-palette="classic-mac"][data-theme="light"]{
  color-scheme:light;
  --bg:#6E7FB5; --surface:#DDDDDD; --sunk:#EEEEEE; --ink:#000000; --muted:#333333; --faint:#666666;
  --line:#999999; --line-strong:#555555; --accent:#3333AA; --accent-ink:#FFFFFF; --accent-soft:#CCCCFF; --bar:#3333AA;
  --top-bg:#E8E8E8; --top-grad:linear-gradient(180deg,#F4F4F4,#D6D6D6); --top-ink:#000000;
  --top-muted:#333333; --top-line:#8C8C8C;
  --top-field:#FFFFFF; --top-field-ink:#000000;
  --top-accent:#000000; --top-accent-ink:#E8E8E8; --bg-image:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 2px,transparent 2px 4px),linear-gradient(180deg,#7486BD,#5E6FA6);
  --font-b:"Geneva","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-d:"Chicago","ChicagoFLF","Charcoal","Pixelify Sans","Geneva",sans-serif;
  --font-m:"Monaco","IBM Plex Mono",ui-monospace,monospace;
}
:root[data-palette="classic-mac"] .pick,:root[data-palette="classic-mac"] .spec,:root[data-palette="classic-mac"] .vcard,:root[data-palette="classic-mac"] .line-card,:root[data-palette="classic-mac"] .facts,:root[data-palette="classic-mac"] .tbl-wrap,:root[data-palette="classic-mac"] .platform,:root[data-palette="classic-mac"] .stub,:root[data-palette="classic-mac"] .modal,:root[data-palette="classic-mac"] .v3d,:root[data-palette="classic-mac"] .photo-zoom,:root[data-palette="classic-mac"] .thumb,:root[data-palette="classic-mac"] .pal{border-radius:0;border:1px solid #555;box-shadow:inset 1px 1px 0 #FFFFFF,inset -1px -1px 0 #AAAAAA,1px 1px 0 #555}
:root[data-palette="classic-mac"] .side{background:#DDDDDD;border-right:1px solid #555}
:root[data-palette="classic-mac"] .main{background:transparent}
:root[data-palette="classic-mac"] #view{background:#DDDDDD;border:1px solid #555;box-shadow:inset 1px 1px 0 #FFF,inset -1px -1px 0 #999,2px 2px 0 rgba(0,0,0,.35);padding-top:18px;margin-top:14px;margin-bottom:14px}
:root[data-palette="classic-mac"] .sec-head{background:repeating-linear-gradient(180deg,#E6E6E6 0 1px,#BDBDBD 1px 2px);color:#000;border-top:1px solid #777}
:root[data-palette="classic-mac"] .sec-head .cnt{color:#000}
:root[data-palette="classic-mac"] h1,:root[data-palette="classic-mac"] h2,:root[data-palette="classic-mac"] h3,:root[data-palette="classic-mac"] .v-btn,:root[data-palette="classic-mac"] .brand{text-transform:none;letter-spacing:0}
:root[data-palette="classic-mac"] .top{border-bottom:1px solid #777;box-shadow:0 1px 0 #FFF inset}
:root[data-palette="classic-mac"] .search input,:root[data-palette="classic-mac"] .top-filters select{border-radius:0;border:1px solid #777;box-shadow:inset 1px 1px 0 #AAA}
:root[data-palette="classic-mac"] .chip,:root[data-palette="classic-mac"] .seg-btn,:root[data-palette="classic-mac"] .look-tabs button,:root[data-palette="classic-mac"] .v3d-bar button,:root[data-palette="classic-mac"] .gear,:root[data-palette="classic-mac"] .fav-btn{border-radius:5px;border:1px solid #555;background:linear-gradient(180deg,#FAFAFA,#D0D0D0);color:#000}
:root[data-palette="classic-mac"] .modal-done{border-radius:6px;box-shadow:0 0 0 3px #DDD,0 0 0 4px #000}
:root[data-palette="classic-mac"] .chip.type{background:#CCCCFF !important;color:#000 !important}
:root[data-palette="classic-mac"] .m-link[aria-current="page"]{background:#CCCCFF;border-left-color:#3333AA}
:root[data-palette="classic-mac"] .brand-mark{border-color:#000}:root[data-palette="classic-mac"] .brand-mark::before{background:#000}
:root[data-palette="mac-bw"],:root[data-palette="mac-bw"][data-theme="dark"],:root[data-palette="mac-bw"][data-theme="light"]{
  color-scheme:light;
  --bg:#FFFFFF; --surface:#FFFFFF; --sunk:#FFFFFF; --ink:#000000; --muted:#000000; --faint:#000000;
  --line:#000000; --line-strong:#000000; --accent:#000000; --accent-ink:#FFFFFF; --accent-soft:#FFFFFF; --bar:#000000;
  --top-bg:#FFFFFF; --top-grad:#FFFFFF; --top-ink:#000000;
  --top-muted:#000000; --top-line:#000000;
  --top-field:#FFFFFF; --top-field-ink:#000000;
  --top-accent:#000000; --top-accent-ink:#FFFFFF; --bg-image:repeating-conic-gradient(#000 0 25%,#FFF 0 50%) 0 0/2px 2px;
  --font-b:"Geneva","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-d:"Chicago","ChicagoFLF","Charcoal","Pixelify Sans","Geneva",sans-serif;
  --font-m:"Monaco","IBM Plex Mono",ui-monospace,monospace;
}
:root[data-palette="mac-bw"] .main{background:transparent}
:root[data-palette="mac-bw"] .side{background:#FFFFFF;border-right:2px solid #000}
:root[data-palette="mac-bw"] #view{background:#FFFFFF;border:1px solid #000;box-shadow:2px 2px 0 #000;padding-top:0;margin:16px 16px 16px 12px}
:root[data-palette="mac-bw"] #view::before{content:"";display:block;height:14px;margin:6px -1px 14px;background:repeating-linear-gradient(180deg,#000 0 1px,#FFF 1px 2px);border-bottom:1px solid #000}
:root[data-palette="mac-bw"] .pick,:root[data-palette="mac-bw"] .spec,:root[data-palette="mac-bw"] .vcard,:root[data-palette="mac-bw"] .line-card,:root[data-palette="mac-bw"] .facts,:root[data-palette="mac-bw"] .tbl-wrap,:root[data-palette="mac-bw"] .platform,:root[data-palette="mac-bw"] .stub,:root[data-palette="mac-bw"] .modal,:root[data-palette="mac-bw"] .v3d,:root[data-palette="mac-bw"] .photo-zoom,:root[data-palette="mac-bw"] .thumb,:root[data-palette="mac-bw"] .pal{border-radius:0;border:1px solid #000;box-shadow:1px 1px 0 #000;background:#FFF}
:root[data-palette="mac-bw"] .sec-head{background:#FFFFFF;color:#000;border-top:2px solid #000;border-bottom:1px solid #000}
:root[data-palette="mac-bw"] .sec-head .cnt,:root[data-palette="mac-bw"] .cnt,:root[data-palette="mac-bw"] .yr,:root[data-palette="mac-bw"] .dim,:root[data-palette="mac-bw"] .caret,:root[data-palette="mac-bw"] .eyebrow,:root[data-palette="mac-bw"] .auto-note,:root[data-palette="mac-bw"] .pm-name{color:#000 !important}
:root[data-palette="mac-bw"] h1,:root[data-palette="mac-bw"] h2,:root[data-palette="mac-bw"] h3,:root[data-palette="mac-bw"] .v-btn,:root[data-palette="mac-bw"] .brand{text-transform:none;letter-spacing:0}
:root[data-palette="mac-bw"] .top{border-bottom:2px solid #000}
:root[data-palette="mac-bw"] .search input,:root[data-palette="mac-bw"] .top-filters select{border-radius:0;border:1px solid #000;background:#FFF;color:#000}
:root[data-palette="mac-bw"] .chip,:root[data-palette="mac-bw"] .seg-btn,:root[data-palette="mac-bw"] .look-tabs button,:root[data-palette="mac-bw"] .v3d-bar button,:root[data-palette="mac-bw"] .gear,:root[data-palette="mac-bw"] .fav-btn{border-radius:6px;border:1px solid #000;background:#FFF;color:#000}
:root[data-palette="mac-bw"] .modal-done{border-radius:8px;box-shadow:0 0 0 2px #FFF,0 0 0 5px #000}
:root[data-palette="mac-bw"] .chip.type,:root[data-palette="mac-bw"] .m-link[aria-current="page"],:root[data-palette="mac-bw"] .seg-btn.on,:root[data-palette="mac-bw"] .pal.on,:root[data-palette="mac-bw"] .look-tabs [aria-selected="true"],:root[data-palette="mac-bw"] .fav-btn[aria-pressed="true"]{background:#000 !important;color:#FFF !important}
:root[data-palette="mac-bw"] .m-link:hover,:root[data-palette="mac-bw"] .v-btn:hover,:root[data-palette="mac-bw"] .l-btn:hover,:root[data-palette="mac-bw"] .s-btn:hover{background:#000;color:#FFF}
:root[data-palette="mac-bw"] .m-link:hover *,:root[data-palette="mac-bw"] .v-btn:hover *,:root[data-palette="mac-bw"] .l-btn:hover *,:root[data-palette="mac-bw"] .s-btn:hover *{color:#FFF !important}
:root[data-palette="mac-bw"] .m-link .full{background:#000}
:root[data-palette="mac-bw"] .seg-chip,:root[data-palette="mac-bw"] .chip{background:#FFF;color:#000;border:1px solid #000}
:root[data-palette="mac-bw"] .seg-chip:hover{background:#000;color:#FFF}
:root[data-palette="mac-bw"] a{color:#000;text-decoration:underline}
:root[data-palette="mac-bw"] .brand-mark{border-color:#000}:root[data-palette="mac-bw"] .brand-mark::before{background:#000}
:root[data-palette="mac-bw"] img{filter:grayscale(1) contrast(1.1)}
:root[data-palette="racing"],:root[data-palette="racing"][data-theme="dark"],:root[data-palette="racing"][data-theme="light"]{
  color-scheme:dark;
  --bg:#0C0000; --surface:#1A0404; --sunk:#240606; --ink:#FFF1EC; --muted:#FFB4A1; --faint:#B9776A;
  --line:#3E0E0E; --line-strong:#7A1616; --accent:#FF3B00; --accent-ink:#FFFFFF; --accent-soft:#4A0A00; --bar:#FFB800;
  --top-bg:#7A0000; --top-grad:linear-gradient(90deg,#000000,#7A0000 40%,#FF3B00); --top-ink:#FFFFFF;
  --top-muted:#FFD7CC; --top-line:rgba(255,255,255,.35);
  --top-field:rgba(0,0,0,.45); --top-field-ink:#FFFFFF;
  --top-accent:#FFD166; --top-accent-ink:#7A0000; --bg-image:none;
}
:root[data-palette="racing"] h2,:root[data-palette="racing"] h3{color:#FFD166}
:root[data-palette="racing"] .chip.type{background:#FF3B00 !important;color:#FFF !important}
:root[data-palette="beach"],:root[data-palette="beach"][data-theme="dark"],:root[data-palette="beach"][data-theme="light"]{
  color-scheme:light;
  --bg:#FFF4D6; --surface:#FFFFFF; --sunk:#FFF9E8; --ink:#1B1B3A; --muted:#5A4A7A; --faint:#8A7AA6;
  --line:#FFD27A; --line-strong:#FFB23F; --accent:#FF3D7F; --accent-ink:#FFFFFF; --accent-soft:#FFE0EC; --bar:#00C2A8;
  --top-bg:#00C2A8; --top-grad:linear-gradient(90deg,#00C2A8,#00A6FF 50%,#FF3D7F); --top-ink:#FFFFFF;
  --top-muted:#EFFFFB; --top-line:rgba(255,255,255,.55);
  --top-field:rgba(255,255,255,.2); --top-field-ink:#FFFFFF;
  --top-accent:#FFF36B; --top-accent-ink:#00C2A8; --bg-image:linear-gradient(160deg,#FFF4D6 0%,#FFE6F0 60%,#DFF9F4 100%);
}
:root[data-palette="beach"] h1{color:#FF3D7F}
:root[data-palette="beach"] h2,:root[data-palette="beach"] h3{color:#00A38D}
:root[data-palette="beach"] .main{background:transparent}
:root[data-palette="beach"] .chip.type{background:#00C2A8 !important;color:#FFF !important}