:root{--neutral-accent:#7c8793}body{isolation:isolate;background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--blue) 11%,transparent),transparent 30%),var(--bg)}body::before{content:"";position:fixed;z-index:-1;inset:-40vmax;background:linear-gradient(70deg,transparent 44%,color-mix(in srgb,var(--neutral-accent) 15%,transparent) 47%,color-mix(in srgb,var(--neutral-accent) 6%,transparent) 53%,transparent 56%);animation:portalBand 18s ease-in-out infinite alternate;pointer-events:none}body::after{content:"";position:fixed;z-index:40;inset:0;pointer-events:none;opacity:.04;background:repeating-radial-gradient(circle at 20% 30%,#fff 0 .45px,transparent .8px 3px);background-size:7px 7px;mix-blend-mode:soft-light}@keyframes portalBand{from{transform:translateX(-1%)}to{transform:translate(1%,-1%)}}.panel,.stat{background:linear-gradient(145deg,rgba(16,22,31,.84),rgba(10,15,22,.76));backdrop-filter:blur(14px);box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 45px rgba(0,0,0,.12);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.panel:hover,.stat:hover{border-color:color-mix(in srgb,var(--blue) 28%,var(--line));box-shadow:inset 0 1px rgba(255,255,255,.035),0 22px 52px rgba(0,0,0,.16)}.portal-header,.sidebar{background:rgba(12,17,25,.86);backdrop-filter:blur(16px)}.button{background:linear-gradient(120deg,var(--blue),var(--blue-light));border-color:var(--blue)}.palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.palette-grid label{padding:14px;border:1px solid var(--line);border-radius:10px;background:rgba(7,11,17,.56)}.palette-grid input[type=color]{height:52px;padding:4px;cursor:pointer}.theme-preview{position:relative;min-height:116px;margin:18px 0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(125deg,#0b1119,#121a24);display:flex;align-items:center;padding:25px}.theme-preview i{position:absolute;inset:-70% 22%;background:linear-gradient(70deg,transparent 37%,color-mix(in srgb,var(--neutral-accent) 25%,transparent) 42%,transparent 57%);transform:translateX(20%)}.theme-preview span{width:90px;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--blue-light));box-shadow:0 0 24px color-mix(in srgb,var(--blue) 35%,transparent)}.theme-preview strong{position:relative;margin-left:18px;font-size:11px;letter-spacing:1.5px;color:#dce8f5}@media(max-width:700px){.palette-grid{grid-template-columns:1fr}.theme-preview{padding:18px}.theme-preview strong{font-size:9px}}@media(prefers-reduced-motion:reduce){body::before{animation:none}.panel,.stat{transition:none}}.button:not(.secondary):not(.danger){background:linear-gradient(120deg,#124580,#1766aa);color:#fff;border-color:#247aba}.button:not(.secondary):not(.danger):hover{background:#1766aa;color:#fff}