html[data-theme=green] body{background:radial-gradient(ellipse at top,#123c2c,#03110d 70%)}html[data-theme=purple] body{background:radial-gradient(ellipse at top,#33204b,#100a1a 70%)}html[data-theme=green] .shell{background:linear-gradient(145deg,#0c2a20,#04100d)}html[data-theme=purple] .shell{background:linear-gradient(145deg,#241435,#0d0816)}html[data-theme=green] .panel{background:linear-gradient(140deg,#173a2b,#071911);border-color:#315947}html[data-theme=purple] .panel{background:linear-gradient(140deg,#302042,#140e20);border-color:#534064}html[data-theme=green] .primary{background:linear-gradient(100deg,#187647,#359e68)}html[data-theme=purple] .primary{background:linear-gradient(100deg,#7936bd,#aa71df)}html[data-theme=green] nav{background:#092219f5}html[data-theme=purple] nav{background:#1c102bf5}
.settings-form section{margin-top:18px}.settings-form select{width:100%;margin:10px 0}.settings-form .check-label{display:flex;align-items:center;gap:12px}.settings-form .check-label input{width:22px;height:22px;margin:0}.theme-options{display:flex;gap:12px;margin:15px 0}.theme-options button{width:52px;height:52px;border-radius:50%;border:3px solid transparent}.theme-options button[aria-pressed=true]{border-color:white;box-shadow:0 0 0 3px #538975}.push-actions{display:grid;gap:12px;margin-top:16px}.settings-form small{display:block;margin-top:12px;line-height:1.5}#settings-status{color:#aedcc1;min-height:24px}.settings-form button:disabled{opacity:.45;cursor:default}

html[data-theme=blue]{--theme-glow:#214ea5;--theme-panel:#122c53;--theme-base:#071223;--theme-edge:#4178b8;--theme-accent:#427bff;--theme-accent-end:#51c2ff;--theme-ink:#061629}
html[data-theme=green]{--theme-glow:#087b5b;--theme-panel:#103f30;--theme-base:#061b14;--theme-edge:#2e9e70;--theme-accent:#24c78c;--theme-accent-end:#9ee96b;--theme-ink:#062317}
html[data-theme=purple]{--theme-glow:#632a9a;--theme-panel:#34204f;--theme-base:#150c24;--theme-edge:#8d59b8;--theme-accent:#ad7aff;--theme-accent-end:#ed9dff;--theme-ink:#231039}
html[data-theme=cyan]{--theme-glow:#06697d;--theme-panel:#103e49;--theme-base:#061a23;--theme-edge:#329eb3;--theme-accent:#1bd6df;--theme-accent-end:#8aebff;--theme-ink:#04232c}
html[data-theme=pink]{--theme-glow:#8c286a;--theme-panel:#4b203e;--theme-base:#210d20;--theme-edge:#b85592;--theme-accent:#ff75ba;--theme-accent-end:#ffb3d8;--theme-ink:#350f2a}
html[data-theme=orange]{--theme-glow:#985026;--theme-panel:#482e20;--theme-base:#20150e;--theme-edge:#b77740;--theme-accent:#ff9b52;--theme-accent-end:#ffd371;--theme-ink:#331d0b}
html[data-theme] body{background:radial-gradient(ellipse at top,var(--theme-glow),var(--theme-base) 75%);color:#eef8ff}
html[data-theme] .shell{background:linear-gradient(145deg,var(--theme-panel),var(--theme-base))}
html[data-theme] .panel{background:linear-gradient(140deg,var(--theme-panel),var(--theme-base));border-color:var(--theme-edge)}
html[data-theme] .primary{background:linear-gradient(110deg,var(--theme-accent),var(--theme-accent-end));color:var(--theme-ink)}
html[data-theme] nav{background:var(--theme-base)}
.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.theme-options button{width:100%;height:auto;min-height:92px;padding:10px 4px;border:2px solid transparent;border-radius:14px;background:#061322;color:#e9f7ff;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.theme-options button::before{content:'';display:block;width:38px;height:38px;margin:0 auto 8px;border-radius:50%;background:var(--swatch);box-shadow:0 0 16px color-mix(in srgb,var(--swatch) 45%,transparent)}
.theme-options button[aria-pressed=true]{border-color:#eafff6;box-shadow:0 0 0 2px #54d6a66b}
.theme-options button:focus-visible{outline:3px solid #65ffc3;outline-offset:3px}
#clock{padding:14px;border:1px solid #29634d;border-radius:12px;background:#051d16;color:#65ffc3;font:600 15px/1.6 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}