@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* 0.8.5.0: stand-ins for the Windows themes (Selawik = open Segoe UI substitute, DejaVu Sans = Verdana/Tahoma-like); the real fonts are used where installed */
@font-face{font-family:'Selawik';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/selawik-400-normal.woff2) format('woff2')}
@font-face{font-family:'Selawik';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/selawik-700-normal.woff2) format('woff2')}
@font-face{font-family:'DejaVu Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dejavu-sans-400-normal.woff2) format('woff2')}
@font-face{font-family:'DejaVu Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dejavu-sans-700-normal.woff2) format('woff2')}
@font-face{font-family:'Arimo';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/arimo-400-normal.woff2) format('woff2')}
@font-face{font-family:'Arimo';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/arimo-700-normal.woff2) format('woff2')}
/* Design tokens. The light theme only overrides these in :root[data-theme=light]. */
:root{
--bg:#0B0F14;--ink:#fff;--mut:rgba(255,255,255,.8);--line:rgba(255,255,255,.22);
--acc:#F6C84C;--on-acc:#1B1405;--mint:#7FE0CF;--on-mint:#1B1405;
--field:rgba(255,255,255,.92);--field-ink:#14131F;--ph:#5B5870;
--blob-1:#7B3FA8;--blob-2:#1F8F80;--blob-3:#C9852B;--blob-4:#3A4FD0;
--glass-bg:linear-gradient(135deg,rgba(255,255,255,calc(.2*var(--ga))),rgba(255,255,255,calc(.06*var(--ga))));
--glass-tint:rgba(11,15,20,calc(.42*var(--gt)));
--glass-line:rgba(255,255,255,.22);
--glass-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(255,255,255,.08),0 12px 32px rgba(0,0,0,.35);
--glass-blur:blur(26px) saturate(170%);
--glass-solid:#171C24;
--card-bg:linear-gradient(135deg,rgba(255,255,255,calc(.14*var(--ga))),rgba(255,255,255,calc(.05*var(--ga)))),linear-gradient(rgba(11,15,20,calc(.25*var(--gt))),rgba(11,15,20,calc(.25*var(--gt))));
--card-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 22px rgba(0,0,0,.3);
--pill-bg:rgba(255,255,255,calc(.1*var(--ga)));--pill-line:rgba(255,255,255,.25);--chip-line:rgba(255,255,255,.22);
--pill-on-bg:rgba(255,255,255,.92);--pill-on-ink:#14131F;
--menu-bg:rgba(20,25,33,.96);
--scrim:rgba(5,8,12,.6);--status-tint:rgba(11,15,20,.32);--sheet-bar:rgba(23,28,36,.88);--sheet-glass:rgba(23,28,36,.55);
--hover:rgba(255,255,255,.12);--code-bg:rgba(255,255,255,.12);
--tab-on-bg:rgba(255,255,255,.24);--tab-on-shadow:inset 0 1px 0 rgba(255,255,255,.5);--tabs-tint:rgba(11,15,20,calc(.5*var(--gt)));
--dhead-fade:linear-gradient(rgba(23,28,36,.9),rgba(23,28,36,0));
--book-backdrop:radial-gradient(ellipse 420px 420px at 10% 4%,rgba(143,42,58,.7),transparent 70%),radial-gradient(ellipse 360px 360px at 96% 28%,rgba(58,79,208,.55),transparent 70%),radial-gradient(ellipse 360px 320px at 6% 100%,rgba(201,133,43,.5),transparent 70%),#0B0F14;
--lb-scrim:rgba(5,8,12,.8);
--cover-shadow:0 8px 18px rgba(0,0,0,.35);--cover-shadow-l:0 14px 30px rgba(0,0,0,.5);--cover-shadow-xl:0 20px 50px rgba(0,0,0,.6);--menu-shadow:0 8px 24px rgba(0,0,0,.45);
--sel-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
--opt-ink:#14131F;--opt-bg:#fff;
--card-solid:#1C222C;--pill-bg-solid:rgba(255,255,255,.14);
--r-bar:32px;--r-card:24px;--r-row:26px;--r-cover:16px;--r-cover-s:10px;--r-chip:18px;--r-sheet:36px;
--chip-h:36px;--field-h:42px;--gap:16px;--edge:20px;
--sans:'Bricolage Grotesque',system-ui,-apple-system,"Segoe UI",sans-serif;
--mono:'DM Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
--serif:'Instrument Serif',Georgia,serif;
--danger:#FF8F8F;--danger-fill:#C5352F;--ga:1;--gt:1;--rk:0px;--tile-pad:0;--tile-r:0;
--nav-b:max(10px,calc(env(safe-area-inset-bottom) - 12px));--bar-h:64px;--sb-w:256px;
color-scheme:dark}
/* light glass: milky white glass on a warm paper ground; amber and petrol replace yellow and mint */
:root[data-theme=light]{
--danger:#B3261E;--bg:#F4F1EC;--ink:#1A1712;--mut:rgba(26,23,18,.68);--line:rgba(26,23,18,.14);
--acc:#E0A02A;--on-acc:#1B1405;--mint:#0F6E63;--on-mint:#fff;
--field:#fff;--field-ink:#1A1712;--ph:#6B6878;
--blob-1:#C9A6E8;--blob-2:#8FD9CB;--blob-3:#F2C58A;--blob-4:#A9B6F5;
--glass-bg:linear-gradient(135deg,rgba(255,255,255,calc(.72*var(--ga))),rgba(255,255,255,calc(.42*var(--ga))));
--glass-tint:rgba(255,255,255,calc(.2*var(--gt)));
--glass-line:rgba(255,255,255,.75);
--glass-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(26,23,18,.05),0 12px 32px rgba(70,50,20,.12);
--glass-solid:#FBF9F6;
--card-bg:linear-gradient(135deg,rgba(255,255,255,calc(.7*var(--ga))),rgba(255,255,255,calc(.4*var(--ga))));
--card-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(26,23,18,.04),0 8px 22px rgba(70,50,20,.1);
--pill-bg:rgba(255,255,255,calc(.55*var(--ga)));--pill-line:rgba(26,23,18,.14);--chip-line:rgba(26,23,18,.18);
--pill-on-bg:#1A1712;--pill-on-ink:#fff;
--menu-bg:rgba(255,255,255,.97);
--scrim:rgba(40,32,20,.28);--status-tint:rgba(244,241,236,.55);--sheet-bar:rgba(251,249,246,.9);--sheet-glass:rgba(251,249,246,.6);
--hover:rgba(26,23,18,.06);--code-bg:rgba(26,23,18,.07);
--tab-on-bg:rgba(255,255,255,.85);--tab-on-shadow:inset 0 1px 0 #fff,0 2px 8px rgba(70,50,20,.12);--tabs-tint:rgba(255,255,255,calc(.3*var(--gt)));
--dhead-fade:linear-gradient(rgba(251,249,246,.92),rgba(251,249,246,0));
--book-backdrop:radial-gradient(ellipse 420px 420px at 10% 4%,rgba(232,150,165,.55),transparent 70%),radial-gradient(ellipse 360px 360px at 96% 28%,rgba(150,165,240,.5),transparent 70%),radial-gradient(ellipse 360px 320px at 6% 100%,rgba(242,190,120,.5),transparent 70%),#F4F1EC;
--lb-scrim:rgba(244,241,236,.85);
--cover-shadow:0 8px 18px rgba(70,50,20,.18);--cover-shadow-l:0 14px 30px rgba(70,50,20,.25);--cover-shadow-xl:0 20px 50px rgba(70,50,20,.3);--menu-shadow:0 8px 24px rgba(70,50,20,.18);
--sel-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%231A1712' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
--opt-ink:#1A1712;--opt-bg:#fff;
--card-solid:#fff;--pill-bg-solid:#fff;
color-scheme:light}
/* colour themes (0.7.5.0): two complementary colours each; only accent, button, background blob and backdrop tokens change */
:root[data-accent=redgreen]{--acc:#F2657A;--on-acc:#1B1405;--mint:#5FD6A0;--on-mint:#1B1405;--blob-1:#9E2B3E;--blob-2:#1E7A52;--blob-3:#B5652E;--blob-4:#2E9C86;--book-backdrop:radial-gradient(ellipse 420px 420px at 10% 4%,rgba(158,43,62,.7),transparent 70%),radial-gradient(ellipse 360px 360px at 96% 28%,rgba(30,122,82,.55),transparent 70%),radial-gradient(ellipse 360px 320px at 6% 100%,rgba(181,101,46,.5),transparent 70%),#0B0F14}
:root[data-theme=light][data-accent=redgreen]{--acc:#C8324A;--on-acc:#FFFFFF;--mint:#137A4E;--on-mint:#FFFFFF;--blob-1:#F2A3AE;--blob-2:#9FDDBF;--blob-3:#F2C59A;--blob-4:#A8E3D2;--book-backdrop:radial-gradient(ellipse 420px 420px at 10% 4%,rgba(242,163,174,.55),transparent 70%),radial-gradient(ellipse 360px 360px at 96% 28%,rgba(159,221,191,.5),transparent 70%),radial-gradient(ellipse 360px 320px at 6% 100%,rgba(242,197,154,.5),transparent 70%),#F4F1EC}
:root[data-accent=orangeblue]{--acc:#FF9F4A;--on-acc:#1B1405;--mint:#7DB7FF;--on-mint:#1B1405;--blob-1:#C4651E;--blob-2:#1F3F9E;--blob-3:#D2584A;--blob-4:#3C6FB0;--book-backdrop:radial-gradient(ellipse 420px 420px at 10% 4%,rgba(196,101,30,.7),transparent 70%),radial-gradient(ellipse 360px 360px at 96% 28%,rgba(31,63,158,.6),transparent 70%),radial-gradient(ellipse 360px 320px at 6% 100%,rgba(210,88,74,.5),transparent 70%),#0B0F14}
:root[data-theme=light][data-accent=orangeblue]{--acc:#A84F08;--on-acc:#FFFFFF;--mint:#1F5FAE;--on-mint:#FFFFFF;--blob-1:#F7C08A;--blob-2:#A9C3F2;--blob-3:#F4A99A;--blob-4:#B5CDEB;--book-backdrop:radial-gradient(ellipse 420px 420px at 10% 4%,rgba(247,192,138,.55),transparent 70%),radial-gradient(ellipse 360px 360px at 96% 28%,rgba(169,195,242,.5),transparent 70%),radial-gradient(ellipse 360px 320px at 6% 100%,rgba(244,169,154,.5),transparent 70%),#F4F1EC}
:root[data-accent=violetyellow]{--acc:#FFD54A;--on-acc:#1B1405;--mint:#C6A0FF;--on-mint:#1B1405;--blob-1:#6E35B5;--blob-2:#5A2A6E;--blob-3:#B88A1E;--blob-4:#8C6FD6;--book-backdrop:radial-gradient(ellipse 420px 420px at 10% 4%,rgba(110,53,181,.7),transparent 70%),radial-gradient(ellipse 360px 360px at 96% 28%,rgba(90,42,110,.6),transparent 70%),radial-gradient(ellipse 360px 320px at 6% 100%,rgba(184,138,30,.5),transparent 70%),#0B0F14}
:root[data-theme=light][data-accent=violetyellow]{--acc:#E6B422;--on-acc:#1B1405;--mint:#6B3FB8;--on-mint:#FFFFFF;--blob-1:#CDB3F2;--blob-2:#E2B9E8;--blob-3:#F2D88A;--blob-4:#C9BFF5;--book-backdrop:radial-gradient(ellipse 420px 420px at 10% 4%,rgba(205,179,242,.55),transparent 70%),radial-gradient(ellipse 360px 360px at 96% 28%,rgba(226,185,232,.5),transparent 70%),radial-gradient(ellipse 360px 320px at 6% 100%,rgba(242,216,138,.5),transparent 70%),#F4F1EC}
:root[data-accent=pinkteal]{--acc:#FF6FB5;--on-acc:#1B1405;--mint:#4FE0D8;--on-mint:#1B1405;--blob-1:#B0287A;--blob-2:#127A7A;--blob-3:#C9577F;--blob-4:#2AA6A0;--book-backdrop:radial-gradient(ellipse 420px 420px at 10% 4%,rgba(176,40,122,.7),transparent 70%),radial-gradient(ellipse 360px 360px at 96% 28%,rgba(18,122,122,.6),transparent 70%),radial-gradient(ellipse 360px 320px at 6% 100%,rgba(201,87,127,.5),transparent 70%),#0B0F14}
:root[data-theme=light][data-accent=pinkteal]{--acc:#B8287A;--on-acc:#FFFFFF;--mint:#0B6F6A;--on-mint:#FFFFFF;--blob-1:#F5A8D0;--blob-2:#93DCD8;--blob-3:#F7BFD2;--blob-4:#A3E6E2;--book-backdrop:radial-gradient(ellipse 420px 420px at 10% 4%,rgba(245,168,208,.55),transparent 70%),radial-gradient(ellipse 360px 360px at 96% 28%,rgba(147,220,216,.5),transparent 70%),radial-gradient(ellipse 360px 320px at 6% 100%,rgba(247,191,210,.5),transparent 70%),#F4F1EC}
:root[data-accent=vista]{--acc:#4FB6F5;--on-acc:#04223A;--mint:#7BE8C4;--on-mint:#04223A;--blob-1:#1E6FB5;--blob-2:#1B9AA6;--blob-3:#2F8F7A;--blob-4:#4A7FD0;--book-backdrop:radial-gradient(ellipse 420px 420px at 10% 4%,rgba(30,111,181,.7),transparent 70%),radial-gradient(ellipse 360px 360px at 96% 28%,rgba(27,154,166,.55),transparent 70%),radial-gradient(ellipse 360px 320px at 6% 100%,rgba(47,143,122,.5),transparent 70%),#0B0F14}
:root[data-theme=light][data-accent=vista]{--acc:#1F6FB8;--on-acc:#FFFFFF;--mint:#0E7A62;--on-mint:#FFFFFF;--blob-1:#9CCBF0;--blob-2:#9FE3D8;--blob-3:#BFE0F5;--blob-4:#B5D5F2;--book-backdrop:radial-gradient(ellipse 420px 420px at 10% 4%,rgba(156,203,240,.7),transparent 70%),radial-gradient(ellipse 360px 360px at 96% 28%,rgba(159,227,216,.55),transparent 70%),radial-gradient(ellipse 360px 320px at 6% 100%,rgba(191,224,245,.5),transparent 70%),#F4F1EC}
:root[data-theme=light][data-accent=win7]{--acc:#1F6FB8;--on-acc:#FFFFFF;--mint:#9A5200;--on-mint:#FFFFFF;--blob-1:#A8D0F5;--blob-2:#B5D5F2;--blob-3:#F5D3A0;--blob-4:#C5E0F7;--book-backdrop:radial-gradient(ellipse 420px 420px at 10% 4%,rgba(168,208,245,.7),transparent 70%),radial-gradient(ellipse 360px 360px at 96% 28%,rgba(181,213,242,.55),transparent 70%),radial-gradient(ellipse 360px 320px at 6% 100%,rgba(245,211,160,.5),transparent 70%),#F4F1EC}
:root{--t-k:1;--t12:calc(.12s*var(--t-k));--t15:calc(.15s*var(--t-k));--t18:calc(.18s*var(--t-k));--t20:calc(.2s*var(--t-k));--t22:calc(.22s*var(--t-k));--t24:calc(.24s*var(--t-k));--t25:calc(.25s*var(--t-k));--t28:calc(.28s*var(--t-k))}  /* animation times, shorter on a slow screen (html.slowfps) */
html.slowfps{--t-k:.75}
:root{--th-standard-a:#F6C84C;--th-standard-b:#7FE0CF;--th-redgreen-a:#F2657A;--th-redgreen-b:#5FD6A0;--th-orangeblue-a:#FF9F4A;--th-orangeblue-b:#7DB7FF;--th-violetyellow-a:#FFD54A;--th-violetyellow-b:#C6A0FF;--th-pinkteal-a:#FF6FB5;--th-pinkteal-b:#4FE0D8;}
/* 0.8.5.0: tinted surfaces for four colour themes (--h = hue), the custom theme, and retro skins (fixed palette, own shapes) */
:root[data-accent=redgreen]{--h:350}:root[data-accent=orangeblue]{--h:215}:root[data-accent=violetyellow]{--h:270}:root[data-accent=pinkteal]{--h:320}:root[data-accent=vista]{--h:205}:root[data-accent=win7]{--h:212}
:root[data-tint]{--bg:hsl(var(--h) 38% 8%);--glass-solid:hsl(var(--h) 28% 13%);--card-solid:hsl(var(--h) 28% 14%);--pill-bg-solid:hsl(var(--h) 25% 20%);--glass-tint:hsl(var(--h) 38% 8% / calc(.42*var(--gt)));--tabs-tint:hsl(var(--h) 38% 8% / calc(.5*var(--gt)));--menu-bg:hsl(var(--h) 30% 12% / .96);--sheet-bar:hsl(var(--h) 28% 13% / .88);--sheet-glass:hsl(var(--h) 28% 13% / .55);--status-tint:hsl(var(--h) 38% 8% / .32)}
:root[data-tint][data-theme=light]{--bg:hsl(var(--h) 45% 94%);--glass-solid:hsl(var(--h) 45% 98%);--card-solid:hsl(var(--h) 60% 99%);--pill-bg-solid:#fff;--glass-tint:hsl(var(--h) 60% 99% / calc(.2*var(--gt)));--tabs-tint:hsl(var(--h) 60% 99% / calc(.3*var(--gt)));--menu-bg:hsl(var(--h) 60% 99% / .97);--sheet-bar:hsl(var(--h) 45% 98% / .9);--sheet-glass:hsl(var(--h) 45% 98% / .6);--status-tint:hsl(var(--h) 45% 94% / .55)}
:root[data-accent=custom]{--blob-1:var(--acc);--blob-2:var(--mint);--blob-3:color-mix(in srgb,var(--acc) 55%,var(--mint));--blob-4:color-mix(in srgb,var(--mint) 55%,var(--acc));--book-backdrop:radial-gradient(ellipse 420px 420px at 10% 4%,color-mix(in srgb,var(--acc) 60%,transparent),transparent 70%),radial-gradient(ellipse 360px 360px at 96% 28%,color-mix(in srgb,var(--mint) 50%,transparent),transparent 70%),var(--bg)}
:root[data-theme=light][data-accent=custom]{--blob-1:color-mix(in srgb,var(--acc) 45%,#fff);--blob-2:color-mix(in srgb,var(--mint) 45%,#fff);--blob-3:color-mix(in srgb,var(--acc) 30%,#fff);--blob-4:color-mix(in srgb,var(--mint) 30%,#fff)}
:root[data-accent=term],:root[data-theme][data-accent=term]{--bg:#050B05;--ink:#7CFF8A;--mut:#3FAF55;--line:#2F8F43;--acc:#7CFF8A;--on-acc:#031003;--mint:#FFD84A;--on-mint:#1B1405;--field:#0A200A;--field-ink:#7CFF8A;--ph:#3FAF55;--blob-1:#050B05;--blob-2:#050B05;--blob-3:#050B05;--blob-4:#050B05;--glass-bg:linear-gradient(#0B160B,#0B160B);--glass-tint:transparent;--glass-line:#2F8F43;--glass-shadow:none;--glass-blur:none;--glass-solid:#0B160B;--card-bg:#0B160B;--card-shadow:none;--pill-bg:#0B160B;--pill-line:#2F8F43;--chip-line:#2F8F43;--pill-on-bg:#7CFF8A;--pill-on-ink:#031003;--menu-bg:#0B160B;--scrim:rgba(0,0,0,.6);--status-tint:#050B05;--sheet-bar:#0B160B;--sheet-glass:#0B160B;--hover:color-mix(in srgb,#7CFF8A 14%,transparent);--code-bg:color-mix(in srgb,#7CFF8A 10%,transparent);--tab-on-bg:color-mix(in srgb,#7CFF8A 28%,transparent);--tab-on-shadow:none;--tabs-tint:transparent;--dhead-fade:linear-gradient(#0B160B,color-mix(in srgb,#0B160B 0%,transparent));--book-backdrop:#050B05;--lb-scrim:color-mix(in srgb,#050B05 88%,transparent);--cover-shadow:none;--cover-shadow-l:none;--cover-shadow-xl:none;--menu-shadow:none;--opt-ink:#7CFF8A;--opt-bg:#0B160B;--card-solid:#0B160B;--pill-bg-solid:#0B160B;--rk:0px;--sans:var(--mono)}
:root[data-accent=amber],:root[data-theme][data-accent=amber]{--bg:#120A00;--ink:#FFB000;--mut:#B37A00;--line:#8A5D00;--acc:#FFB000;--on-acc:#120A00;--mint:#FF6A00;--on-mint:#120A00;--field:#2A1A00;--field-ink:#FFB000;--ph:#B37A00;--blob-1:#120A00;--blob-2:#120A00;--blob-3:#120A00;--blob-4:#120A00;--glass-bg:linear-gradient(#1D1200,#1D1200);--glass-tint:transparent;--glass-line:#8A5D00;--glass-shadow:none;--glass-blur:none;--glass-solid:#1D1200;--card-bg:#1D1200;--card-shadow:none;--pill-bg:#1D1200;--pill-line:#8A5D00;--chip-line:#8A5D00;--pill-on-bg:#FFB000;--pill-on-ink:#120A00;--menu-bg:#1D1200;--scrim:rgba(0,0,0,.6);--status-tint:#120A00;--sheet-bar:#1D1200;--sheet-glass:#1D1200;--hover:color-mix(in srgb,#FFB000 14%,transparent);--code-bg:color-mix(in srgb,#FFB000 10%,transparent);--tab-on-bg:color-mix(in srgb,#FFB000 28%,transparent);--tab-on-shadow:none;--tabs-tint:transparent;--dhead-fade:linear-gradient(#1D1200,color-mix(in srgb,#1D1200 0%,transparent));--book-backdrop:#120A00;--lb-scrim:color-mix(in srgb,#120A00 88%,transparent);--cover-shadow:none;--cover-shadow-l:none;--cover-shadow-xl:none;--menu-shadow:none;--opt-ink:#FFB000;--opt-bg:#1D1200;--card-solid:#1D1200;--pill-bg-solid:#1D1200;--rk:0px;--sans:var(--mono)}
:root[data-accent=paper],:root[data-theme][data-accent=paper]{--bg:#EFE4CB;--ink:#3B2F1E;--mut:#6E5F46;--line:#CDBB97;--acc:#8B4A2B;--on-acc:#FFF8EC;--mint:#4F6F52;--on-mint:#FFF8EC;--field:#FFFBF0;--field-ink:#3B2F1E;--ph:#6E5F46;--blob-1:#EFE4CB;--blob-2:#EFE4CB;--blob-3:#EFE4CB;--blob-4:#EFE4CB;--glass-bg:linear-gradient(#F8F0DE,#F8F0DE);--glass-tint:transparent;--glass-line:#CDBB97;--glass-shadow:none;--glass-blur:none;--glass-solid:#F8F0DE;--card-bg:#F8F0DE;--card-shadow:none;--pill-bg:#F8F0DE;--pill-line:#CDBB97;--chip-line:#CDBB97;--pill-on-bg:#8B4A2B;--pill-on-ink:#FFF8EC;--menu-bg:#F8F0DE;--scrim:rgba(0,0,0,.6);--status-tint:#EFE4CB;--sheet-bar:#F8F0DE;--sheet-glass:#F8F0DE;--hover:color-mix(in srgb,#8B4A2B 14%,transparent);--code-bg:color-mix(in srgb,#3B2F1E 10%,transparent);--tab-on-bg:color-mix(in srgb,#8B4A2B 28%,transparent);--tab-on-shadow:none;--tabs-tint:transparent;--dhead-fade:linear-gradient(#F8F0DE,color-mix(in srgb,#F8F0DE 0%,transparent));--book-backdrop:#EFE4CB;--lb-scrim:color-mix(in srgb,#EFE4CB 88%,transparent);--cover-shadow:none;--cover-shadow-l:none;--cover-shadow-xl:none;--menu-shadow:none;--opt-ink:#3B2F1E;--opt-bg:#F8F0DE;--card-solid:#F8F0DE;--pill-bg-solid:#F8F0DE;--rk:4px;--sans:Georgia,'Iowan Old Style','Times New Roman',serif}
:root[data-accent=platin],:root[data-theme][data-accent=platin]{--bg:#C9C9C9;--ink:#000000;--mut:#444444;--line:#6B6B6B;--acc:#2A5CBF;--on-acc:#FFFFFF;--mint:#505050;--on-mint:#FFFFFF;--field:#FFFFFF;--field-ink:#000000;--ph:#555555;--blob-1:#C9C9C9;--blob-2:#C9C9C9;--blob-3:#C9C9C9;--blob-4:#C9C9C9;--glass-bg:linear-gradient(#E6E6E6,#E6E6E6);--glass-tint:transparent;--glass-line:#6B6B6B;--glass-shadow:none;--glass-blur:none;--glass-solid:#E6E6E6;--card-bg:#E6E6E6;--card-shadow:none;--pill-bg:#E6E6E6;--pill-line:#6B6B6B;--chip-line:#6B6B6B;--pill-on-bg:#2A5CBF;--pill-on-ink:#FFFFFF;--menu-bg:#E6E6E6;--scrim:rgba(0,0,0,.6);--status-tint:#C9C9C9;--sheet-bar:#E6E6E6;--sheet-glass:#E6E6E6;--hover:color-mix(in srgb,#2A5CBF 14%,transparent);--code-bg:color-mix(in srgb,#000000 10%,transparent);--tab-on-bg:color-mix(in srgb,#2A5CBF 28%,transparent);--tab-on-shadow:none;--tabs-tint:transparent;--dhead-fade:linear-gradient(#E6E6E6,color-mix(in srgb,#E6E6E6 0%,transparent));--book-backdrop:#C9C9C9;--lb-scrim:color-mix(in srgb,#C9C9C9 88%,transparent);--cover-shadow:none;--cover-shadow-l:none;--cover-shadow-xl:none;--menu-shadow:none;--opt-ink:#000000;--opt-bg:#E6E6E6;--card-solid:#E6E6E6;--pill-bg-solid:#E6E6E6;--rk:3px}
:root[data-accent=synth],:root[data-theme][data-accent=synth]{--bg:#170A2B;--ink:#F5E9FF;--mut:#B391D9;--line:#7A2FC4;--acc:#FF2E97;--on-acc:#170A2B;--mint:#19E3FF;--on-mint:#170A2B;--field:#3A1A5F;--field-ink:#F5E9FF;--ph:#B391D9;--blob-1:#170A2B;--blob-2:#170A2B;--blob-3:#170A2B;--blob-4:#170A2B;--glass-bg:linear-gradient(#2A1247,#2A1247);--glass-tint:transparent;--glass-line:#7A2FC4;--glass-shadow:none;--glass-blur:none;--glass-solid:#2A1247;--card-bg:#2A1247;--card-shadow:none;--pill-bg:#2A1247;--pill-line:#7A2FC4;--chip-line:#7A2FC4;--pill-on-bg:#FF2E97;--pill-on-ink:#170A2B;--menu-bg:#2A1247;--scrim:rgba(0,0,0,.6);--status-tint:#170A2B;--sheet-bar:#2A1247;--sheet-glass:#2A1247;--hover:color-mix(in srgb,#FF2E97 14%,transparent);--code-bg:color-mix(in srgb,#F5E9FF 10%,transparent);--tab-on-bg:color-mix(in srgb,#FF2E97 28%,transparent);--tab-on-shadow:none;--tabs-tint:transparent;--dhead-fade:linear-gradient(#2A1247,color-mix(in srgb,#2A1247 0%,transparent));--book-backdrop:#170A2B;--lb-scrim:color-mix(in srgb,#170A2B 88%,transparent);--cover-shadow:none;--cover-shadow-l:none;--cover-shadow-xl:none;--menu-shadow:none;--opt-ink:#F5E9FF;--opt-bg:#2A1247;--card-solid:#2A1247;--pill-bg-solid:#2A1247}
:root[data-accent=gb],:root[data-theme][data-accent=gb]{--bg:#9BBC0F;--ink:#0F380F;--mut:#133813;--line:#0F380F;--acc:#0F380F;--on-acc:#9BBC0F;--mint:#133813;--on-mint:#9BBC0F;--field:#CADC5A;--field-ink:#0F380F;--ph:#133813;--blob-1:#9BBC0F;--blob-2:#9BBC0F;--blob-3:#9BBC0F;--blob-4:#9BBC0F;--glass-bg:linear-gradient(#8BAC0F,#8BAC0F);--glass-tint:transparent;--glass-line:#0F380F;--glass-shadow:none;--glass-blur:none;--glass-solid:#8BAC0F;--card-bg:#8BAC0F;--card-shadow:none;--pill-bg:#8BAC0F;--pill-line:#0F380F;--chip-line:#0F380F;--pill-on-bg:#0F380F;--pill-on-ink:#9BBC0F;--menu-bg:#8BAC0F;--scrim:rgba(0,0,0,.6);--status-tint:#9BBC0F;--sheet-bar:#8BAC0F;--sheet-glass:#8BAC0F;--hover:color-mix(in srgb,#0F380F 14%,transparent);--code-bg:color-mix(in srgb,#0F380F 10%,transparent);--tab-on-bg:color-mix(in srgb,#0F380F 28%,transparent);--tab-on-shadow:none;--tabs-tint:transparent;--dhead-fade:linear-gradient(#8BAC0F,color-mix(in srgb,#8BAC0F 0%,transparent));--book-backdrop:#9BBC0F;--lb-scrim:color-mix(in srgb,#9BBC0F 88%,transparent);--cover-shadow:none;--cover-shadow-l:none;--cover-shadow-xl:none;--menu-shadow:none;--opt-ink:#0F380F;--opt-bg:#8BAC0F;--card-solid:#8BAC0F;--pill-bg-solid:#8BAC0F;--rk:0px;--sans:var(--mono)}
:root[data-accent=xp],:root[data-theme][data-accent=xp]{--bg:#6FA8EE;--ink:#000000;--mut:#061E47;--line:#3A6FD8;--acc:#24732A;--on-acc:#FFFFFF;--mint:#0A58C8;--on-mint:#FFFFFF;--field:#FFFFFF;--field-ink:#000000;--ph:#666666;--blob-1:#6FA8EE;--blob-2:#6FA8EE;--blob-3:#6FA8EE;--blob-4:#6FA8EE;--glass-bg:linear-gradient(#ECE9D8,#ECE9D8);--glass-tint:transparent;--glass-line:#3A6FD8;--glass-shadow:none;--glass-blur:none;--glass-solid:#ECE9D8;--card-bg:#ECE9D8;--card-shadow:none;--pill-bg:#ECE9D8;--pill-line:#3A6FD8;--chip-line:#3A6FD8;--pill-on-bg:#0A58C8;--pill-on-ink:#FFFFFF;--menu-bg:#ECE9D8;--scrim:rgba(0,0,0,.6);--status-tint:#6FA8EE;--sheet-bar:#ECE9D8;--sheet-glass:#ECE9D8;--hover:color-mix(in srgb,#0A58C8 14%,transparent);--code-bg:color-mix(in srgb,#000000 10%,transparent);--tab-on-bg:color-mix(in srgb,#0A58C8 24%,transparent);--tab-on-shadow:none;--tabs-tint:transparent;--dhead-fade:linear-gradient(#ECE9D8,color-mix(in srgb,#ECE9D8 0%,transparent));--book-backdrop:#6FA8EE;--lb-scrim:color-mix(in srgb,#6FA8EE 88%,transparent);--cover-shadow:none;--cover-shadow-l:none;--cover-shadow-xl:none;--menu-shadow:none;--opt-ink:#000000;--opt-bg:#ECE9D8;--card-solid:#ECE9D8;--pill-bg-solid:#ECE9D8;--rk:3px;--sans:Tahoma,'DejaVu Sans',Verdana,system-ui,sans-serif}
:root[data-accent=w98],:root[data-theme][data-accent=w98]{--bg:#2AA0A0;--ink:#000000;--mut:#0D2B2B;--line:#808080;--acc:#000080;--on-acc:#FFFFFF;--mint:#005050;--on-mint:#FFFFFF;--field:#FFFFFF;--field-ink:#000000;--ph:#5A5A5A;--blob-1:#2AA0A0;--blob-2:#2AA0A0;--blob-3:#2AA0A0;--blob-4:#2AA0A0;--glass-bg:linear-gradient(#C0C0C0,#C0C0C0);--glass-tint:transparent;--glass-line:#808080;--glass-shadow:inset 1px 1px 0 #FFFFFF,inset -1px -1px 0 #404040;--glass-blur:none;--glass-solid:#C0C0C0;--card-bg:#C0C0C0;--card-shadow:inset 1px 1px 0 #FFFFFF,inset -1px -1px 0 #404040;--pill-bg:#C0C0C0;--pill-line:#808080;--chip-line:#808080;--pill-on-bg:#000080;--pill-on-ink:#FFFFFF;--menu-bg:#C0C0C0;--scrim:rgba(0,0,0,.6);--status-tint:#2AA0A0;--sheet-bar:#C0C0C0;--sheet-glass:#C0C0C0;--hover:color-mix(in srgb,#000080 14%,transparent);--code-bg:color-mix(in srgb,#000000 10%,transparent);--tab-on-bg:color-mix(in srgb,#000080 24%,transparent);--tab-on-shadow:none;--tabs-tint:transparent;--dhead-fade:linear-gradient(#C0C0C0,color-mix(in srgb,#C0C0C0 0%,transparent));--book-backdrop:#2AA0A0;--lb-scrim:color-mix(in srgb,#2AA0A0 88%,transparent);--cover-shadow:none;--cover-shadow-l:none;--cover-shadow-xl:none;--menu-shadow:none;--opt-ink:#000000;--opt-bg:#C0C0C0;--card-solid:#C0C0C0;--pill-bg-solid:#C0C0C0;--rk:0px;--sans:Arimo,Arial,'Liberation Sans',sans-serif}
:root{--th-term-a:#7CFF8A;--th-term-b:#FFD84A;--th-amber-a:#FFB000;--th-amber-b:#FF6A00;--th-paper-a:#8B4A2B;--th-paper-b:#4F6F52;--th-platin-a:#2A5CBF;--th-platin-b:#505050;--th-synth-a:#FF2E97;--th-synth-b:#19E3FF;--th-gb-a:#0F380F;--th-gb-b:#8BAC0F;--th-xp-a:#24732A;--th-w98-a:#000080;--th-w98-b:#C0C0C0;--th-win7-a:#2B8CE8;--th-win7-b:#FFB347;--th-xp-b:#0A58C8;--th-vista-a:#4FB6F5;--th-vista-b:#7BE8C4;}
:is(:root[data-accent=term],:root[data-accent=amber],:root[data-accent=gb]) :is(select,input:not([type=checkbox],[type=radio],[type=color],[type=range])){letter-spacing:-.09em}
:is(:root[data-accent=term],:root[data-accent=amber],:root[data-accent=gb],:root[data-accent=xp]) #lsort select{padding-right:32px}
:root[data-accent=xp] :is(select,input:not([type=checkbox],[type=radio],[type=color],[type=range])){letter-spacing:-.075em}  /* the wide mono face no longer cuts the sort label and placeholders */
#s-theme:disabled,#s-glass:disabled{opacity:.45;cursor:not-allowed}label.off{opacity:.45}
/* retro backgrounds (0.8.5.0): faint patterns only, text sits on opaque cards or on the plain colour */
:root[data-accent=term]{--bgpat:repeating-linear-gradient(0deg,rgba(124,255,138,.055) 0 1px,transparent 1px 3px),radial-gradient(ellipse 120% 60% at 50% 0,rgba(124,255,138,.12),transparent 70%)}
:root[data-accent=amber]{--bgpat:repeating-linear-gradient(0deg,rgba(255,176,0,.055) 0 1px,transparent 1px 3px),radial-gradient(ellipse 120% 60% at 50% 0,rgba(255,176,0,.12),transparent 70%)}
:root[data-accent=paper]{--bgpat:repeating-linear-gradient(0deg,rgba(139,74,43,.07) 0 1px,transparent 1px 30px),radial-gradient(ellipse 90% 80% at 50% 40%,transparent 55%,rgba(139,74,43,.14))}
:root[data-accent=platin]{--bgpat:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 1px,transparent 1px 3px)}
:root[data-accent=synth]{--bgpat:linear-gradient(transparent 55%,rgba(255,46,151,.2)),repeating-linear-gradient(90deg,rgba(25,227,255,.09) 0 1px,transparent 1px 44px),repeating-linear-gradient(0deg,rgba(25,227,255,.09) 0 1px,transparent 1px 44px),radial-gradient(ellipse 100% 50% at 50% 0,rgba(120,60,220,.35),transparent 70%)}
:root[data-accent=gb]{--bgpat:repeating-linear-gradient(0deg,rgba(15,56,15,.09) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(15,56,15,.09) 0 1px,transparent 1px 4px)}
:root[data-skin] body::before,:root[data-accent=synth] body::before,:root[data-accent=vista] body::before,:root[data-accent=win7] body::before{background:var(--bgpat),var(--bg)}
:root[data-theme][data-accent][data-skin],:root[data-theme][data-accent=synth][data-glass],:root[data-theme][data-accent=vista][data-glass],:root[data-theme][data-accent=win7][data-glass]{--book-backdrop:var(--bgpat),var(--bg)}
:root[data-accent=xp]{--bgpat:linear-gradient(rgba(255,255,255,.26),rgba(255,255,255,.04) 55%,transparent),url(/img/bliss-wide.jpg) center bottom/cover no-repeat}
@media(orientation:portrait){:root[data-accent=xp]{--bgpat:linear-gradient(rgba(255,255,255,.26),rgba(255,255,255,.04) 55%,transparent),url(/img/bliss-tall.jpg) center bottom/cover no-repeat}}
:root[data-accent=vista]{--bgpat:linear-gradient(rgba(4,22,36,.52),rgba(4,22,36,.30) 60%,rgba(4,22,36,.18)),url(/img/vista-wide.jpg) center/cover no-repeat;--rk:7px;--sans:'Segoe UI',Selawik,Frutiger,system-ui,sans-serif}
:root[data-theme=light][data-accent=vista]{--bgpat:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.26) 60%,rgba(255,255,255,.14)),url(/img/vista-wide.jpg) center/cover no-repeat}
@media(orientation:portrait){:root[data-accent=vista]{--bgpat:linear-gradient(rgba(4,22,36,.52),rgba(4,22,36,.30) 60%,rgba(4,22,36,.18)),url(/img/vista-tall.jpg) center/cover no-repeat}:root[data-theme=light][data-accent=vista]{--bgpat:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.26) 60%,rgba(255,255,255,.14)),url(/img/vista-tall.jpg) center/cover no-repeat}}
:root[data-theme=dark][data-accent=vista][data-bg=pattern]{--bgpat:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.13) 38%,transparent 48%),linear-gradient(115deg,transparent 54%,rgba(255,255,255,.09) 62%,transparent 72%),radial-gradient(ellipse 90% 55% at 15% 8%,rgba(60,200,210,.6),transparent 70%),radial-gradient(ellipse 90% 65% at 92% 92%,rgba(40,120,220,.6),transparent 70%)}
:root[data-accent=vista][data-bg=pattern]{--bgpat:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 38%,transparent 46%),linear-gradient(115deg,transparent 55%,rgba(255,255,255,.4) 62%,transparent 70%),radial-gradient(ellipse 80% 50% at 15% 10%,rgba(90,200,210,.35),transparent 70%),radial-gradient(ellipse 80% 60% at 90% 90%,rgba(90,150,230,.3),transparent 70%)}
:root[data-accent=win7]{--bgpat:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.26) 60%,rgba(255,255,255,.14)),url(/img/win7-wide.jpg) center/cover no-repeat;--rk:6px;--sans:'Segoe UI',Selawik,system-ui,sans-serif}
@media(orientation:portrait){:root[data-accent=win7]{--bgpat:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.26) 60%,rgba(255,255,255,.14)),url(/img/win7-tall.jpg) center/cover no-repeat}}
:root[data-accent=win7][data-bg=pattern]{--bgpat:radial-gradient(circle at 18% 22%,rgba(255,255,255,.7) 0 5%,transparent 6%),radial-gradient(circle at 78% 14%,rgba(255,215,150,.5) 0 4%,transparent 5%),radial-gradient(circle at 62% 74%,rgba(255,255,255,.55) 0 7%,transparent 8%),linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 45%,transparent 55%),radial-gradient(ellipse 100% 55% at 50% 0,rgba(110,180,245,.55),transparent 70%)}
:root[data-accent=w98]{--bgpat:repeating-linear-gradient(45deg,rgba(0,0,0,.06) 0 1px,transparent 1px 3px)}
/* retro themes: symbols and wordmark (0.9.0.0). Stroke style per theme; only themes with data-ic change anything */
:root[data-ic] svg[stroke="currentColor"]{stroke-width:var(--ic-w,1.8);stroke-linecap:var(--ic-cap,round);stroke-linejoin:var(--ic-join,round);shape-rendering:var(--ic-sr,auto)}
:root[data-accent=term],:root[data-accent=amber]{--ic-w:2.2;--ic-cap:square;--ic-join:miter;--ic-sr:crispEdges}
:root[data-accent=gb]{--ic-w:2.6;--ic-cap:square;--ic-join:miter;--ic-sr:crispEdges}
:root[data-accent=paper]{--ic-w:1.2}
:root[data-accent=platin],:root[data-accent=w98]{--ic-w:1.6;--ic-cap:butt;--ic-join:miter}
:root[data-accent=synth]{--ic-w:2}
:root[data-accent=xp]{--tile-bg:#0A58C8;--tile-fg:#fff;--tile-pad:4px;--tile-r:6px}
:root[data-accent=vista]{--tile-bg:#7BE8C4;--tile-fg:#04223A;--tile-pad:4px;--tile-r:8px}
:root[data-accent=win7]{--tile-bg:#2B8CE8;--tile-fg:#fff;--tile-pad:4px;--tile-r:8px}
:root[data-tile] :is(#dnav>button>svg,.tb>svg,:is(#catb,#statsb,#gear)>svg){box-sizing:content-box;padding:var(--tile-pad);border-radius:var(--tile-r);background:var(--tile-bg);color:var(--tile-fg)}
/* separators between the parts of every settings area (0.9.7.8): each field label starts a new part under a hairline, like the book view */
.spane :is(label:not([class]),.usec):not(:first-child){margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.spane .usec:not(:first-child){margin-inline:0;padding-inline:6px}
/* coloured symbols of the Windows themes (0.9.7.8) */
svg[data-wi]{width:24px;height:24px}.srow2>svg[data-wi]{width:22px;height:22px}.tb svg[data-wi]{width:26px;height:26px}
/* settings list symbols per theme (0.9.7.6): the modern themes keep the plain stroke; every retro theme frames them its own way */
:root[data-tile] .srow2>svg{box-sizing:content-box;padding:var(--tile-pad);border-radius:var(--tile-r);background:var(--tile-bg);color:var(--tile-fg)}
:root[data-accent=term] .srow2>svg,:root[data-accent=amber] .srow2>svg{box-sizing:content-box;padding:2px 4px;border:solid currentColor;border-width:0 2px}
:root[data-accent=paper] .srow2>svg{box-sizing:content-box;padding:0 2px 3px;border-bottom:1px solid currentColor;color:var(--acc)}
:root[data-accent=platin] .srow2>svg,:root[data-accent=w98] .srow2>svg{box-sizing:content-box;padding:3px;background:#C0C0C0;color:#000;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #404040,0 0 0 1px #000}
:root[data-accent=gb] .srow2>svg{box-sizing:content-box;padding:2px;border:2px solid currentColor;border-radius:0}
:root[data-accent=synth] .srow2>svg{color:var(--mint);filter:drop-shadow(0 0 2px var(--mint)) drop-shadow(0 0 6px var(--acc))}
:root[data-accent=term] .srow2:is(:hover,[aria-current=true]),:root[data-accent=amber] .srow2:is(:hover,[aria-current=true]),:root[data-accent=gb] .srow2:is(:hover,[aria-current=true]),:root[data-accent=w98] .srow2[aria-current=true]{background:var(--acc);color:var(--on-acc);box-shadow:none}
:root[data-accent=term] .srow2:is(:hover,[aria-current=true]) :is(.ss,.sc,svg),:root[data-accent=amber] .srow2:is(:hover,[aria-current=true]) :is(.ss,.sc,svg),:root[data-accent=gb] .srow2:is(:hover,[aria-current=true]) :is(.ss,.sc,svg),:root[data-accent=w98] .srow2[aria-current=true] :is(.ss,.sc){color:var(--on-acc)}
:root[data-accent=w98] :is(#statsb,#gear,#catb,#ver,#dir,.selb,.dbtn,.sbtn,#go,.dvadd,.vbtn){box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #404040}
:root[data-accent=term] .brand{font:700 20px var(--mono);text-transform:lowercase}
:root[data-accent=term] .brand::before{content:"> "}:root[data-accent=term] .brand::after{content:"_"}
:root[data-accent=amber] .brand{font:700 20px var(--mono);text-transform:uppercase;letter-spacing:.04em}
:root[data-accent=amber] .brand::after{content:"\2588"}
:root[data-accent=paper] .brand{font:italic 400 24px Georgia,'Iowan Old Style',serif;border-radius:0;box-shadow:0 1px 0 var(--acc)}
:root[data-accent=platin] .brand{font:700 21px Arial,Arimo,sans-serif}
:root[data-accent=synth] .brand{font:900 20px 'Arial Black',Arimo,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--acc);text-shadow:2px 2px 0 var(--mint)}
:root[data-accent=gb] .brand{font:700 20px var(--mono);text-transform:uppercase}
:root[data-accent=gb] .brand i::before{content:"\00B7"}
:root[data-accent=w98] .brand{font:700 20px Arimo,Arial,sans-serif;color:#fff}
:root[data-accent=xp] .brand{font:italic 700 21px 'Trebuchet MS',Tahoma,'DejaVu Sans',sans-serif;color:#fff;text-shadow:1px 1px 0 #0A246A}
:root[data-accent=vista] .brand{font:300 23px 'Segoe UI',Selawik,system-ui,sans-serif;color:#fff;text-shadow:0 0 8px rgba(0,40,70,.9),0 0 2px rgba(0,30,60,.9)}
:root[data-accent=win7] .brand{font:300 23px 'Segoe UI',Selawik,system-ui,sans-serif;color:#fff;text-shadow:0 0 8px rgba(10,40,90,.9),0 0 2px rgba(10,30,70,.9)}
:root[data-accent=term] .brand i,:root[data-accent=amber] .brand i,:root[data-accent=paper] .brand i,:root[data-accent=platin] .brand i,:root[data-accent=synth] .brand i,:root[data-accent=gb] .brand i,:root[data-accent=w98] .brand i,:root[data-accent=xp] .brand i,:root[data-accent=vista] .brand i,:root[data-accent=win7] .brand i{font:inherit}
:root[data-accent=paper] .brand i{color:var(--acc)}
:root[data-accent=gb] .brand i,:root[data-accent=platin] .brand i,:root[data-accent=w98] .brand i,:root[data-accent=xp] .brand i,:root[data-accent=synth] .brand i{color:inherit}
:root[data-accent=vista] .brand i{color:#B8F5E4}:root[data-accent=win7] .brand i{color:#FFE2B0}
@media(min-width:761px){
:root[data-accent=platin] header.glass{background:repeating-linear-gradient(0deg,#E6E6E6 0 1px,#BDBDBD 1px 2px)}
:root[data-accent=w98] header.glass{background:var(--acc)}
:root[data-accent=xp] header.glass{background:linear-gradient(#2A7BE8,#0A58C8)}
:root[data-accent=vista] header.glass{background:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.06)),rgba(30,120,160,.62)}
:root[data-theme=dark][data-accent=vista] header.glass{background:rgba(27,110,143,.84)}
:root[data-accent=win7] header.glass{background:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.14)),rgba(60,135,215,.58)}
}
:root[data-theme=light][data-accent=vista]{--glass-bg:linear-gradient(rgba(255,255,255,.38),rgba(255,255,255,.10));--glass-tint:rgba(60,140,175,.38);--glass-line:rgba(255,255,255,.75);--glass-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 0 0 1px rgba(0,45,75,.38),0 10px 28px rgba(0,40,70,.35);--card-bg:linear-gradient(rgba(255,255,255,.94),rgba(244,249,252,.9));--card-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(0,45,75,.28),0 6px 16px rgba(0,40,70,.22);--pill-bg:rgba(255,255,255,.78);--pill-line:rgba(0,45,75,.35);--tabs-tint:rgba(60,140,175,.45);--sheet-bar:rgba(235,245,250,.93);--sheet-glass:rgba(235,245,250,.72);--menu-bg:rgba(245,250,253,.97)}
:root[data-theme][data-accent=win7]{--glass-bg:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.18));--glass-tint:rgba(120,175,230,.28);--glass-line:rgba(255,255,255,.85);--glass-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(10,40,80,.45),0 8px 24px rgba(10,50,100,.3);--card-bg:linear-gradient(rgba(255,255,255,.95),rgba(246,250,255,.92));--card-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(10,40,80,.3),0 6px 16px rgba(10,50,100,.2);--pill-bg:rgba(255,255,255,.8);--pill-line:rgba(10,40,80,.35);--tabs-tint:rgba(120,175,230,.4);--sheet-bar:rgba(238,246,255,.93);--sheet-glass:rgba(238,246,255,.72);--menu-bg:rgba(247,251,255,.97)}
:root[data-skin]{--r-bar:var(--rk);--r-card:var(--rk);--r-row:var(--rk);--r-cover:var(--rk);--r-cover-s:var(--rk);--r-chip:var(--rk);--r-sheet:var(--rk)}
:root[data-skin] :where(button,input,select,textarea,dialog,nav,header,aside,.card,.crow,.sgb,.srow2,.pill,.chip,.selb,.menu,.glass,.cover,.fld,.sbtn,.pbtn,.dl,#lsort,.srt,#sform,#go,#qx,#ver,.vbtn,.dens,.dbtn,.tb,.thm,.dvrow>*,#dnav>*,#selbar,#top,.menu a,.mstat,#toast){border-radius:var(--rk)!important}
:root[data-accent=term] *,:root[data-accent=amber] *,:root[data-accent=paper] *,:root[data-accent=platin] *,:root[data-accent=synth] *,:root[data-accent=gb] *,:root[data-accent=xp] *,:root[data-accent=w98] *,:root[data-glass="3"] *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
:root[data-glass="0"]{--ga:.2;--gt:.28}:root[data-glass="1"]{--ga:.75;--gt:.8}
.thl{margin:14px 0 6px;color:var(--mut);font:400 12px var(--mono)}.thl:first-child{margin-top:4px}.cted{display:grid;gap:10px;margin-top:12px}.cted label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}.cted input[type=color]{width:56px;height:34px;padding:0;border:1px solid var(--pill-line);border-radius:10px;background:none}.cted input[type=range]{flex:1;max-width:200px}
*{box-sizing:border-box}
html{scrollbar-gutter:stable;background:var(--bg);touch-action:manipulation}
@media(pointer:coarse){input,select,textarea{font-size:16px!important}}
body{margin:0;min-height:100vh;color:var(--ink);font:15px/1.4 var(--sans)}