: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:var(--gap);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:var(--gap);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:var(--space)}.row{display:flex;align-items:center;gap:var(--gap)}.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:var(--space);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:var(--gap);font-weight:800;letter-spacing:.2px}.brand img{width:28px;height:28px}.topbar-right{display:flex;align-items:center;gap:var(--gap)}.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:var(--space);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.server-card{display:flex;align-items:center;gap:var(--space);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:var(--space);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:var(--gap);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:var(--gap);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:var(--space)}.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:var(--gap)}.tag{display:inline-flex;align-items:center;gap:var(--gap);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:var(--space);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:var(--gap);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:var(--gap);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:var(--gap);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:var(--space);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:var(--space);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:var(--gap);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:var(--space)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);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:var(--gap);min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-actions{display:inline-flex;align-items:center;gap:var(--gap);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:var(--gap);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:var(--gap);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:var(--gap)}.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:var(--gap)}.dc-button{display:inline-flex;align-items:center;gap:var(--gap);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:var(--gap)}.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:var(--space);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:var(--space)}.chart{margin:0}.chart-title{margin-bottom:10px;font-weight:700}.chart-legend{display:flex;gap:var(--space);margin-bottom:8px;color:var(--text-secondary);font-size:13px}.chart-legend span{display:inline-flex;align-items:center;gap:var(--gap)}.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:var(--gap)}.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:var(--gap)}.bar-row{display:grid;grid-template-columns:minmax(90px,150px) 1fr auto;align-items:center;gap:var(--gap);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:var(--space)}.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{position:relative;display:flex;flex-direction:column;gap:calc(var(--space) * 4);padding-bottom:calc(var(--space) * 3)}.app-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.app-bg span{position:absolute;display:block;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}.app-bg span:nth-child(1){top:-18vh;left:-12vw;width:58vw;height:58vw;background:radial-gradient(circle,var(--accent) 0%,transparent 68%);animation:orb-a 28s var(--ease-soft) infinite}.app-bg span:nth-child(2){top:8vh;right:-18vw;width:52vw;height:52vw;background:radial-gradient(circle,var(--accent-2) 0%,transparent 68%);animation:orb-b 34s var(--ease-soft) infinite}.app-bg span:nth-child(3){bottom:-26vh;left:18vw;width:48vw;height:48vw;background:radial-gradient(circle,#2ee6a8 0%,transparent 68%);opacity:.32;animation:orb-c 38s var(--ease-soft) infinite}.app-bg span:nth-child(4){bottom:4vh;right:6vw;width:30vw;height:30vw;background:radial-gradient(circle,#f472b6 0%,transparent 68%);opacity:.22;animation:orb-a 42s var(--ease-soft) infinite reverse}.app-grid{position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--text-primary) 14%,transparent) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 0%,transparent 75%);opacity:.55}@keyframes orb-a{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(8vw,6vh,0) scale(1.12)}}@keyframes orb-b{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-10vw,8vh,0) scale(.92)}}@keyframes orb-c{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(6vw,-10vh,0) scale(1.08)}}:root[data-theme=light] .app-bg span{opacity:.28}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:calc(var(--space) * 2);align-items:center;padding:clamp(32px,7vw,88px) 0 0}.hero-text{display:flex;flex-direction:column;gap:var(--space);align-items:flex-start;animation:rise var(--slow) var(--ease-out) both}.hero h1{margin:0;font-size:clamp(40px,6.2vw,68px);line-height:1.03;letter-spacing:-.035em;animation:rise var(--slow) var(--ease-out) .08s 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) .14s both}.gradient-text{background:linear-gradient(110deg,var(--accent),var(--accent-2) 55%,#2ee6a8);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-drift 8s var(--ease-soft) infinite alternate}@keyframes gradient-drift{to{background-position:100% 0}}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--gap);animation:rise var(--slow) var(--ease-out) .2s both}.btn-lg{min-height:48px;padding:0 24px;font-size:15px}.hero-facts{display:flex;flex-wrap:wrap;gap:var(--gap);margin:0;padding:0;list-style:none;animation:rise var(--slow) var(--ease-out) .26s both}.hero-facts li{padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--bg-card) 60%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-secondary);font-size:13px;font-weight:600}.hero-preview{position:relative;padding:calc(var(--space) * 1.5) var(--space);animation:rise var(--slow) var(--ease-out) .18s 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 srgb,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:0;bottom:0;width:230px;animation:floaty 7s var(--ease-soft) infinite}.hero-card-ticket{right:0;top:0;width:240px;animation:floaty 9s var(--ease-soft) infinite reverse}.hero-bar,.mini-bar{display:block;height:8px;border-radius:var(--radius-pill);background:var(--bg-subtle);overflow:hidden}.hero-bar i,.mini-bar i{display:block;height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent),var(--accent-2))}.marquee{position:relative;overflow:hidden;padding:var(--gap) 0;border-block:1px solid var(--border-soft);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:flex;gap:calc(var(--space) * 2);width:max-content;animation:marquee 48s linear infinite}.marquee-track span{color:var(--text-tertiary);font-size:clamp(16px,2vw,22px);font-weight:800;letter-spacing:-.02em;white-space:nowrap}.marquee-track span:nth-child(4n+1){background:linear-gradient(110deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.section-head{display:grid;justify-items:center;gap:var(--gap);max-width:64ch;margin:0 auto calc(var(--space) * 1.5);text-align:center}.section-head h2{margin:0;font-size:clamp(26px,3.4vw,38px);letter-spacing:-.025em}.section-head p{margin:0;color:var(--text-secondary)}.eyebrow{padding:4px 12px;border-radius:var(--radius-pill);border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-text);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space);margin:0;padding:0;list-style:none}.steps:before{content:"";position:absolute;top:calc(var(--card-pad) + 22px);left:16%;right:16%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-line),var(--accent-line),transparent)}.step{position:relative;display:grid;justify-items:center;gap:var(--gap);padding:var(--card-pad);text-align:center}.step-number{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 6px var(--bg-page),0 0 28px color-mix(in srgb,var(--accent) 55%,transparent);color:#fff;font-weight:800}.step h3{margin:0;font-size:18px}.step p{margin:0;max-width:32ch;color:var(--text-secondary)}.spot{position:relative;overflow:hidden;padding:var(--card-pad);border-radius:var(--radius-lg);border:1px solid var(--border);background:color-mix(in srgb,var(--bg-card) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--base) var(--ease-out),border-color var(--base) var(--ease-soft),box-shadow var(--base) var(--ease-soft)}.spot:before{content:"";position:absolute;inset:0;background:radial-gradient(360px circle at var(--mx, 50%) var(--my, 0%),color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%);opacity:0;transition:opacity var(--base) var(--ease-soft);pointer-events:none}.spot:hover{transform:translateY(-4px);border-color:var(--accent-line);box-shadow:var(--shadow-lg)}.spot:hover:before{opacity:1}.spot>*{position:relative}.feature-emoji{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--bg-subtle)),var(--bg-subtle));box-shadow:inset 0 0 0 1px var(--border-soft);font-size:20px}.spot h3{margin:0;font-size:17px}.spot p{margin:0;color:var(--text-secondary);font-size:14px}.bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space);margin-bottom:var(--space)}.bento-big{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space);align-items:center;min-height:220px}.bento-copy{display:grid;gap:var(--gap);align-content:start}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space)}.feature{display:grid;gap:var(--gap);align-content:start}.mini{display:grid;gap:var(--gap);padding:14px;border-radius:var(--radius);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--bg-subtle) 80%,transparent);font-size:13px;color:var(--text-secondary)}.mini strong{color:var(--text-primary)}.mini-rank{grid-template-columns:auto 1fr;align-items:center}.mini-rank .mini-bar,.mini-rank small{grid-column:1 / -1}.mini-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,#22d3ee 50%,transparent)}.mini-lines{display:grid;gap:4px;justify-items:start}.mini-pill{padding:2px 10px;border-radius:var(--radius-pill);background:linear-gradient(90deg,#0ea5e9,#22d3ee);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em}.mini-alert{border-left:3px solid #9146ff}.mini-alert-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mini-live{padding:1px 7px;border-radius:4px;background:#e91916;color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;animation:live-pulse 1.8s var(--ease-soft) infinite}@keyframes live-pulse{50%{box-shadow:0 0 0 5px #e9191600;opacity:.8}}.mini-thumb{height:86px;border-radius:8px;background:linear-gradient(135deg,#2e1065,#1e3a8a 55%,#0f766e);position:relative;overflow:hidden}.mini-thumb span{position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 3s linear infinite}.mini-ticket .mini-msg{display:flex;gap:8px;align-items:flex-start}.mini-ticket p{margin:0;padding:8px 10px;border-radius:10px 10px 10px 2px;background:var(--bg-card)}.mini-msg-team{flex-direction:row-reverse}.mini-msg-team p{border-radius:10px 10px 2px;background:var(--accent-soft);color:var(--accent-text)}.mini-dot{flex:none;width:24px;height:24px;border-radius:50%;background:var(--bg-card-hover)}.mini-msg-team .mini-dot{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.mini-give{justify-items:start;border-left:3px solid #fbbf24}.mini-btn{padding:6px 14px;border-radius:6px;background:#5865f2;color:#fff;font-weight:700}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space)}.plan{display:grid;gap:var(--gap);align-content:start;background:color-mix(in srgb,var(--bg-card) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.plan h3{margin:0;font-size:20px}.plan p{margin:0}.plan ul{margin:0;padding-left:18px;color:var(--text-secondary)}.plan li+li{margin-top:4px}.plan-price{color:var(--accent-text);font-weight:700}@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.plan[data-plan=premium]{border:1px solid transparent;background:linear-gradient(color-mix(in srgb,var(--bg-card) 94%,transparent),color-mix(in srgb,var(--bg-card) 94%,transparent)) padding-box,conic-gradient(from var(--angle),var(--accent),var(--accent-2),#2ee6a8,var(--accent)) border-box;animation:angle-run 6s linear infinite}@keyframes angle-run{to{--angle: 360deg}}.cta{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;gap:var(--space);align-items:center;justify-content:space-between;padding:calc(var(--space) * 2);border-radius:var(--radius-lg);border:1px solid var(--accent-line);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 22%,var(--bg-card)),color-mix(in srgb,var(--accent-2) 18%,var(--bg-card)))}.cta-glow{position:absolute;inset:-40% -10% auto auto;width:60%;height:180%;background:radial-gradient(circle,color-mix(in srgb,#fff 18%,transparent),transparent 60%);filter:blur(40px);animation:orb-b 18s var(--ease-soft) infinite;pointer-events:none}.cta>:not(.cta-glow){position:relative}.cta h2{margin:0 0 6px;font-size:clamp(22px,2.8vw,30px)}.cta p{margin:0;color:var(--text-secondary)}.reveal{opacity:0;translate:0 24px;transition:opacity .6s var(--ease-out),translate .6s var(--ease-out);transition-delay:calc(var(--i, 0) * 80ms)}.reveal.in{opacity:1;translate:none}@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-preview{max-width:560px}.bento,.bento-big,.steps{grid-template-columns:1fr}.steps:before{display:none}}@media(prefers-reduced-motion:reduce){.app-bg span,.marquee-track,.gradient-text,.plan[data-plan=premium],.cta-glow,.mini-live,.mini-thumb span{animation:none!important}.reveal{opacity:1;translate:none;transition:none}}.site-footer{display:flex;flex-wrap:wrap;gap:var(--gap) var(--space);align-items:center;justify-content:space-between;width:min(1180px,100%);margin:0 auto;padding:var(--space) 24px calc(var(--space) * 1.5);border-top:1px solid var(--border-soft);color:var(--text-muted);font-size:13px}.site-footer nav{display:flex;flex-wrap:wrap;gap:var(--gap) var(--space)}.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:var(--space) 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:var(--gap);padding:12px}.question-row{display:flex;flex-wrap:wrap;gap:var(--gap);align-items:center}.question-row>.input{flex:1 1 220px}.question-check{display:inline-flex;gap:var(--gap);align-items:center;color:var(--text-secondary);font-size:14px;white-space:nowrap}.colorpick{display:inline-flex;align-items:center;gap:var(--gap);padding:0 12px 0 5px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);font:inherit;font-size:13px;cursor:pointer;transition:border-color var(--fast) var(--ease-soft),background var(--fast) var(--ease-soft),box-shadow var(--fast) var(--ease-soft)}.colorpick:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.colorpick[data-open=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);color:var(--text-primary)}.colorpick:disabled{opacity:.55;cursor:not-allowed}.colorpick-chip{position:relative;flex:none;width:26px;height:26px;border-radius:7px;border:1px solid rgba(127,127,127,.35);overflow:hidden;background-image:linear-gradient(45deg,rgba(127,127,127,.22) 25%,transparent 25%),linear-gradient(-45deg,rgba(127,127,127,.22) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(127,127,127,.22) 75%),linear-gradient(-45deg,transparent 75%,rgba(127,127,127,.22) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.colorpick-chip:after{content:"";position:absolute;inset:0;background:var(--chip, transparent)}.colorpick-value{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.02em;text-transform:uppercase}.colorpick-pop{position:fixed;z-index:10000;width:244px;padding:12px;border-radius:14px;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);animation:colorpick-in .16s var(--ease-soft)}@keyframes colorpick-in{0%{opacity:0;transform:translateY(-5px)}}.colorpick-area{position:relative;height:128px;border-radius:9px;cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--hue, #f00)}.colorpick-hue{position:relative;height:12px;margin-top:12px;border-radius:var(--radius-pill);cursor:pointer;touch-action:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.colorpick-knob{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000073,0 1px 3px #0006;pointer-events:none}.colorpick-hue .colorpick-knob{top:6px}.colorpick-row{display:flex;align-items:center;gap:var(--gap);margin-top:12px}.colorpick-hex{flex:1;min-width:0;padding:7px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-mono);font-size:12.5px;text-transform:uppercase}.colorpick-hex:focus{outline:none;border-color:var(--accent)}.colorpick-none{flex:none;padding:7px 10px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--text-secondary);font:inherit;font-size:12.5px;cursor:pointer;transition:border-color var(--fast) var(--ease-soft),color var(--fast) var(--ease-soft),background var(--fast) var(--ease-soft)}.colorpick-none:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-card-hover)}.colorpick-presets{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-soft)}.colorpick-preset{width:100%;aspect-ratio:1;padding:0;border-radius:6px;border:1px solid rgba(127,127,127,.3);cursor:pointer;transition:transform .12s var(--ease-spring)}.colorpick-preset:hover{transform:scale(1.14)}.colorpick-preset[data-on=true]{box-shadow:0 0 0 2px var(--accent)}@media(prefers-reduced-motion:reduce){.colorpick-pop{animation:none}.colorpick-preset{transition:none}}.langpick{position:relative}.langpick summary{display:inline-flex;align-items:center;gap:var(--gap);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% + 10px);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-menu:before{content:"";position:absolute;top:-6px;right:18px;width:11px;height:11px;transform:rotate(45deg);border-left:1px solid var(--border);border-top:1px solid var(--border);background:var(--bg-elevated)}.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;transform:translateY(-6px);transition:opacity .16s var(--ease-soft) var(--swap-delay, 0ms),transform .16s var(--ease-soft) var(--swap-delay, 0ms)}.i18n-in{animation:i18n-in .42s var(--ease-out) var(--swap-delay, 0ms) both}@keyframes i18n-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}html.i18n-busy .langpick-code{animation:pop .42s var(--ease-spring) both}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{transform:none}}:root{--space: 20px;--gap: 10px;--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-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:var(--gap);margin:0 0 var(--space);padding:0;border:0;min-height:0;background:none}.card>.card-head:last-child,.card>h2:first-child:last-child,.card>h3:first-child:last-child,.card>h4:first-child:last-child,.card>.row.spread:first-child:last-child,.card>*:last-child{margin-bottom:0}.card>.card-body:empty{display:none}.card>.card-body>*:last-child{margin-bottom:0}.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}.grid{align-items:stretch}.grid>.card{display:flex;flex-direction:column}.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:var(--gap);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(--gap);align-items:stretch}.form-row{display:grid;grid-template-rows:auto 1fr;gap:var(--gap);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}.page-view{view-transition-name:page}.page-head{view-transition-name:page-head}::view-transition-old(page),::view-transition-new(page),::view-transition-old(page-head),::view-transition-new(page-head){height:100%}::view-transition-old(page){animation:page-out .2s var(--ease-soft) both}::view-transition-new(page){animation:none}::view-transition-old(page-head){animation:page-out .2s var(--ease-soft) both}::view-transition-new(page-head){animation:page-in .4s var(--ease-out) both}@keyframes page-out{to{opacity:0;transform:translateY(-10px) scale(.99)}}@keyframes page-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.side-nav{position:sticky;isolation:isolate}.side-nav:before{content:"";position:absolute;z-index:-1;left:10px;right:10px;top:0;height:var(--pill-h, 0px);border-radius:var(--radius-sm);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line);transform:translateY(var(--pill-y, 0px));opacity:var(--pill-on, 0);transition:transform var(--base) var(--ease-spring),height var(--base) var(--ease-spring),opacity var(--fast) var(--ease-soft)}.side-nav a[aria-current=page]{background:none;color:var(--accent-text)}.side-nav a[aria-current=page] .dot[data-on=false]{background:var(--accent-line)}.grid.stagger>*,.grid>*{animation:none}@media(prefers-reduced-motion:reduce){.page-view,::view-transition-old(page),::view-transition-new(page),::view-transition-old(page-head),::view-transition-new(page-head){animation:none!important}.side-nav:before{transition:none}}.card,.premium-card,.server-card,.stat-tile,.subcard{padding:var(--card-pad);margin:0}.premium-card,.card+.card{margin-bottom:0}.card+.card{margin-top:var(--space)}.stack>.card+.card,.editor-list>.card+.card{margin-top:0}.grid,.metrics-grid,.stat-row,.feature-grid,.plan-grid{gap:var(--space);align-items:stretch;align-content:start}.grid>.card,.grid>.server-card,.grid>.stat-tile,.metrics-grid>.card,.stat-row>.stat-tile,.feature-grid>.card,.plan-grid>.card{animation:none;align-self:stretch;display:flex;flex-direction:column;gap:var(--space);margin:0}.grid>.card>*,.metrics-grid>.card>*,.feature-grid>.card>*,.plan-grid>.card>*{margin:0}.grid>.card p,.metrics-grid>.card p{font-size:14px;line-height:1.45}.card+.grid,.card+.metrics-grid,.card+.stat-row,.grid+.card,.metrics-grid+.card,.stat-row+.card{margin-top:var(--space)}.row,.tag-list,.chip-row,.btn-row{gap:var(--gap)}.grid>.server-card{align-items:center;justify-content:flex-start;text-align:center}.server-card>.stack{align-items:center;width:100%;min-width:0}.server-card .row{justify-content:center;width:100%}.server-card h3{max-width:100%}.server-icon{width:56px;height:56px}.server-card h3,.who-name,.bar-label{line-height:1.45;padding-bottom:1px}.server-card h3{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-view{display:flex;flex-direction:column;gap:var(--space);min-width:0}.page-view>*,.page-view>.card+.card,.page-view>.card+.grid,.page-view>.grid+.card,.page-view>.card+.metrics-grid,.page-view>.metrics-grid+.card,.page-view>.card+.stat-row,.page-view>.stat-row+.card{margin-top:0;margin-bottom:0}.page-view>.stack,.page-view>.editor-list{gap:var(--space)}@keyframes section-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes tile-in{0%{opacity:0}to{opacity:1}}.page-view>*{animation:section-in .5s var(--ease-out) both}.page-view>:nth-child(2){animation-delay:.06s}.page-view>:nth-child(3){animation-delay:.12s}.page-view>:nth-child(4){animation-delay:.18s}.page-view>:nth-child(5){animation-delay:.24s}.page-view>:nth-child(n+6){animation-delay:.3s}.page-view .grid>.card,.grid.tiles-in>*{animation:tile-in .45s var(--ease-soft) both}.page-view .grid>:nth-child(2),.grid.tiles-in>:nth-child(2){animation-delay:.04s}.page-view .grid>:nth-child(3),.grid.tiles-in>:nth-child(3){animation-delay:.08s}.page-view .grid>:nth-child(4),.grid.tiles-in>:nth-child(4){animation-delay:.12s}.page-view .grid>:nth-child(5),.grid.tiles-in>:nth-child(5){animation-delay:.16s}.page-view .grid>:nth-child(6),.grid.tiles-in>:nth-child(6){animation-delay:.2s}.page-view .grid>:nth-child(7),.grid.tiles-in>:nth-child(7){animation-delay:.24s}.page-view .grid>:nth-child(8),.grid.tiles-in>:nth-child(8){animation-delay:.28s}.page-view .grid>:nth-child(n+9),.grid.tiles-in>:nth-child(n+9){animation-delay:.32s}.row.spread>:last-child:not(:first-child){margin-left:auto}.row.spread>.row:last-child:not(:first-child){justify-content:flex-end}.split{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:var(--space);align-items:start}@media(max-width:760px){.split{grid-template-columns:1fr}}.scroll-fade{overflow-y:auto;overscroll-behavior:contain;--fade-top: 0px;--fade-bottom: 0px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),transparent 100%);transition:--fade-top var(--base) var(--ease-soft),--fade-bottom var(--base) var(--ease-soft)}.scroll-fade[data-more-above=true]{--fade-top: 28px}.scroll-fade[data-more-below=true]{--fade-bottom: 36px}@property --fade-top{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --fade-bottom{syntax: "<length>"; inherits: false; initial-value: 0px;}.loader{display:grid;place-items:center;min-height:min(62vh,560px);padding:var(--space);animation:fade .3s var(--ease-soft) both}.loader[data-full=true]{position:fixed;inset:0;z-index:80;min-height:100dvh;background:var(--bg-page)}.loader-box{display:grid;justify-items:center;gap:var(--space);width:min(360px,100%);text-align:center}.loader-mark{position:relative;display:grid;place-items:center;width:92px;height:92px}.loader-mark img{width:44px;height:44px;border-radius:12px;animation:loader-breathe 2.4s var(--ease-soft) infinite}.loader-mark:before,.loader-mark:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--accent);border-right-color:color-mix(in srgb,var(--accent) 40%,transparent);animation:spin 1.1s linear infinite}.loader-mark:after{inset:10px;border-top-color:var(--accent-2);border-right-color:transparent;border-left-color:color-mix(in srgb,var(--accent-2) 40%,transparent);animation-duration:1.6s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loader-breathe{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}50%{transform:scale(1.06);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 55%,transparent))}}.loader-step{display:grid;min-height:1.5em;color:var(--text-primary);font-weight:700}.loader-step>span{grid-area:1 / 1;animation:loader-step-in .4s var(--ease-out) both}@keyframes loader-step-in{0%{opacity:0;transform:translateY(10px)}}.loader-bar{position:relative;width:100%;height:6px;border-radius:var(--radius-pill);background:var(--bg-subtle);overflow:hidden}.loader-bar>i{position:absolute;inset:0 auto 0 0;width:var(--progress, 10%);border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .6s var(--ease-out)}.loader-bar>i:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.35) 50%,transparent 80%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.loader-hint{margin:0;color:var(--text-muted);font-size:13px}.file-picker{position:relative;display:flex;align-items:center;gap:var(--gap);min-width:0;min-height:calc(var(--control-h) + 24px);padding:10px 14px;border:2px dashed var(--border-hover);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s var(--ease-out),box-shadow .2s ease}.file-picker:hover,.file-picker[data-drag=true]{border-color:var(--accent);background:var(--bg-card-hover)}.file-picker[data-drag=true]{transform:scale(1.015);box-shadow:0 0 0 4px var(--accent-soft)}.file-picker:focus-within{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:2px}.file-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-picker[data-busy=true]{overflow:hidden;pointer-events:none;opacity:.75}.file-picker[data-busy=true]:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 20%,var(--accent-soft) 50%,transparent 80%);background-size:200% 100%;animation:file-busy 1.1s linear infinite}@keyframes file-busy{0%{background-position-x:150%}to{background-position-x:-50%}}.fp-icon{display:flex;flex:none;color:var(--text-tertiary);transition:transform .2s var(--ease-out),color .2s ease}.fp-icon svg{width:22px;height:22px}.file-picker:hover .fp-icon,.file-picker[data-drag=true] .fp-icon{transform:translateY(-2px);color:var(--accent)}.fp-body{display:flex;flex-direction:column;min-width:0}.fp-text{color:var(--text-tertiary);font-size:13px;font-weight:500}.fp-text strong{color:var(--accent-text)}.fp-name{margin-top:2px;color:var(--text-secondary);font-size:13px;font-weight:600;overflow-wrap:anywhere}.fp-thumb{display:flex;flex:none;align-items:center;justify-content:center;width:96px;height:44px;overflow:hidden;border-radius:8px;background-color:#8080801f;animation:pop .38s var(--ease-spring) both}.fp-thumb img{width:100%;height:100%;object-fit:cover}@media(prefers-reduced-motion:reduce){.page-view>*,.page-view .grid>.card,.grid.tiles-in>*,.loader-mark img,.loader-mark:before,.loader-mark:after,.loader-step>span,.file-picker[data-busy=true]:after{animation:none!important}}.label-stack{display:grid;gap:var(--gap);min-width:0}.split>.stack{gap:var(--space)}.premium-card{display:flex;flex-direction:column;gap:var(--space)}.premium-card>*,.premium-card>.card-head{margin:0}.card-head p.muted{margin:2px 0 0;font-size:13px;max-width:68ch}.head-actions{flex:none;margin-left:auto;justify-content:flex-end}.card-head>div:first-child{flex:1 1 320px;min-width:0}.app-bg[data-quiet=true] span{opacity:.2}.app-bg[data-quiet=true] .app-grid{opacity:.3}:root[data-theme=light] .app-bg[data-quiet=true] span{opacity:.14}.pending{display:flex;align-items:center;justify-content:center;gap:var(--gap);padding:var(--card-pad);border-radius:var(--radius-lg);border:1px dashed var(--border-soft);background:color-mix(in srgb,var(--bg-card) 55%,transparent);color:var(--text-tertiary);font-size:14px;font-weight:600;animation:fade .3s var(--ease-soft) .12s both}.pending-ring{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);border-right-color:var(--accent-2);animation:spin .8s linear infinite}.frame-wait{display:grid;place-items:center}.frame-wait .pending-ring{width:28px;height:28px}@keyframes rise-soft{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-view>* .card,.page-view>* .subcard,.page-view>* .list-row,.page-view>* .editor-list>*,.page-view>* .error-box,.page-view>* .notice{animation:rise-soft .42s var(--ease-out) both}@media(prefers-reduced-motion:reduce){.pending,.pending-ring,.page-view>* .card,.page-view>* .subcard,.page-view>* .list-row,.page-view>* .editor-list>*{animation:none!important}}.hero-line{display:block}.flag{display:inline-block;flex:none;vertical-align:-.2em;border-radius:50%;box-shadow:0 0 0 1px var(--border-soft)}.hero-facts li{display:inline-flex;align-items:center;gap:6px}.hero-facts li .flag+.flag{margin-left:-8px;box-shadow:0 0 0 2px var(--bg-card)}.langpick-item{gap:var(--gap)}.cta{align-items:center}.cta>div:not(.cta-glow){display:grid;gap:6px;align-content:center}.cta h2{margin:0}.storage-meter{display:grid;gap:6px}.storage-bar{display:block;height:6px;border-radius:var(--radius-pill);background:var(--bg-subtle);overflow:hidden}.storage-bar i{display:block;width:var(--used, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .6s var(--ease-out)}.hero-text{container-type:inline-size}.hero h1{font-size:clamp(32px,11cqi,68px)}.hero-line{white-space:nowrap}.cta .hero-actions{animation:none}