header nav #themes-open,#home-themes-open{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 13px;border:0;border-radius:12px;background:#eff5ff0e;color:var(--text);box-shadow:0 3px 10px #1018241c;font-size:16px;white-space:nowrap;min-height:42px}
.theme-launcher svg{width:20px;height:20px;flex-shrink:0}
header nav #themes-open:hover,#home-themes-open:hover{background:#eff5ff1a;color:var(--accent)}
#home-themes-open{display:none}
#theme-picker{width:min(940px,calc(100vw - 32px));max-width:940px;max-height:94dvh;padding:24px 28px 0;border-radius:22px;--picker-panel:#293849;--preview-accent:#a6d8ed;--preview-ink:#183746}
html[data-theme=sage] #theme-picker{--picker-panel:#465243}html[data-theme=midnight] #theme-picker{--picker-panel:#152235}html[data-theme=desk] #theme-picker{--picker-panel:#3b413c}
#theme-picker[data-preview-accent=violet]{--preview-accent:#d5c2ef;--preview-ink:#302442}
#theme-picker[data-preview-accent=lime]{--preview-accent:#e7d0a1;--preview-ink:#3b3020}
.theme-picker-header{display:flex;justify-content:space-between;align-items:start;gap:16px}
.theme-picker-header p{font-size:16px;letter-spacing:1.5px;margin:0 0 8px;color:var(--muted)}
.theme-picker-header h2{font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.6px;margin:0;color:var(--text)}
#close-themes{flex-shrink:0}
.theme-picker-intro{font-size:16px!important;line-height:1.65;max-width:700px;margin:12px 0 22px;color:var(--muted)!important}
.theme-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#theme-picker .theme-choice{padding:0;text-align:left;border:0;border-radius:16px;overflow:hidden;background:#ffffff07;box-shadow:0 5px 20px #07142126;min-width:0;color:var(--text)}
#theme-picker .theme-choice:hover{background:#ffffff0f;box-shadow:0 8px 22px #07142130}
#theme-picker .theme-choice[aria-pressed=true]{background:color-mix(in srgb,var(--preview-accent) 14%,transparent);box-shadow:0 0 0 2px var(--preview-accent),0 7px 22px #07142130}
.theme-choice-info{display:block;padding:13px 16px 15px}
.theme-choice-name{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--text)}
.theme-current{font-size:16px;font-weight:400;line-height:1.3;padding:3px 6px;border-radius:5px;background:#ffffff12;color:var(--muted)}
.theme-selected{margin-left:auto;opacity:0;color:var(--preview-accent);font-size:18px}
[aria-pressed=true] .theme-selected{opacity:1}
.theme-choice-description{display:block;margin-top:5px;font-size:16px;line-height:1.5;color:var(--muted)}
.theme-mini{display:block;padding:12px 16px;height:168px;background:radial-gradient(ellipse at 20% 10%,#7fb4dd33,transparent 70%),radial-gradient(ellipse at 90% 90%,#c1a3db33,transparent 70%),#2b3746;color:#f1f3f8;pointer-events:none}
.mini-sample-header{display:flex;align-items:center;gap:5px;margin-bottom:12px}
.mini-sample-header b{font-family:'Google Sans',Arial,sans-serif;font-size:11px;letter-spacing:-.4px;flex:1}
.mini-sample-header>i{width:22px;height:4px;border-radius:3px;background:#cad7e74d}
.mini-sample-content{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:310px;margin:auto}
.mini-sample-calculator{display:block;padding:8px;border-radius:10px;background:linear-gradient(135deg,#ffffff20,#ffffff0b);box-shadow:inset 0 1px #fff2,0 6px 12px #08172624}
.mini-sample-display{display:block;text-align:right;padding:4px 6px;border-radius:5px;background:#13243580;color:#f6f8fc;font-size:17px;line-height:1.3;margin-bottom:6px}
.mini-sample-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.mini-sample-keys>span{display:block;text-align:center;border-radius:3px;padding:1px;background:#d4e3f215;box-shadow:inset 0 1px #fff1;font-size:8px;line-height:1.4;color:#edf3fa}
.mini-sample-keys .mini-operator{color:var(--preview-accent);background:color-mix(in srgb,var(--preview-accent) 14%,transparent)}
.mini-sample-keys .mini-equals{background:var(--preview-accent);color:var(--preview-ink)}
.mini-sample-side{display:flex;flex-direction:column;gap:8px;padding-top:4px;text-align:left}
.mini-sample-side>b{font-size:13px;font-weight:500;letter-spacing:-.3px}
.mini-sample-side>span{display:flex;gap:7px;align-items:center;background:#d3e1f212;padding:7px 6px;border-radius:6px;font-size:8px;color:#e2ebf5}
.mini-sample-side i{width:9px;height:9px;border-radius:3px;background:var(--preview-accent)}
.mini-sample-side>span:nth-child(3) i{background:#e4b8a1}
.mini-sample-side .mini-sample-chart{padding:3px 6px;color:var(--preview-accent);height:37px}
.mini-sample-chart svg{width:100%;height:100%}
.theme-mini[data-sample=sage]{background:#3c453c;color:#f1f3e9}.theme-mini[data-sample=sage] .mini-sample-calculator{background:#515e4e;box-shadow:none}.theme-mini[data-sample=sage] .mini-sample-display{background:#313d2a}.theme-mini[data-sample=sage] .mini-sample-side>span{background:#dce8c712;color:#e0e8d4}
.theme-mini[data-sample=midnight]{background:radial-gradient(ellipse at 15% 15%,#387da42b,transparent 70%),#0c1320}.theme-mini[data-sample=midnight] .mini-sample-calculator{background:linear-gradient(135deg,#27354b,#172135)}.theme-mini[data-sample=midnight] .mini-sample-display{background:#091321}
.theme-mini[data-sample=desk]{background:repeating-linear-gradient(94deg,#ffffff03 0 1px,transparent 1px 5px),#363b35;color:#f2f3e8}.theme-mini[data-sample=desk] .mini-sample-calculator{background:linear-gradient(135deg,#858b88,#515b58);box-shadow:inset 0 1px #fff5,0 3px 0 #26312c,0 7px 12px #101b1360}.theme-mini[data-sample=desk] .mini-sample-display{background:linear-gradient(#adbd9c,#c2ccad);color:#253526;box-shadow:inset 0 2px 4px #293c2460}.theme-mini[data-sample=desk] .mini-sample-keys>span{background:linear-gradient(#f4efe4,#d9d5c9);color:#313a34;box-shadow:0 1px 0 #293b30,0 2px 2px #0004}.theme-mini[data-sample=desk] .mini-sample-keys .mini-operator{background:linear-gradient(#53635b,#3b4b43);color:#edf5e9}.theme-mini[data-sample=desk] .mini-sample-keys .mini-equals{background:var(--preview-accent);color:var(--preview-ink)}.theme-mini[data-sample=desk] .mini-sample-keys>span:first-child{background:#d49d80}
.theme-color-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0}
.theme-color-row h3{font-size:17px;margin:0 0 4px;font-weight:500}.theme-color-row p{font-size:16px;margin:0;color:var(--muted)}
.theme-swatches{display:flex;gap:8px}
.theme-swatches button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border-radius:10px;color:var(--muted);min-width:70px}
.theme-swatches button[aria-pressed=true]{background:#ffffff0a;color:var(--text)}
.theme-swatches button span{display:block;width:25px;height:25px;border-radius:50%;background:#a6d8ed;box-shadow:0 2px 5px #0003}
.theme-swatches [data-accent-choice=violet] span{background:#d5c2ef}.theme-swatches [data-accent-choice=lime] span{background:#e7d0a1}
.theme-swatches [aria-pressed=true] span{outline:2px solid var(--preview-accent);outline-offset:3px}
.theme-swatches b{font-size:16px;font-weight:400}
.theme-picker-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 20px;background:var(--picker-panel);box-shadow:0 -8px 16px var(--picker-panel);z-index:2}
#theme-selection-status{font-size:16px;font-weight:500;margin:0;color:var(--text)}#theme-storage-note{display:block;font-size:16px;color:var(--muted);margin-top:5px}
#theme-picker-error{font-size:16px;color:#ffbcac;max-width:450px;margin:6px 0 0}
.theme-picker-footer>div:last-child{display:flex;align-items:center;gap:10px;flex-shrink:0}
#apply-theme,#cancel-themes{font-size:16px;padding:12px 18px;min-height:45px;border-radius:10px}#apply-theme{background:var(--preview-accent);color:var(--preview-ink)}#cancel-themes{color:var(--muted)}
@media(max-width:1100px) and (min-width:721px){header nav{gap:10px}header nav #themes-open{padding:9px;font-size:16px}}
@media(max-width:720px){header nav #themes-open{display:none}#home-themes-open{display:inline-flex;grid-column:2;grid-row:2;align-self:center;padding:9px 11px;font-size:16px}.hero-copy{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:0}.hero-copy h1{grid-column:1/-1}.hero-copy .hero-sub{grid-column:1;grid-row:2}#theme-picker{width:100%;max-width:100%;max-height:100dvh;height:100dvh;border-radius:0;padding:20px 16px 0}.theme-picker-header h2{font-size:25px}.theme-picker-intro{font-size:16px!important;margin:12px 0 18px}.theme-preview-grid{gap:12px}.theme-mini{height:139px;padding:10px 8px}.mini-sample-header{margin-bottom:9px}.mini-sample-header b{font-size:10px}.mini-sample-header>i{width:10px}.mini-sample-content{grid-template-columns:1fr;gap:0;max-width:108px}.mini-sample-calculator{padding:7px}.mini-sample-side{display:none}.mini-sample-display{font-size:16px;line-height:1.2;padding:3px 5px;margin-bottom:4px}.mini-sample-keys{gap:2px}.mini-sample-keys>span{font-size:8px;line-height:1.2}.theme-choice-info{padding:11px 10px 13px}.theme-choice-name{font-size:16px;flex-wrap:wrap;gap:5px}.theme-choice-description{font-size:16px;line-height:1.5}.theme-current{font-size:16px}.theme-selected{font-size:16px}.theme-color-row{display:block;padding:20px 0 16px}.theme-color-row p{font-size:16px}.theme-swatches{margin-top:10px;justify-content:flex-start}.theme-swatches button{min-width:78px}.theme-picker-footer{align-items:stretch;flex-direction:column;gap:12px;padding:14px 0 16px}.theme-picker-footer>div:last-child{justify-content:space-between}#apply-theme{flex:1}#theme-storage-note{font-size:16px}#theme-selection-status{font-size:16px}}
@media(forced-colors:active){#theme-picker .theme-choice[aria-pressed=true]{outline:2px solid Highlight}.theme-swatches [aria-pressed=true]{outline:2px solid Highlight}}