.theme-trigger{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(16,20,17,.72);color:var(--muted);cursor:pointer}.theme-trigger:hover{color:var(--green);border-color:var(--green)}.theme-trigger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.theme-panel{position:fixed;z-index:80;top:88px;right:max(18px,calc((100vw - var(--max))/2));width:min(390px,calc(100vw - 28px));padding:22px;border:1px solid rgba(92,112,101,.55);border-radius:20px;background:rgba(10,13,11,.96);box-shadow:0 28px 80px rgba(0,0,0,.5);backdrop-filter:blur(20px);color:#f2f4f3}.theme-panel[hidden]{display:none}.theme-panel-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.theme-panel-head small{color:#00d9a6;font-size:9px;letter-spacing:.14em}.theme-panel h2{margin:6px 0 0;font-size:25px;letter-spacing:-.04em}.theme-panel-head>button{width:34px;height:34px;border:1px solid #29332d;border-radius:10px;background:transparent;color:#8e9993;font-size:22px;cursor:pointer}.theme-panel>p{margin:14px 0 18px;color:#8e9993;font-size:12px;line-height:1.55}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-options button{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;min-height:68px;padding:10px;border:1px solid #27302b;border-radius:13px;background:#101411;color:#f2f4f3;text-align:left;cursor:pointer}.theme-options button:hover,.theme-options button.is-active{border-color:#00d9a6}.theme-options button.is-active{box-shadow:inset 0 0 0 1px rgba(0,217,166,.25)}.theme-options i{width:42px;height:42px;border-radius:10px;background:#0a0c0b;border:1px solid #27302b}.theme-options [data-theme=official] i{background:radial-gradient(circle at 50% 38%,rgba(0,217,166,.3),transparent 32%),#090c0a}.theme-options [data-theme=midnight] i{background:radial-gradient(circle at 70% 25%,#dce6ff 0 2%,transparent 3%),radial-gradient(circle at 25% 65%,#fff 0 1.5%,transparent 2.5%),linear-gradient(145deg,#07101f,#120c24)}.theme-options [data-theme=arcade] i{background:linear-gradient(rgba(24,220,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(205,64,255,.22) 1px,transparent 1px),#10091d;background-size:9px 9px}.theme-options [data-theme=halloween] i{background:radial-gradient(circle at 50% 58%,#ff7b19 0 13%,transparent 14%),radial-gradient(circle at 50% 80%,rgba(255,69,0,.35),transparent 46%),#160908}.theme-options b,.theme-options small{display:block}.theme-options b{font-size:12px}.theme-options small{margin-top:4px;color:#849089;font-size:9px}.theme-panel~main,.theme-panel~main~footer{position:relative;z-index:1}html[data-theme] body{position:relative;background-attachment:fixed}html[data-theme] body::before{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;opacity:0;transition:opacity .35s ease}html[data-theme=midnight] body::before{opacity:1;background:radial-gradient(circle at 12% 18%,rgba(229,236,255,.2) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 36%,rgba(255,255,255,.15) 0 1px,transparent 1.5px),radial-gradient(circle at 45% 82%,rgba(0,217,166,.12) 0 1px,transparent 1.5px),linear-gradient(140deg,rgba(6,17,32,.9),rgba(17,8,29,.84));background-size:180px 180px,230px 230px,280px 280px,auto}html[data-theme=arcade] body::before{opacity:.75;background:linear-gradient(rgba(0,217,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(186,65,255,.08) 1px,transparent 1px),radial-gradient(circle at 20% 20%,rgba(0,217,255,.16),transparent 28%),radial-gradient(circle at 80% 70%,rgba(181,55,255,.15),transparent 30%);background-size:42px 42px,42px 42px,auto,auto}html[data-theme=halloween] body::before{opacity:.85;background:radial-gradient(circle at 12% 24%,rgba(255,108,20,.18),transparent 20%),radial-gradient(circle at 88% 64%,rgba(153,40,34,.19),transparent 24%),repeating-radial-gradient(circle at 92% 8%,transparent 0 22px,rgba(255,115,31,.055) 23px 24px),linear-gradient(150deg,rgba(24,8,7,.88),rgba(8,8,10,.76))}.header,.mobile-cta{z-index:20}.theme-panel{z-index:80}@media(max-width:680px){.theme-panel{top:78px;right:14px}.theme-options{grid-template-columns:1fr}.theme-trigger{width:38px;height:38px}.header-actions{gap:6px}}