:root{--accent: #864ffe;--accent-2: #5b8af8;--accent-soft: rgba(134, 79, 254, .14);--accent-line: rgba(134, 79, 254, .38);--accent-text: #c3b1ff;--bg-page: #0a0c10;--bg-subtle: #0e1116;--bg-card: #12151b;--bg-card-hover: #171b22;--bg-elevated: #171b22;--bg-input: #0e1116;--text-primary: #e9ebef;--text-secondary: rgba(233, 235, 239, .74);--text-tertiary: rgba(233, 235, 239, .62);--text-muted: rgba(233, 235, 239, .5);--border: rgba(255, 255, 255, .1);--border-soft: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .2);--ok: #2ee6a8;--warn: #f0b232;--danger: #f87171;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px -12px rgba(0, 0, 0, .6);--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--radius-pill: 999px;--font: "Inter Tight", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;--nav-width: 264px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.2, .8, .3, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--fast: .16s;--base: .26s;--slow: .5s;color-scheme:dark}:root[data-theme=light]{--accent: #7c31f6;--accent-2: #2563eb;--accent-soft: rgba(124, 49, 246, .1);--accent-line: rgba(124, 49, 246, .32);--accent-text: #6d1fe2;--bg-page: #f7f8fa;--bg-subtle: #f1f3f6;--bg-card: #ffffff;--bg-card-hover: #fafbfc;--bg-elevated: #ffffff;--bg-input: #ffffff;--text-primary: #14171c;--text-secondary: rgba(20, 23, 28, .74);--text-tertiary: rgba(20, 23, 28, .62);--text-muted: rgba(20, 23, 28, .5);--border: rgba(16, 20, 28, .13);--border-soft: rgba(16, 20, 28, .08);--border-hover: rgba(16, 20, 28, .24);--shadow-sm: 0 1px 2px rgba(16, 20, 28, .06);--shadow-md: 0 4px 12px -2px rgba(16, 20, 28, .08);--shadow-lg: 0 16px 40px -12px rgba(16, 20, 28, .16);color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}:root{--sb-thumb: rgba(255, 255, 255, .16);--sb-thumb-hover: rgba(255, 255, 255, .3)}:root[data-theme=light]{--sb-thumb: rgba(0, 0, 0, .2);--sb-thumb-hover: rgba(0, 0, 0, .34)}html{scrollbar-gutter:stable}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(-6px)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:200% 0}}@keyframes aurora{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(3%,-4%,0) scale(1.08)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rise{animation:rise var(--base) var(--ease-out) both}.fade-in{animation:fade var(--base) var(--ease-soft) both}.stagger>*{animation:rise var(--base) var(--ease-out) both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.06s}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.14s}.stagger>*:nth-child(5){animation-delay:.18s}.stagger>*:nth-child(6){animation-delay:.22s}.stagger>*:nth-child(7){animation-delay:.26s}.stagger>*:nth-child(8){animation-delay:.3s}.stagger>*:nth-child(n+9){animation-delay:.34s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:none}::-webkit-scrollbar-thumb{background:var(--sb-thumb);background-clip:content-box;border:3px solid transparent;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-hover);background-clip:content-box}::-webkit-scrollbar-button{display:none}*{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent}body{margin:0;background:radial-gradient(1200px 700px at 8% -12%,rgba(134,79,254,.18),transparent 62%),radial-gradient(900px 520px at 100% 0%,rgba(91,138,248,.12),transparent 60%),var(--bg-page);background-attachment:fixed;color:var(--text-primary);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;line-height:1.15;letter-spacing:-.01em}button{font:inherit;cursor:pointer}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent-text);font-size:13px;font-weight:700}.chip[data-tone=ok]{background:#2ee6a81f;border-color:#2ee6a859;color:var(--ok)}.chip[data-tone=warn]{background:#f0b2321f;border-color:#f0b23259;color:var(--warn)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);font-weight:700;transition:border-color .15s ease,transform .15s ease,background .15s ease}.btn:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.btn:active{transform:translateY(1px)}.btn[data-variant=primary]{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;box-shadow:0 8px 24px -10px var(--accent)}.btn[data-variant=ghost]{background:transparent}.btn:disabled{opacity:.55;cursor:not-allowed}.muted{color:var(--text-muted)}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.skeleton{background:linear-gradient(90deg,var(--bg-subtle),var(--bg-card-hover),var(--bg-subtle));background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius-sm)}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:color-mix(in oklab,var(--bg-page) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}.brand img{width:28px;height:28px}.topbar-right{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);object-fit:cover}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary)}.icon-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.page{width:min(1180px,100%);margin:0 auto;padding:32px 24px 96px}.page-head{margin-bottom:28px}.page-head h1{font-size:clamp(26px,3.4vw,34px);font-weight:800}.page-head p{margin:8px 0 0;color:var(--text-tertiary)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.server-card{display:flex;align-items:center;gap:14px;padding:18px;text-align:left;width:100%;border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-lg);transition:border-color .15s ease,transform .15s ease,background .15s ease}.server-card:hover{border-color:var(--accent-line);background:var(--bg-card-hover);transform:translateY(-2px)}.server-icon{width:46px;height:46px;border-radius:14px;object-fit:cover;border:1px solid var(--border);flex:none}.server-icon[data-fallback]{display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.server-card h3{font-size:16px;font-weight:700}.with-nav{display:grid;grid-template-columns:var(--nav-width) 1fr;gap:28px;align-items:start}.side-nav{position:sticky;top:84px;display:flex;flex-direction:column;gap:4px;max-height:calc(100dvh - 108px);overflow-y:auto;overscroll-behavior:contain;padding:12px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card)}.side-nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:600}.side-nav a:hover{background:var(--bg-card-hover);color:var(--text-primary)}.side-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-text)}.dot{width:8px;height:8px;border-radius:50%;background:var(--border-hover);flex:none}.dot[data-on=true]{background:var(--ok);box-shadow:0 0 10px #2ee6a8b3}.field{display:grid;gap:8px;padding:18px 0;border-bottom:1px solid var(--border-soft)}.field:last-child{border-bottom:none}.field-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.field label{font-weight:700}.field small{display:block;color:var(--text-muted);font-weight:400}.input,.select,.textarea{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font:inherit}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{min-height:120px;resize:vertical;font-family:inherit}.switch{position:relative;width:46px;height:26px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-subtle);transition:background .15s ease,border-color .15s ease;flex:none}.switch[data-on=true]{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch[data-on=true]:after{transform:translate(20px)}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-pill);background:var(--bg-subtle);border:1px solid var(--border);font-size:13px}.tag button{border:none;background:none;color:var(--text-muted);padding:0;line-height:1}.tag button:hover{color:var(--danger)}.save-bar{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:12px 14px 12px 20px;border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--border-hover);box-shadow:var(--shadow-lg);z-index:30}.error-box{padding:14px 16px;border-radius:var(--radius);border:1px solid rgba(248,113,113,.4);background:#f871711a;color:var(--danger)}@media(max-width:880px){.with-nav{grid-template-columns:1fr}.side-nav{position:static;max-height:none;overflow-y:visible;flex-direction:row;overflow-x:auto}.page{padding:24px 16px 96px}}.msel{position:relative;min-width:0}.msel-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font:inherit;font-weight:500;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.msel-trigger:hover:not(:disabled){border-color:var(--accent-line);background:var(--bg-card-hover)}.msel-trigger:focus-visible,.msel-trigger[data-open=true]{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.msel-trigger:disabled{opacity:.5;cursor:not-allowed}.msel-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.msel-label[data-placeholder=true]{color:var(--text-muted);font-weight:400}.msel-chevron{display:inline-flex;align-items:center;flex:none;opacity:.55;transition:transform .2s ease,opacity .2s ease}.msel-trigger[data-open=true] .msel-chevron{opacity:1;transform:rotate(180deg)}.msel-dot{flex:none;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px #00000040 inset}.msel-panel{position:fixed;z-index:10000;display:flex;flex-direction:column;padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 96%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-lg);overflow:hidden;animation:msel-in .18s cubic-bezier(.34,1.56,.64,1);transform-origin:top}.msel-panel[data-flip=true]{transform-origin:bottom}.msel-panel:focus{outline:none}@keyframes msel-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.msel-search{padding:4px 4px 6px}.msel-search .input{padding:8px 10px;font-size:.9rem}.msel-list{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.msel-group{padding:8px 12px 4px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.msel-group:not(:first-child){margin-top:4px;padding-top:10px;border-top:1px solid var(--border-soft)}.msel-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;border-radius:8px;background:none;color:var(--text-secondary);font:inherit;font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease}.msel-option[data-active=true]{background:var(--bg-card-hover);color:var(--text-primary)}.msel-option[data-selected=true]{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.msel-option[data-selected=true]:after{content:"";flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:var(--tick) center / contain no-repeat;mask:var(--tick) center / contain no-repeat}.msel-option:disabled{opacity:.4;cursor:not-allowed}.msel-option-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.msel-hint{flex:none;font-size:.78rem;font-weight:400;color:var(--text-muted)}.msel-empty{margin:0;padding:14px 12px;color:var(--text-muted);font-size:.88rem}:root{--tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.75.75 0 0 1 1.06-1.06L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z'/%3E%3C/svg%3E")}@media(prefers-reduced-motion:reduce){.msel-panel{animation:none}}.who{display:inline-flex;align-items:center;gap:8px;min-width:0}.who img,.who-fallback{flex:none;width:22px;height:22px;border-radius:50%;object-fit:cover;background:var(--bg-subtle);border:1px solid var(--border-soft)}.who-fallback{display:grid;place-items:center;font-size:.7rem;font-weight:700;color:var(--text-muted)}.who-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.who-name small{display:block;font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono)}.btn[data-variant=danger]{background:#f8717124;border-color:#f8717173;color:var(--danger)}.chip[data-tone=danger]{background:#f871711f;border-color:#f8717166;color:var(--danger)}.editor-list,.editor-form,.editor-preview{display:flex;flex-direction:column;gap:16px;padding:20px}.editor-list h3,.editor-form h3{font-size:18px}.editor-form h4,.editor-preview h4,.editor-list h4{margin:0;font-size:15px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:16px;align-items:start}.editor-preview{position:sticky;top:88px}.subcard{padding:16px;border-radius:var(--radius);border:1px solid var(--border-soft);background:var(--bg-subtle)}.form-row{display:flex;flex-direction:column;gap:6px;min-width:0}.form-row>label{font-weight:700;font-size:14px}.form-row>label small{display:block;font-weight:400;color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--bg-subtle);color:var(--text-primary);text-align:left;font:inherit}button.list-row{cursor:pointer;transition:border-color .15s ease,background .15s ease}button.list-row:hover,.list-row[data-active=true]{border-color:var(--accent-line);background:var(--bg-card-hover)}.list-title{display:inline-flex;align-items:center;gap:8px;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;font-size:14px}.link-row{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(0,1.4fr) auto;gap:8px;align-items:center}.counter{margin:-8px 0 0;font-size:12.5px;color:var(--text-muted)}.counter.over{color:var(--danger);font-weight:700}.platform-badge{padding:3px 10px;border-radius:var(--radius-pill);color:#fff;font-size:12px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.35)}.dc-message{display:flex;gap:12px;padding:14px;border-radius:var(--radius);background:#313338;color:#dbdee1;font-size:15px;line-height:1.4}.dc-avatar{flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.dc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.dc-author{font-weight:600;color:#f2f3f5}.dc-app{margin-left:4px;padding:1px 5px;border-radius:4px;background:#5865f2;color:#fff;font-size:10px;font-weight:700;vertical-align:middle}.dc-container{padding:14px 16px;border-radius:8px;border-left:4px solid transparent;background:#2b2d31;overflow-wrap:anywhere}.dc-container hr{margin:12px 0;border:0;border-top:1px solid #3f4147}.dc-text h1,.dc-text h2,.dc-text h3{margin:4px 0;color:#f2f3f5}.dc-text h1{font-size:22px}.dc-text h2{font-size:19px}.dc-text h3{font-size:16px}.dc-text p{margin:0}.dc-text small{display:block;color:#949ba4;font-size:12.5px}.dc-text li{margin-left:18px}.dc-text blockquote{margin:0;padding-left:10px;border-left:4px solid #4e5058}.dc-text code{padding:1px 4px;border-radius:4px;background:#1e1f22;font-size:13px}.dc-gap{height:8px}.dc-link{color:#00a8fc}.dc-mention{padding:0 2px;border-radius:3px;background:#5865f24d;color:#c9cdfb;font-weight:500}.dc-emoji{width:1.2em;height:1.2em;vertical-align:-.25em}.dc-image{display:grid;place-items:center;height:90px;margin-bottom:10px;border-radius:6px;background:repeating-linear-gradient(45deg,#1e1f22,#1e1f22 10px,#232428 10px 20px);color:#949ba4;font-size:13px}.dc-menu{display:flex;justify-content:space-between;padding:10px 12px;border-radius:6px;border:1px solid #1e1f22;background:#1e1f22;color:#949ba4}.dc-buttons{display:flex;flex-wrap:wrap;gap:8px}.dc-button{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:#4e5058;color:#fff;font-size:14px;font-weight:500}.dc-button[data-style=primary]{background:#5865f2}.dc-button[data-style=success]{background:#248046}.dc-button[data-style=danger]{background:#da373c}@media(max-width:1100px){.editor-layout{grid-template-columns:1fr}.editor-preview{position:static}}@media(max-width:640px){.link-row{grid-template-columns:56px minmax(0,1fr) auto}.link-row input:nth-child(3){grid-column:1 / -1;grid-row:2}}:root{--series-1: #3987e5;--series-2: #d95926;--chart-grid: rgba(255, 255, 255, .07);--chart-axis: rgba(255, 255, 255, .2)}:root[data-theme=light]{--series-1: #2a78d6;--series-2: #eb6834;--chart-grid: rgba(16, 20, 28, .08);--chart-axis: rgba(16, 20, 28, .25)}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{padding:8px 10px;text-align:left;color:var(--text-muted);font-weight:700;white-space:nowrap}.admin-table td{padding:10px;border-top:1px solid var(--border-soft);vertical-align:middle}.banner{padding:10px 24px;text-align:center;background:#f0b2321f;border-bottom:1px solid rgba(240,178,50,.35);color:var(--warn);font-weight:600}.news{margin-top:36px;display:grid;gap:12px}.news h2{font-size:20px}.news-item{padding:18px 20px}.news-item h3{font-size:16px}.news-item ul{margin:10px 0 0;padding-left:20px;color:var(--text-secondary)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:16px}.stat-tile{padding:18px}.stat-label{color:var(--text-muted);font-size:13px;font-weight:700}.stat-value{margin-top:4px;font-size:30px;font-weight:800}.stat-note{color:var(--text-tertiary);font-size:13px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.chart{margin:0}.chart-title{margin-bottom:10px;font-weight:700}.chart-legend{display:flex;gap:16px;margin-bottom:8px;color:var(--text-secondary);font-size:13px}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i,.chart-tooltip-row i{display:inline-block;width:10px;height:10px;border-radius:3px}.chart-frame{position:relative}.chart-grid{stroke:var(--chart-grid);stroke-width:1}.chart-axis{stroke:var(--chart-axis);stroke-width:1}.chart-tick{fill:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums}.chart-column{outline:none}.chart-column[data-active=true] path{filter:brightness(1.18)}.chart-column:focus-visible rect{stroke:var(--accent);stroke-width:1}.chart-tooltip{position:absolute;top:0;transform:translate(-50%);min-width:120px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow-md);pointer-events:none;font-size:13px;z-index:5}.chart-tooltip-title{color:var(--text-muted);margin-bottom:4px}.chart-tooltip-row{display:flex;align-items:center;gap:8px}.chart-tooltip-row span{color:var(--text-secondary)}.chart-table{margin-top:8px;font-size:13px;color:var(--text-secondary)}.chart-table summary{cursor:pointer;color:var(--text-muted)}.chart-table table{margin-top:6px;border-collapse:collapse}.chart-table td,.chart-table th{padding:3px 12px 3px 0;text-align:left;font-variant-numeric:tabular-nums}.bar-list{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:minmax(90px,150px) 1fr auto;align-items:center;gap:10px;font-size:13.5px}.bar-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-secondary)}.bar-track{height:10px}.bar-fill{display:block;height:100%;border-radius:0 4px 4px 0}.bar-value{font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:600}.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.bg-card{overflow:hidden}.bg-card img,.bg-missing{display:block;width:100%;aspect-ratio:460 / 660;object-fit:cover;background:var(--bg-subtle)}.bg-missing{display:grid;place-items:center;color:var(--text-muted);font-size:13px}a.btn[aria-disabled=true]{opacity:.55;pointer-events:none}.premium-card{padding:18px 20px;margin-bottom:16px;background:radial-gradient(600px 160px at 100% 0%,var(--accent-soft),transparent 70%),var(--bg-card)}.premium-card[data-plan=premium]{border-color:var(--accent-line)}.premium-card p{margin:4px 0 0}.premium-list{margin:14px 0 0;padding-left:20px;columns:2 260px;color:var(--text-secondary)}.landing{display:flex;flex-direction:column;gap:calc(var(--space) * 3);padding-bottom:calc(var(--space) * 2)}.hero{position:relative;overflow:clip;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:calc(var(--space) * 2);align-items:center;padding:clamp(28px,6vw,72px) 0 clamp(20px,4vw,48px);isolation:isolate}.aurora{position:absolute;inset:-20% -10% auto;height:120%;z-index:-1;filter:blur(70px);opacity:.55;pointer-events:none}.aurora span{position:absolute;display:block;border-radius:50%}.aurora span:nth-child(1){top:4%;left:2%;width:40%;height:60%;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);animation:aurora 16s var(--ease-soft) infinite}.aurora span:nth-child(2){top:18%;right:6%;width:36%;height:56%;background:radial-gradient(circle,var(--accent-2) 0%,transparent 70%);animation:aurora 20s var(--ease-soft) infinite reverse}.aurora span:nth-child(3){bottom:0;left:36%;width:30%;height:40%;background:radial-gradient(circle,#2ee6a8 0%,transparent 70%);animation:aurora 24s var(--ease-soft) infinite;opacity:.6}.hero-text{display:flex;flex-direction:column;gap:18px;align-items:flex-start;animation:rise var(--slow) var(--ease-out) both}.hero-chip{animation:rise var(--slow) var(--ease-out) .05s both}.hero h1{margin:0;font-size:clamp(38px,6vw,62px);line-height:1.03;letter-spacing:-.03em;animation:rise var(--slow) var(--ease-out) .1s both}.hero-text>p{margin:0;max-width:54ch;color:var(--text-secondary);font-size:clamp(16px,1.6vw,19px);animation:rise var(--slow) var(--ease-out) .16s both}.gradient-text{background:linear-gradient(110deg,var(--accent),var(--accent-2) 55%,#2ee6a8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;animation:rise var(--slow) var(--ease-out) .22s both}.hero-actions .btn{height:46px;padding:0 22px;font-size:15px}.hero-note{margin:0;color:var(--text-muted);font-size:14px;animation:rise var(--slow) var(--ease-out) .28s both}.hero-preview{position:relative;animation:rise var(--slow) var(--ease-out) .2s both}.hero-preview .dc-message{transform:rotate(-1.2deg);box-shadow:var(--shadow-lg)}.hero-card{position:absolute;display:grid;gap:6px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in oklab,var(--bg-card) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);font-size:13px;color:var(--text-secondary)}.hero-card strong{color:var(--text-primary);font-size:14px}.hero-card-levels{left:-6%;bottom:-8%;width:230px;animation:floaty 7s var(--ease-soft) infinite}.hero-card-ticket{right:-4%;top:-6%;width:240px;animation:floaty 9s var(--ease-soft) infinite reverse}.hero-bar{display:block;height:8px;border-radius:var(--radius-pill);background:var(--bg-subtle);overflow:hidden}.hero-bar i{display:block;height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent),var(--accent-2))}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space)}.step{position:relative;padding:var(--card-pad);border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:linear-gradient(160deg,color-mix(in oklab,var(--bg-card) 70%,transparent),transparent)}.step-number{display:grid;place-items:center;width:34px;height:34px;margin-bottom:12px;border-radius:12px;background:var(--accent-soft);color:var(--accent-text);font-weight:800}.step h3{margin:0 0 6px;font-size:17px}.step p{margin:0;color:var(--text-secondary)}.section-head{max-width:62ch;margin:0 auto calc(var(--space) * 1.5);text-align:center}.section-head h2{margin:0 0 8px;font-size:clamp(24px,3vw,32px);letter-spacing:-.02em}.section-head p{margin:0;color:var(--text-secondary)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space)}.feature{position:relative;overflow:hidden;transition:transform var(--base) var(--ease-out),border-color var(--base) var(--ease-soft),box-shadow var(--base) var(--ease-soft)}.feature:before{content:"";position:absolute;inset:-40% 40% 60% -40%;background:radial-gradient(circle,var(--accent-soft),transparent 70%);opacity:0;transition:opacity var(--slow) var(--ease-soft)}.feature:hover{transform:translateY(-4px);border-color:var(--accent-line);box-shadow:var(--shadow-lg)}.feature:hover:before{opacity:1}.feature-emoji{display:grid;place-items:center;width:42px;height:42px;margin-bottom:12px;border-radius:14px;background:var(--bg-subtle);font-size:20px}.feature h3{margin:0 0 6px;font-size:17px}.feature p{margin:0;color:var(--text-secondary);font-size:14px}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space)}.plan h3{margin:0 0 4px;font-size:20px}.plan[data-plan=premium]{border-color:var(--accent-line);background:radial-gradient(600px 220px at 100% 0%,var(--accent-soft),transparent 70%),var(--bg-card)}.plan ul{margin:12px 0 0;padding-left:18px;color:var(--text-secondary)}.plan li+li{margin-top:4px}.plan-price{margin:0;color:var(--accent-text);font-weight:700}.cta{display:flex;flex-wrap:wrap;gap:var(--space);align-items:center;justify-content:space-between;background:radial-gradient(700px 240px at 0% 0%,var(--accent-soft),transparent 70%),var(--bg-card)}.cta h2{margin:0 0 4px;font-size:clamp(20px,2.4vw,26px)}@media(max-width:980px){.hero{grid-template-columns:1fr;text-align:left}.hero-preview{display:none}}.site-footer{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:space-between;width:min(1180px,100%);margin:0 auto;padding:22px 24px 32px;border-top:1px solid var(--border-soft);color:var(--text-muted);font-size:13px}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 18px}.site-footer a{color:var(--text-tertiary)}.site-footer a:hover{color:var(--text-primary)}.legal{max-width:760px;margin:0 auto;line-height:1.65}.legal h1{margin:14px 0 4px;font-size:clamp(28px,5vw,36px)}.legal h2{margin:30px 0 8px;font-size:18px}.legal p,.legal li{color:var(--text-secondary);overflow-wrap:anywhere}.legal ul{padding-left:20px}.legal li+li{margin-top:6px}.legal a{color:var(--accent-text)}.legal-updated{margin-top:0;font-size:14px}.legal-note{padding:10px 14px;border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--accent-soft)}.legal-lines{margin:0}.question-card{display:grid;gap:8px;padding:12px}.question-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.question-row>.input{flex:1 1 220px}.question-check{display:inline-flex;gap:6px;align-items:center;color:var(--text-secondary);font-size:14px;white-space:nowrap}.colorpick{display:inline-flex;align-items:center;gap:10px;min-width:168px;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--fast) var(--ease-soft),box-shadow var(--fast) var(--ease-soft),transform var(--fast) var(--ease-soft)}.colorpick:hover:not(:disabled){border-color:var(--border-hover)}.colorpick:active:not(:disabled){transform:translateY(1px)}.colorpick[data-open=true]{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.colorpick:disabled{opacity:.55;cursor:not-allowed}.colorpick-swatch{width:22px;height:22px;flex:none;border-radius:7px;border:1px solid var(--border-hover);box-shadow:inset 0 1px 2px #0000004d}.colorpick-swatch[data-empty=true]{background:linear-gradient(135deg,transparent 45%,var(--danger) 45%,var(--danger) 55%,transparent 55%),var(--bg-subtle)}.colorpick-value{flex:1;text-align:left;text-transform:uppercase;font-size:14px}.colorpick-caret{color:var(--text-muted);font-size:11px;transition:transform var(--base) var(--ease-out)}.colorpick[data-open=true] .colorpick-caret{transform:rotate(180deg)}.colorpick-panel{position:fixed;z-index:60;display:grid;gap:12px;padding:14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-lg);transform-origin:top left;animation:pop var(--base) var(--ease-spring)}.colorpick-panel[data-flip=true]{transform-origin:bottom left}.colorpick-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.colorpick-dot{aspect-ratio:1;border-radius:9px;border:1px solid rgba(255,255,255,.16);cursor:pointer;transition:transform var(--fast) var(--ease-spring),box-shadow var(--fast) var(--ease-soft)}.colorpick-dot:hover{transform:scale(1.12)}.colorpick-dot[data-active=true]{box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px var(--accent)}.colorpick-row{display:flex;gap:8px;align-items:center}.colorpick-row .input{flex:1;text-transform:uppercase}.colorpick-native{position:relative;display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-subtle);cursor:pointer;transition:border-color var(--fast) var(--ease-soft),transform var(--fast) var(--ease-spring)}.colorpick-native:hover{border-color:var(--border-hover);transform:scale(1.04)}.colorpick-native input{position:absolute;inset:0;opacity:0;cursor:pointer}.colorpick-clear{padding:8px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font:inherit;font-size:14px;cursor:pointer;transition:background var(--fast) var(--ease-soft),color var(--fast) var(--ease-soft),border-color var(--fast) var(--ease-soft)}.colorpick-clear:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-card-hover)}.langpick{position:relative}.langpick summary{display:inline-flex;align-items:center;gap:7px;min-height:var(--control-h);padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.02em;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--fast) var(--ease-soft),border-color var(--fast) var(--ease-soft),background var(--fast) var(--ease-soft),transform var(--fast) var(--ease-spring)}.langpick summary::-webkit-details-marker{display:none}.langpick summary::marker{content:""}.langpick summary:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-card-hover)}.langpick summary:active{transform:scale(.96)}.langpick summary svg{width:16px;height:16px;transition:transform var(--slow) var(--ease-soft)}.langpick[open] summary{color:var(--text-primary);border-color:var(--accent-line);background:var(--accent-soft)}.langpick[open] summary svg{transform:rotate(180deg)}.langpick-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;display:flex;flex-direction:column;gap:2px;min-width:200px;max-height:min(60dvh,380px);overflow:auto;padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 96%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-lg);transform-origin:right top}.langpick-item{display:flex;align-items:center;width:100%;padding:9px 12px;border:none;border-radius:8px;background:none;color:var(--text-secondary);font:inherit;font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:background var(--fast) var(--ease-soft),color var(--fast) var(--ease-soft),padding-left var(--fast) var(--ease-soft)}.langpick-item:hover{background:var(--bg-card-hover);color:var(--text-primary);padding-left:16px}.langpick-item.is-on{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.langpick-item.is-on:after{content:"";flex:none;width:14px;height:14px;margin-left:auto;background:currentColor;clip-path:polygon(14% 52%,0 66%,38% 100%,100% 22%,86% 10%,36% 74%)}.langpick-note{margin-top:4px;padding:8px 12px 4px;border-top:1px solid var(--border-soft);color:var(--text-muted);font-size:12px;line-height:1.4}.langpick[open] .langpick-menu{animation:langpick-in .2s var(--ease-soft)}.langpick[open] .langpick-item,.langpick[open] .langpick-note{animation:langpick-item .28s var(--ease-soft) backwards}.langpick[open] .langpick-item:nth-child(2){animation-delay:.05s}.langpick[open] .langpick-item:nth-child(3){animation-delay:.1s}.langpick[open] .langpick-note{animation-delay:.14s}.langpick.is-closing .langpick-menu{animation:langpick-out .14s ease forwards}@keyframes langpick-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}}@keyframes langpick-out{to{opacity:0;transform:translateY(-4px) scale(.97)}}@keyframes langpick-item{0%{opacity:0;transform:translate(6px)}}@media(max-width:640px){.langpick-code{display:none}.langpick summary{padding:0 10px}}.i18n-out{opacity:0!important;filter:blur(6px);transition:opacity .17s var(--ease-soft) var(--swap-delay, 0ms),filter .17s var(--ease-soft) var(--swap-delay, 0ms)}.i18n-in{animation:i18n-in .48s var(--ease-soft) var(--swap-delay, 0ms) both}@keyframes i18n-in{0%{opacity:0;filter:blur(6px)}60%{filter:blur(0)}to{opacity:1;filter:none}}.i18n-sweep{position:fixed;left:0;right:0;top:-30vh;height:30vh;z-index:70;pointer-events:none;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--accent) 12%,transparent) 42%,color-mix(in srgb,var(--accent) 26%,transparent) 50%,color-mix(in srgb,var(--accent) 12%,transparent) 58%,transparent);animation:i18n-sweep .82s cubic-bezier(.45,.1,.3,1) forwards}@keyframes i18n-sweep{to{transform:translateY(160vh)}}html.i18n-busy .langpick summary{pointer-events:none}@media(prefers-reduced-motion:reduce){.langpick-menu,.langpick-item,.langpick-note,.langpick summary svg{animation:none!important;transition:none!important}.i18n-out{filter:none}.i18n-sweep{display:none}}:root{--space: 20px;--header-h: 64px;--control-h: 40px;--card-pad: 20px}.topbar{height:var(--header-h);padding:0 24px}.page{padding:var(--space) 24px 120px}.page-head{margin:0 0 var(--space)}.with-nav{gap:var(--space);align-items:start}.side-nav{top:calc(var(--header-h) + var(--space));max-height:calc(100dvh - var(--header-h) - var(--space) * 2);padding:10px;gap:2px}.side-nav a{transition:background var(--fast) var(--ease-soft),color var(--fast) var(--ease-soft),transform var(--fast) var(--ease-spring)}.side-nav a:active{transform:scale(.985)}.grid,.stat-row,.metrics-grid,.bg-grid,.feature-grid,.plan-grid{gap:var(--space)}.stack,.editor-list,.editor-form,.editor-preview{display:flex;flex-direction:column;gap:var(--space)}.editor-layout{gap:var(--space)}.card{padding:var(--card-pad);transition:border-color var(--base) var(--ease-soft),box-shadow var(--base) var(--ease-soft),transform var(--base) var(--ease-out)}.card+.card{margin-top:var(--space)}.stack>.card+.card,.editor-list>.card+.card{margin-top:0}.card>.card-head,.card>h2:first-child,.card>h3:first-child,.card>h4:first-child,.card>.row.spread:first-child{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:calc(var(--card-pad) * -1) calc(var(--card-pad) * -1) var(--space);padding:14px var(--card-pad);border-bottom:1px solid var(--border-soft);min-height:56px}.card>.card-head h2,.card>.card-head h3,.card>h2:first-child,.card>h3:first-child,.card>h4:first-child,.card>.row.spread:first-child h3,.card>.row.spread:first-child h4{margin:0;font-size:17px;line-height:1.3}.card-head small,.card-head .muted{display:block;margin-top:2px;font-size:13px;font-weight:400}.input,.select,.msel-trigger,.colorpick,.btn,.icon-btn{min-height:var(--control-h)}.input,.select,.msel-trigger,.colorpick{box-sizing:border-box;padding:0 12px}.icon-btn{width:var(--control-h);height:var(--control-h)}.textarea{box-sizing:border-box;min-height:calc(var(--control-h) * 2.4);padding:10px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;transition:background var(--fast) var(--ease-soft),border-color var(--fast) var(--ease-soft),transform var(--fast) var(--ease-spring),box-shadow var(--fast) var(--ease-soft)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0) scale(.985)}.row{align-items:center}.form-grid{gap:var(--space);align-items:stretch}.form-row{display:grid;grid-template-rows:auto 1fr;gap:8px;min-width:0}.form-row>label{align-self:start;font-size:14px;line-height:1.35}.form-row>*:not(label){align-self:end}.form-grid>.row{align-items:flex-end}.form-grid>.row>.btn{align-self:end}.field{padding:14px 0}.field:first-child{padding-top:0}.field-head{min-height:var(--control-h)}.subcard{padding:var(--card-pad);border-radius:var(--radius)}.list-row{min-height:52px;transition:background var(--fast) var(--ease-soft),border-color var(--fast) var(--ease-soft),transform var(--fast) var(--ease-spring)}.list-row:hover{transform:translate(2px)}.save-bar{animation:rise var(--base) var(--ease-out)}.skeleton{background:linear-gradient(90deg,var(--bg-subtle) 0%,var(--bg-card-hover) 40%,var(--bg-subtle) 80%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.grid>.card,.grid>.server-card,.metrics-grid>.card,.stat-row>.stat-tile{animation:rise var(--base) var(--ease-out) both}.card:hover{border-color:var(--border-hover)}.server-card{min-height:82px;transition:border-color var(--base) var(--ease-soft),transform var(--base) var(--ease-out),box-shadow var(--base) var(--ease-soft)}.server-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}@media(max-width:880px){.page{padding:var(--space) 16px 120px}.side-nav{max-height:none}}.logo-preview{display:grid;place-items:center;width:72px;height:72px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-subtle)}.logo-preview img{max-width:56px;max-height:56px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.brand img{max-height:28px;width:auto}