:root{--bg:#0a0812;--bg-2:#0d0a16;--panel:#14111d;--panel-2:#1b1626;--panel-3:#241e32;--glass-1:rgba(23,20,36,.62);--glass-2:rgba(36,31,54,.66);--glass-3:rgba(54,46,78,.66);--glass-hover:rgba(72,62,104,.5);--glass-bar:rgba(17,14,28,.62);--border:rgba(167,139,250,.16);--border-soft:hsla(0,0%,100%,.06);--edge:inset 0 1px 0 hsla(0,0%,100%,.1);--edge-strong:inset 0 1px 0 hsla(0,0%,100%,.16);--text:#edeaf5;--muted:#9a93ad;--faint:#6c6580;--accent:#a78bfa;--accent-rgb:167,139,250;--accent-strong:#8b5cf6;--accent-ink:#160d2a;--accent-2:#22d3ee;--accent-2-rgb:34,211,238;--danger:#ff6b6b;--danger-rgb:255,107,107;--radius-sm:9px;--radius:14px;--radius-lg:20px;--radius-pill:999px;--glass-blur:24px;--glass-blur-strong:38px;--glass-sat:1.4;--shadow-sm:0 2px 8px rgba(0,0,0,.28);--shadow:0 14px 36px rgba(0,0,0,.42),0 2px 8px rgba(0,0,0,.3);--shadow-lg:0 30px 72px rgba(0,0,0,.55),0 6px 16px rgba(0,0,0,.4);--glow:0 8px 30px rgba(var(--accent-rgb),0.32);--glow-ring:0 0 0 1px rgba(var(--accent-rgb),0.35),0 8px 30px rgba(var(--accent-rgb),0.30);--ease:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.4,0.5,1);--dur-fast:0.13s;--dur:0.22s;--dur-slow:0.42s}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--bg)}body:before{inset:0;z-index:-2;background:radial-gradient(1100px 720px at 4% -6%,rgba(var(--accent-rgb),.28),transparent 58%),radial-gradient(1000px 820px at 104% 4%,rgba(var(--accent-2-rgb),.18),transparent 55%),radial-gradient(900px 900px at 78% 116%,rgba(139,92,246,.22),transparent 60%),radial-gradient(700px 600px at 18% 108%,rgba(34,211,238,.1),transparent 60%),linear-gradient(160deg,#120e22 0,#0a0812 46%,#07060e 100%)}body:after,body:before{content:"";position:fixed;pointer-events:none}body:after{inset:-20%;z-index:-1;background:radial-gradient(540px 540px at 30% 24%,rgba(var(--accent-rgb),.12),transparent 62%),radial-gradient(460px 460px at 72% 70%,rgba(var(--accent-2-rgb),.08),transparent 64%);filter:blur(30px);opacity:.9;animation:aurora 22s ease-in-out infinite alternate}@keyframes aurora{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}@media (prefers-reduced-motion:reduce){body:after{animation:none}}::selection{background:rgba(var(--accent-rgb),.32)}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px rgba(var(--accent-rgb),.7);border-radius:8px}button{font-family:inherit;cursor:pointer;border:none;border-radius:10px;font-weight:650;letter-spacing:.1px;transition:transform var(--dur-fast) var(--ease-spring),filter var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),color var(--dur) var(--ease),opacity var(--dur) var(--ease)}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):active{transform:translateY(.5px) scale(.985)}.btn-primary{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#fff),var(--accent-strong));color:var(--accent-ink);font-size:13.5px;padding:12px 18px;box-shadow:var(--glow),var(--edge-strong)}.btn-primary:not(:disabled):hover{filter:brightness(1.07) saturate(1.05);box-shadow:0 10px 36px rgba(var(--accent-rgb),.45),var(--edge-strong);transform:translateY(-1px)}.btn-ghost{background:var(--glass-2);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));color:var(--text);border:1px solid var(--border);font-size:13.5px;padding:12px 18px;box-shadow:var(--edge)}.btn-ghost:not(:disabled):hover{background:var(--glass-hover);border-color:rgba(var(--accent-rgb),.4);box-shadow:var(--edge),0 6px 18px rgba(0,0,0,.25)}input,select,textarea{font-family:ui-monospace,SF Mono,Menlo,monospace;background:var(--glass-1);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}header input,input:not([type]),input[type=text],textarea{font-family:Inter,system-ui,sans-serif}input:focus,select:focus,textarea:focus{border-color:rgba(var(--accent-rgb),.7);background:var(--glass-2);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.16)}textarea{resize:vertical;line-height:1.5}input[type=color]{padding:2px;cursor:pointer}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}::placeholder{color:var(--muted);opacity:.65}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.wordmark{font-weight:800;letter-spacing:-.4px;background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}details>summary{list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}details>summary::-webkit-details-marker{display:none}details>summary:hover{color:var(--text)}.scroll::-webkit-scrollbar{width:9px;height:9px}.scroll::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb),.18);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-rgb),.34);background-clip:padding-box}.scroll::-webkit-scrollbar-track{background:transparent}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin .8s linear infinite}.glass-panel{position:relative;background:var(--glass-1);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow),var(--edge)}.glass-edge:before,.glass-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(150deg,hsla(0,0%,100%,.28),hsla(0,0%,100%,.04) 32%,transparent 55%,rgba(var(--accent-rgb),.12) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass-bar{background:var(--glass-bar);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(1.6);backdrop-filter:blur(var(--glass-blur-strong)) saturate(1.6);border:1px solid var(--border-soft);box-shadow:var(--edge)}.glass-soft{background:var(--glass-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--edge),var(--shadow-sm)}.glass-chip{background:rgba(12,10,20,.6);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid var(--border-soft);box-shadow:var(--edge)}.navlink{position:relative;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.navlink:hover{background:var(--glass-hover);color:var(--text)}.card{position:relative;background:var(--glass-1);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm),var(--edge);transition:transform var(--dur) var(--ease-spring),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}.card:before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1px;background:linear-gradient(150deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.05) 30%,transparent 52%,rgba(var(--accent-rgb),.16) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card-hover:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.5);box-shadow:var(--shadow),0 0 28px rgba(var(--accent-rgb),.18),var(--edge-strong)}.card[data-selected=true]{border-color:rgba(var(--accent-rgb),.85);box-shadow:var(--glow-ring),var(--edge-strong)}.pill{border:1px solid var(--border);background:var(--glass-2);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));color:var(--muted);border-radius:var(--radius-pill);padding:7px 15px;font-size:13px;font-weight:650;box-shadow:var(--edge);transition:color var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease-spring)}.pill:hover{color:var(--text);border-color:rgba(var(--accent-rgb),.4);transform:translateY(-1px)}.pill[data-on=true]{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 86%,#fff),var(--accent-strong));color:var(--accent-ink);border-color:transparent;box-shadow:var(--glow),var(--edge-strong)}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:var(--radius-pill);background:var(--glass-1);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--border);box-shadow:var(--edge),inset 0 2px 6px rgba(0,0,0,.22)}.seg,.seg-item{position:relative}.seg-item{z-index:1;border:none;background:transparent;color:var(--muted);padding:6px 14px;font-size:12.5px;font-weight:700;border-radius:var(--radius-pill);white-space:nowrap;transition:color var(--dur) var(--ease)}.seg-item:hover{color:var(--text)}.seg-item[data-on=true]{color:var(--accent-ink);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#fff),var(--accent-strong));box-shadow:var(--glow),var(--edge-strong)}.seg-item[data-on=glass]{color:var(--text);background:var(--glass-hover);box-shadow:var(--edge),0 2px 8px rgba(0,0,0,.25)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .32s var(--ease) backwards}@keyframes pop-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}.dropdown-menu{animation:pop-in .18s var(--ease-spring) both;transform-origin:top;box-shadow:var(--shadow-lg),var(--edge-strong)}.dropdown-item{border:none;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease-spring)}.dropdown-item:hover{background:var(--glass-hover)!important;color:var(--text)!important}.dropdown-item:active{transform:scale(.98)}.dropdown-item[data-on=true]{background:rgba(var(--accent-rgb),.12)!important}.btn-ghost[data-open=true]{border-color:rgba(var(--accent-rgb),.5);background:var(--glass-hover)}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.rise{animation:rise .5s var(--ease) backwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(100deg,var(--glass-1) 30%,rgba(var(--accent-rgb),.08) 50%,var(--glass-1) 70%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius-sm)}.cols-3-1{display:grid;grid-template-columns:190px minmax(0,1fr) 300px;grid-gap:20px;gap:20px;align-items:start}@media (max-width:980px){.cols-3-1{grid-template-columns:1fr}.cols-3-1>aside{position:static!important}}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.btn-ghost,.card,.glass-panel,.pill,.seg{background:var(--panel)}.glass-bar{background:var(--bg-2)}}@media (prefers-reduced-transparency:reduce){.btn-ghost,.card,.glass-bar,.glass-chip,.glass-panel,.pill,.seg{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--panel)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}