.theme-picker-btn{width:38px;height:38px;border-radius:50%;border:none;background:conic-gradient(#ef4444 0deg 51deg,#f97316 51deg 102deg,#eab308 102deg 153deg,#22c55e 153deg 204deg,#06b6d4 204deg 255deg,#6366f1 255deg 306deg,#ec4899 306deg 357deg,#ef4444 357deg 360deg);cursor:pointer;padding:0;flex-shrink:0;position:relative;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;box-shadow:0 2px 12px rgba(0,0,0,.4);outline:0}.theme-picker-btn::before{content:'';position:absolute;inset:8px;border-radius:50%;background:var(--bg-primary,#080911);transition:background .35s;z-index:1}.theme-picker-btn:hover{transform:scale(1.15) rotate(40deg);box-shadow:0 5px 22px rgba(0,0,0,.55)}.theme-picker-btn:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.theme-modal-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.theme-modal-overlay.is-open{opacity:1;visibility:visible}.theme-modal{background:var(--card-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--card-border);border-radius:22px;padding:26px 22px 22px;width:100%;max-width:430px;box-shadow:0 28px 70px rgba(0,0,0,.55);transform:translateY(18px) scale(.96);transition:transform .3s cubic-bezier(.16,1,.3,1)}.theme-modal-overlay.is-open .theme-modal{transform:translateY(0) scale(1)}.theme-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.theme-modal-title{font-size:1rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.theme-modal-close{width:30px;height:30px;border:none;background:rgba(255,255,255,.08);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;font-size:16px}.theme-modal-close:hover{background:rgba(255,255,255,.15);color:var(--text-main)}.theme-section-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:10px;margin-top:16px}.theme-section-label:first-of-type{margin-top:0}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.theme-card{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:8px 4px;border-radius:12px;border:2px solid transparent;transition:border-color .2s,background .2s,transform .15s}.theme-card:hover{background:rgba(255,255,255,.06);transform:translateY(-2px)}.theme-card.is-active{border-color:var(--primary);background:rgba(255,255,255,.05)}.theme-swatch{width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.12);box-shadow:0 3px 10px rgba(0,0,0,.3);transition:transform .2s;flex-shrink:0}.theme-card:hover .theme-swatch{transform:scale(1.08)}.theme-card.is-active .theme-swatch{border-color:rgba(255,255,255,.5);box-shadow:0 0 0 3px var(--primary),0 3px 10px rgba(0,0,0,.3)}.theme-label{font-size:.65rem;font-weight:600;color:var(--text-muted);text-align:center;white-space:nowrap}.theme-card.is-active .theme-label{color:var(--primary)}@media (max-width:380px){.theme-grid{grid-template-columns:repeat(3,1fr)}}html[data-theme=dark]{--bg-primary:#080911;--card-bg:rgba(255,255,255,0.03);--card-border:rgba(255,255,255,0.07);--card-glow:rgba(99,102,241,0.05);--primary:hsl(245,82%,67%);--primary-hover:hsl(245,82%,73%);--primary-glow:rgba(99,102,241,0.3);--text-main:#f3f4f6;--text-muted:#9ca3af;--text-inverse:#080911}html[data-theme=light]{--bg-primary:#f1f5f9;--card-bg:rgba(255,255,255,0.70);--card-border:rgba(255,255,255,0.95);--card-glow:rgba(99,102,241,0.08);--primary:hsl(245,82%,55%);--primary-hover:hsl(245,82%,48%);--primary-glow:rgba(99,102,241,0.35);--text-main:#334155;--text-muted:#64748b;--text-inverse:#ffffff}html[data-theme=blue]{--bg-primary:#060d1a;--card-bg:rgba(56,189,248,0.05);--card-border:rgba(56,189,248,0.13);--card-glow:rgba(56,189,248,0.07);--primary:#38bdf8;--primary-hover:#7dd3fc;--primary-glow:rgba(56,189,248,0.35);--text-main:#e0f2fe;--text-muted:#7dd3fc;--text-inverse:#060d1a}html[data-theme=ocean]{--bg-primary:#040f1c;--card-bg:rgba(2,132,199,0.06);--card-border:rgba(2,132,199,0.15);--card-glow:rgba(2,132,199,0.07);--primary:#0284c7;--primary-hover:#38bdf8;--primary-glow:rgba(2,132,199,0.35);--text-main:#bae6fd;--text-muted:#7dd3fc;--text-inverse:#040f1c}html[data-theme=cyan]{--bg-primary:#04161b;--card-bg:rgba(8,145,178,0.06);--card-border:rgba(8,145,178,0.15);--card-glow:rgba(8,145,178,0.07);--primary:#0891b2;--primary-hover:#22d3ee;--primary-glow:rgba(8,145,178,0.35);--text-main:#cffafe;--text-muted:#67e8f9;--text-inverse:#04161b}html[data-theme=emerald]{--bg-primary:#041410;--card-bg:rgba(16,185,129,0.05);--card-border:rgba(16,185,129,0.13);--card-glow:rgba(16,185,129,0.06);--primary:#10b981;--primary-hover:#34d399;--primary-glow:rgba(16,185,129,0.35);--text-main:#d1fae5;--text-muted:#6ee7b7;--text-inverse:#041410}html[data-theme=green]{--bg-primary:#041008;--card-bg:rgba(34,197,94,0.05);--card-border:rgba(34,197,94,0.13);--card-glow:rgba(34,197,94,0.06);--primary:#22c55e;--primary-hover:#4ade80;--primary-glow:rgba(34,197,94,0.35);--text-main:#dcfce7;--text-muted:#86efac;--text-inverse:#041008}html[data-theme=forest]{--bg-primary:#050f06;--card-bg:rgba(22,163,74,0.06);--card-border:rgba(22,163,74,0.14);--card-glow:rgba(22,163,74,0.07);--primary:#16a34a;--primary-hover:#4ade80;--primary-glow:rgba(22,163,74,0.35);--text-main:#bbf7d0;--text-muted:#4ade80;--text-inverse:#050f06}html[data-theme=gold]{--bg-primary:#120e03;--card-bg:rgba(202,138,4,0.06);--card-border:rgba(202,138,4,0.15);--card-glow:rgba(202,138,4,0.07);--primary:#ca8a04;--primary-hover:#fbbf24;--primary-glow:rgba(202,138,4,0.35);--text-main:#fef9c3;--text-muted:#fcd34d;--text-inverse:#120e03}html[data-theme=orange]{--bg-primary:#130903;--card-bg:rgba(234,88,12,0.06);--card-border:rgba(234,88,12,0.15);--card-glow:rgba(234,88,12,0.07);--primary:#ea580c;--primary-hover:#fb923c;--primary-glow:rgba(234,88,12,0.35);--text-main:#ffedd5;--text-muted:#fdba74;--text-inverse:#130903}html[data-theme=crimson]{--bg-primary:#140404;--card-bg:rgba(220,38,38,0.06);--card-border:rgba(220,38,38,0.14);--card-glow:rgba(220,38,38,0.07);--primary:#dc2626;--primary-hover:#f87171;--primary-glow:rgba(220,38,38,0.35);--text-main:#fee2e2;--text-muted:#fca5a5;--text-inverse:#140404}html[data-theme=rose]{--bg-primary:#140411;--card-bg:rgba(244,63,94,0.06);--card-border:rgba(244,63,94,0.14);--card-glow:rgba(244,63,94,0.07);--primary:#f43f5e;--primary-hover:#fb7185;--primary-glow:rgba(244,63,94,0.35);--text-main:#ffe4e6;--text-muted:#fda4af;--text-inverse:#140411}html[data-theme=purple]{--bg-primary:#0c0818;--card-bg:rgba(168,85,247,0.06);--card-border:rgba(168,85,247,0.14);--card-glow:rgba(168,85,247,0.07);--primary:#a855f7;--primary-hover:#c084fc;--primary-glow:rgba(168,85,247,0.35);--text-main:#f3e8ff;--text-muted:#d8b4fe;--text-inverse:#0c0818}html[data-theme] body,html[data-theme] body.light-theme{background-color:var(--bg-primary)!important;color:var(--text-main)!important}html[data-theme=dark] .theme-picker-btn::before{background:#080911}html[data-theme=light] .theme-picker-btn::before{background:#f1f5f9}html[data-theme=blue] .theme-picker-btn::before{background:#060d1a}html[data-theme=ocean] .theme-picker-btn::before{background:#040f1c}html[data-theme=cyan] .theme-picker-btn::before{background:#04161b}html[data-theme=emerald] .theme-picker-btn::before{background:#041410}html[data-theme=green] .theme-picker-btn::before{background:#041008}html[data-theme=forest] .theme-picker-btn::before{background:#050f06}html[data-theme=gold] .theme-picker-btn::before{background:#120e03}html[data-theme=orange] .theme-picker-btn::before{background:#130903}html[data-theme=crimson] .theme-picker-btn::before{background:#140404}html[data-theme=rose] .theme-picker-btn::before{background:#140411}html[data-theme=purple] .theme-picker-btn::before{background:#0c0818}