:root{
 color-scheme:light;
 --canvas:#f7f6f2;--surface:#fffefb;--input-bg:#fff;--input-soft:#fcfdff;
 --text:#172746;--muted:#8293b0;--secondary:#526781;--quiet-text:#687e9c;
 --accent:#6597f5;--accent-strong:#477dcc;--accent-hover:#527fda;--on-accent:#172746;
 --border:#b8cee9;--border-soft:#e4edf5;--border-input:#c5d5e9;
 --selected:#e8f1ff;--selected-hover:#dceaff;--hover:#f1f7ff;
 --search-bg:#f7faff;--clock-bg:#f8fbff;--tint-bg:#f2f7ff;--check-bg:#f3f7fd;
 --dot:#dbe8f7;--dot-alt:#d6e4f3;--grid-line:#e1eaf5;--pixel-off:#e0e9f3;
 --skeleton:#e8f1fa;--skeleton-soft:#f1f6fb;--shadow:#edf3fa;--shadow-strong:#e8eef6;
 --illustration-border:#739dcc;--illustration-shadow:#365b8d;
 --hero-label:rgba(255,254,251,.94);--panel-overlay:rgba(255,254,251,.92);
 --backdrop:rgba(23,39,70,.3);--icon-backplate:#e8f1ff;
}
:root[data-theme="dark"]{
 color-scheme:dark;
 --canvas:#111a29;--surface:#192638;--input-bg:#152133;--input-soft:#172438;
 --text:#e7eef9;--muted:#a4b4cd;--secondary:#b9c9df;--quiet-text:#aebfd5;
 --accent:#8eb5ff;--accent-strong:#a3c2ff;--accent-hover:#79a6f6;
 --border:#3a5272;--border-soft:#2c405b;--border-input:#415b7c;
 --selected:#273d5d;--selected-hover:#314b70;--hover:#22344d;
 --search-bg:#152337;--clock-bg:#1c2d44;--tint-bg:#213550;--check-bg:#203249;
 --dot:#2f4665;--dot-alt:#3b5373;--grid-line:#334963;--pixel-off:#30435d;
 --skeleton:#253951;--skeleton-soft:#203148;--shadow:#0d1522;--shadow-strong:#0b1320;
 --illustration-border:#536f95;--illustration-shadow:#101a2b;
 --hero-label:rgba(21,33,51,.95);--panel-overlay:rgba(25,38,56,.94);
 --backdrop:rgba(5,10,19,.65);--icon-backplate:#c7d9f4;
}
body{background:var(--canvas);color:var(--text)}
input,textarea,select{color:var(--text);background-color:var(--input-bg)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input[type="checkbox"],input[type="radio"]{accent-color:var(--accent)}
.primary{color:var(--on-accent)}.primary:hover{color:var(--text)}
.work-icon{background:var(--icon-backplate)}
.theme-picker{position:relative;flex:none}
.theme-picker summary{display:flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 10px;list-style:none;cursor:pointer;border:1px solid var(--border);border-radius:6px;background:var(--surface);white-space:nowrap;font-size:12px}
.theme-picker summary::-webkit-details-marker{display:none}
.theme-picker summary:hover,.theme-picker[open] summary{background:var(--selected);border-color:var(--accent)}
.theme-symbol{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
.theme-options{position:absolute;top:calc(100% + 7px);right:0;z-index:50;min-width:160px;margin:0;padding:5px;border:1px solid var(--border);border-radius:7px;background:var(--surface);box-shadow:2px 3px 0 var(--shadow-strong)}
.theme-option{display:flex;align-items:center;gap:10px;padding:8px 10px;min-height:44px;border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap}
.theme-option:hover,.theme-option:has(input:checked){background:var(--selected)}
.theme-option input{width:16px;height:16px;min-height:0;margin:0;flex:none}
.window .tools .mobile-search{display:none}
@media(max-width:767px){.window{gap:8px}.theme-current{display:none}.theme-picker summary{padding:0;width:44px}.window .tools{gap:2px}}
@media(max-width:520px){.window{padding:0 10px}.window .dots{display:none}.window .tools form{display:none}.window .tools .mobile-search{display:inline-flex}.window .home-brand{min-width:0;flex:1}.window .tools{margin-left:0;flex:none}.window b .pixel-title{max-width:100%}}