#site-wallpaper{position:fixed;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center}body{isolation:isolate}html[data-skin] body{background-color:var(--bg)}.appearance-panel{margin-top:24px}.appearance-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:24px 0}.theme-choice{padding:10px;text-align:left;color:var(--tx);background:var(--pn);border:1px solid var(--ln);border-radius:8px;cursor:pointer}.theme-choice[aria-pressed="true"]{outline:2px solid var(--cy);outline-offset:2px}.theme-choice strong,.theme-choice small{display:block}.theme-choice small{color:var(--mu);font-size:12px}.theme-sample{display:flex;gap:8px;align-items:center;height:70px;margin-bottom:8px;background:radial-gradient(circle at 75% 35%,var(--sample-accent),transparent 60%),var(--sample-bg);padding:12px;border-radius:4px}.theme-sample i{width:20%;height:28px;border:1px solid var(--sample-accent);background:var(--sample-bg)}.theme-sample i:first-child{height:40px}html[data-skin] .pnl{clip-path:none;border-radius:var(--radius);border:1px solid var(--ln)}html[data-skin] .bt{border-radius:calc(var(--radius)/2)}html[data-skin] .pnl::before,html[data-skin] .pnl::after{display:none}@media(max-width:600px){.appearance-heading{display:block}.two{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.in{gap:6px}.br{font-size:14px}}
html:root[data-skin="orbital"]{--bg:#04060b;--pn:#0c1422ed;--hd:#04060bf2;--tx:#dbe9f6;--mu:#9aafc4;--cy:#6ee7ff;--am:#ffb347;--ln:#6ee7ff55;--gr:#6ee7ff09;--gw:#6ee7ff22;--radius:0px;color-scheme:dark}
html:root[data-skin="aurora"]{--bg:#071b24;--pn:#102f36ed;--hd:#071b24f2;--tx:#e1fff4;--mu:#a2c8c5;--cy:#5ef3bf;--am:#d4b6ff;--ln:#5ef3bf55;--gr:#5ef3bf09;--gw:#5ef3bf22;--radius:22px;color-scheme:dark}
html:root[data-skin="sakura"]{--bg:#fff1f5;--pn:#fffafbed;--hd:#fff1f5f2;--tx:#352336;--mu:#705365;--cy:#9c2862;--am:#7354a6;--ln:#9c286255;--gr:#9c286209;--gw:#9c286222;--radius:18px;color-scheme:light}
html:root[data-skin="ember"]{--bg:#1b100d;--pn:#2b1c16ed;--hd:#1b100df2;--tx:#fff0dd;--mu:#d0b6a1;--cy:#ffa65b;--am:#f8d187;--ln:#ffa65b55;--gr:#ffa65b09;--gw:#ffa65b22;--radius:2px;color-scheme:dark}
html:root[data-skin="ocean"]{--bg:#061a32;--pn:#102c48ed;--hd:#061a32f2;--tx:#e1f4ff;--mu:#a3bfd3;--cy:#71ccff;--am:#7de4d2;--ln:#71ccff55;--gr:#71ccff09;--gw:#71ccff22;--radius:14px;color-scheme:dark}
html:root[data-skin="royal"]{--bg:#160d29;--pn:#281b40ed;--hd:#160d29f2;--tx:#f4eaff;--mu:#baa5d0;--cy:#d0b3ff;--am:#f6d382;--ln:#d0b3ff55;--gr:#d0b3ff09;--gw:#d0b3ff22;--radius:12px;color-scheme:dark}
html:root[data-skin="matrix"]{--bg:#07110b;--pn:#102018ed;--hd:#07110bf2;--tx:#d7f8df;--mu:#9ebba4;--cy:#83ef91;--am:#ebd77e;--ln:#83ef9155;--gr:#83ef9109;--gw:#83ef9122;--radius:0px;color-scheme:dark}
html:root[data-skin="arctic"]{--bg:#f0f8fc;--pn:#ffffffed;--hd:#f0f8fcf2;--tx:#112f43;--mu:#486579;--cy:#006382;--am:#945100;--ln:#00638255;--gr:#00638209;--gw:#00638222;--radius:6px;color-scheme:light}
html:root[data-skin="sandstone"]{--bg:#f7f1e5;--pn:#fffaf1ed;--hd:#f7f1e5f2;--tx:#372c22;--mu:#6c5e4e;--cy:#855022;--am:#667342;--ln:#85502255;--gr:#85502209;--gw:#85502222;--radius:3px;color-scheme:light}
html:root[data-skin="graphite"]{--bg:#161719;--pn:#242527ed;--hd:#161719f2;--tx:#f3f3f3;--mu:#b6b8bc;--cy:#ededed;--am:#c7c7c7;--ln:#ededed55;--gr:#ededed09;--gw:#ededed22;--radius:0px;color-scheme:dark}
html[data-skin="matrix"] body,html[data-skin="matrix"] h1,html[data-skin="matrix"] h2,html[data-skin="matrix"] h3{font-family:Consolas,monospace}html[data-skin="sandstone"] h1,html[data-skin="sandstone"] h2,html[data-skin="sandstone"] h3{font-family:Georgia,serif;font-weight:400}html[data-skin="graphite"] body{background-image:none}html[data-skin="graphite"] h1{letter-spacing:-.06em}html[data-skin="aurora"] .pnl{box-shadow:0 16px 45px #0003}html[data-skin="sakura"] .pnl{box-shadow:0 8px 28px #9c28620b}html[data-skin="orbital"] .pnl{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}html[data-skin="royal"] h2{color:var(--am)}html[data-skin="ember"] .pnl{border-top:3px solid var(--cy)}html[data-skin="arctic"] .pnl{box-shadow:0 6px 16px #0063820a}