:root{--brand-lime: #C6FF6A;--brand-green: #5EE05A;--brand-teal: #1FA86A;--brand-deep: #185C2E;--brand-ink: #0A3018;--brand-gradient: linear-gradient(100deg, #C6FF6A 0%, #5EE05A 50%, #1FA86A 100%);--brand-gradient-under: linear-gradient(100deg, #185C2E, #0A3018);--font-display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;--font-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--leading-tight: 1.15;--leading-normal: 1.5;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--tracking-display: -.02em;--tracking-caps: .06em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--gutter: 16px;--rail-w: 248px;--ad-rail-w: 300px;--content-max: 1120px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--dur-instant: 80ms;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .42s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.3, 1.4, .5, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--z-rail: 20;--z-topbar: 30;--z-sheet: 40;--z-toast: 60;--z-palette: 70;--status-offline: #8A988F;--status-sleeping: #8F86F2;--status-queued: #F2B53A;--status-starting: #39B8F0;--status-online: #4ADE6A;--status-stopping: #F58A3D;--status-crashed: #F0525E;color-scheme:dark}:root,:root[data-theme=dark]{--bg: #0A0F0C;--bg-grad: radial-gradient(1200px 600px at 80% -10%, rgba(94, 224, 90, .07), transparent 60%), #0A0F0C;--surface-1: #111813;--surface-2: #162019;--surface-3: #1D2920;--surface-sunken: #070B08;--overlay: rgba(4, 8, 5, .72);--border: #223026;--border-strong: #2E4033;--text: #E9F2EB;--text-2: #A9BAAE;--text-3: #6F8275;--text-on-accent: #0A3018;--accent: #5EE05A;--accent-strong: #C6FF6A;--accent-soft: rgba(94, 224, 90, .12);--accent-ring: rgba(198, 255, 106, .45);--link: #8FEA7C;--focus: #C6FF6A;--danger: #F0525E;--danger-soft: rgba(240, 82, 94, .14);--warning: #F2B53A;--warning-soft: rgba(242, 181, 58, .14);--info: #39B8F0;--info-soft: rgba(57, 184, 240, .14);--success: #4ADE6A;--success-soft: rgba(74, 222, 106, .14);--ad-bg: #0E1410;--ad-border: #263329;--console-bg: #050806;--console-text: #CFE3D4;--skeleton: #1A251D;--skeleton-shine: #233228;--shadow-1: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 8px 24px rgba(0, 0, 0, .45);--shadow-3: 0 24px 64px rgba(0, 0, 0, .6);--glow-accent: 0 0 0 1px rgba(198, 255, 106, .25), 0 10px 40px rgba(94, 224, 90, .25);color-scheme:dark}:root[data-theme=light]{--bg: #F3F6F2;--bg-grad: radial-gradient(1200px 600px at 80% -10%, rgba(94, 224, 90, .14), transparent 60%), #F3F6F2;--surface-1: #FFFFFF;--surface-2: #F7FAF6;--surface-3: #EDF2EC;--surface-sunken: #E9EFE8;--overlay: rgba(10, 30, 16, .38);--border: #DCE5DB;--border-strong: #C6D3C5;--text: #0D1A11;--text-2: #4D5F52;--text-3: #7C8C80;--text-on-accent: #0A3018;--accent: #1FA86A;--accent-strong: #168A55;--accent-soft: rgba(31, 168, 106, .1);--accent-ring: rgba(31, 168, 106, .4);--link: #137A4A;--focus: #168A55;--danger: #D6303E;--danger-soft: rgba(214, 48, 62, .1);--warning: #B9800F;--warning-soft: rgba(242, 181, 58, .18);--info: #0E86BE;--info-soft: rgba(57, 184, 240, .14);--success: #18934F;--success-soft: rgba(74, 222, 106, .16);--ad-bg: #F7F9F6;--ad-border: #DCE5DB;--console-bg: #0B110D;--console-text: #CFE3D4;--skeleton: #E6ECE5;--skeleton-shine: #F1F5F0;--shadow-1: 0 1px 2px rgba(13, 40, 20, .06), 0 0 0 1px rgba(13, 40, 20, .04);--shadow-2: 0 8px 24px rgba(13, 40, 20, .08), 0 0 0 1px rgba(13, 40, 20, .04);--shadow-3: 0 24px 64px rgba(13, 40, 20, .18);--glow-accent: 0 0 0 1px rgba(31, 168, 106, .25), 0 10px 30px rgba(31, 168, 106, .25);--status-offline: #6E7C72;--status-sleeping: #6A5FE0;--status-queued: #C98A0C;--status-starting: #1491CC;--status-online: #18934F;--status-stopping: #D9681A;--status-crashed: #D6303E;color-scheme:light}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg: #F3F6F2;--bg-grad: radial-gradient(1200px 600px at 80% -10%, rgba(94, 224, 90, .14), transparent 60%), #F3F6F2;--surface-1: #FFFFFF;--surface-2: #F7FAF6;--surface-3: #EDF2EC;--surface-sunken: #E9EFE8;--overlay: rgba(10, 30, 16, .38);--border: #DCE5DB;--border-strong: #C6D3C5;--text: #0D1A11;--text-2: #4D5F52;--text-3: #7C8C80;--accent: #1FA86A;--accent-strong: #168A55;--accent-soft: rgba(31, 168, 106, .1);--accent-ring: rgba(31, 168, 106, .4);--link: #137A4A;--focus: #168A55;--danger: #D6303E;--danger-soft: rgba(214, 48, 62, .1);--warning: #B9800F;--warning-soft: rgba(242, 181, 58, .18);--info: #0E86BE;--success: #18934F;--ad-bg: #F7F9F6;--ad-border: #DCE5DB;--skeleton: #E6ECE5;--skeleton-shine: #F1F5F0;--shadow-1: 0 1px 2px rgba(13, 40, 20, .06), 0 0 0 1px rgba(13, 40, 20, .04);--shadow-2: 0 8px 24px rgba(13, 40, 20, .08), 0 0 0 1px rgba(13, 40, 20, .04);--shadow-3: 0 24px 64px rgba(13, 40, 20, .18);--glow-accent: 0 0 0 1px rgba(31, 168, 106, .25), 0 10px 30px rgba(31, 168, 106, .25);--status-offline: #6E7C72;--status-sleeping: #6A5FE0;--status-queued: #C98A0C;--status-starting: #1491CC;--status-online: #18934F;--status-stopping: #D9681A;--status-crashed: #D6303E;color-scheme:light}}@media(prefers-reduced-motion:reduce){:root{--dur-instant: 0ms;--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg-grad);background-attachment:fixed;color:var(--text);font:var(--weight-regular) var(--text-md)/var(--leading-normal) var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);margin:0;font-weight:var(--weight-bold)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0}code,.mono{font-family:var(--font-mono);font-size:.92em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.ic{width:18px;height:18px;flex:none;display:inline-block;vertical-align:-3px}.ic-sm{width:14px;height:14px;vertical-align:-2px}.ic-lg{width:24px;height:24px}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.row{display:flex;align-items:center;gap:var(--space-3)}.row-wrap{flex-wrap:wrap}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.topbar{position:sticky;top:0;z-index:var(--z-topbar);height:60px;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-5);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:10px;color:var(--text);font:var(--weight-black) 19px/1 var(--font-display);letter-spacing:-.03em}.logo svg{width:30px;height:30px}.logo .beta{font:600 10px/1 var(--font-body);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:4px 6px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent)}.logo:hover{text-decoration:none}.search-trigger{display:flex;align-items:center;gap:10px;height:38px;padding:0 10px 0 12px;min-width:300px;margin-left:var(--space-6);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-3);font:inherit;font-size:var(--text-sm);cursor:pointer}.search-trigger .kbd{margin-left:auto}.kbd{font:600 11px/1 var(--font-mono);padding:4px 6px;border-radius:6px;border:1px solid var(--border-strong);border-bottom-width:2px;color:var(--text-2);background:var(--surface-2)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.avatar{width:34px;height:34px;border-radius:10px;image-rendering:pixelated;background:var(--surface-3);flex:none}.balance-chip{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:var(--radius-pill);background:var(--surface-1);border:1px solid var(--border);font-weight:600;font-size:var(--text-sm);color:var(--text)}.shell{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);min-height:calc(100vh - 60px)}.rail{position:sticky;top:60px;height:calc(100vh - 60px);overflow:auto;padding:var(--space-4) var(--space-3);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-1)}.server-switch{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border);margin-bottom:var(--space-3);color:var(--text)}.server-switch .name{font-weight:700;font-size:var(--text-sm);line-height:1.2}.server-switch .sub{font-size:var(--text-xs);color:var(--text-3)}.server-glyph{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--surface-3);flex:none;color:var(--accent)}.server-glyph .ic{width:20px;height:20px}.nav-label{font-size:11px;font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-3);padding:var(--space-3) 10px var(--space-1)}.nav-item{display:flex;align-items:center;gap:12px;height:38px;padding:0 10px;border-radius:var(--radius-sm);color:var(--text-2);font-weight:500;font-size:var(--text-md);transition:background var(--dur-fast),color var(--dur-fast)}.nav-item:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-item.active{background:var(--accent-soft);color:var(--text);font-weight:600}.nav-item.active .ic{color:var(--accent)}.nav-item .badge{margin-left:auto}.nav-item .kbd{margin-left:auto;opacity:0;transition:opacity var(--dur-fast)}.nav-item:hover .kbd{opacity:1}.rail-foot{margin-top:auto;padding-top:var(--space-4)}.main{padding:var(--space-6) var(--space-8) var(--space-16);min-width:0}.page{max-width:1240px;margin:0 auto}.page-head{display:flex;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-head .crumbs{font-size:var(--text-sm);color:var(--text-3);margin-bottom:6px;display:flex;gap:6px;align-items:center}.with-rail{display:grid;grid-template-columns:minmax(0,1fr) var(--ad-rail-w);gap:var(--space-6);align-items:start}.side-rail{position:sticky;top:84px;display:flex;flex-direction:column;gap:var(--space-4)}.tabbar{display:none}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.card-pad{padding:var(--space-5)}.card-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.card-head h3{font-size:var(--text-md);font-family:var(--font-body);letter-spacing:0;font-weight:700}.card-body{padding:var(--space-5)}.divider{height:1px;background:var(--border);margin:var(--space-4) 0}.section-title{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-8) 0 var(--space-3);font-size:var(--text-lg)}.btn{--h: 38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font:600 var(--text-sm)/1 var(--font-body);cursor:pointer;white-space:nowrap;text-decoration:none!important;transition:transform var(--dur-instant),background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast)}.btn:hover{background:var(--surface-3)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand-gradient);color:var(--text-on-accent);border:0;box-shadow:var(--glow-accent)}.btn-primary:hover{filter:brightness(1.05);background:var(--brand-gradient)}.btn-solid{background:var(--text);color:var(--bg);border:0}.btn-solid:hover{background:var(--text);opacity:.9}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.btn-danger:hover{background:var(--danger);color:#fff}.btn-sm{--h: 30px;padding:0 10px;font-size:var(--text-xs);border-radius:7px}.btn-lg{--h: 48px;padding:0 22px;font-size:var(--text-md);border-radius:var(--radius-md)}.btn-icon{width:var(--h);padding:0}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn .spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.link-btn{background:none;border:0;padding:0;color:var(--link);font:inherit;font-weight:600;cursor:pointer}.status{--c: var(--status-offline);display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px 0 8px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--c) 16%,transparent);color:color-mix(in srgb,var(--c) 80%,var(--text));font-weight:700;font-size:var(--text-xs);letter-spacing:.01em;white-space:nowrap}.status .ic{width:13px;height:13px}.status .dot{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 25%,transparent)}.status[data-s=online]{--c: var(--status-online)}.status[data-s=sleeping]{--c: var(--status-sleeping)}.status[data-s=queued]{--c: var(--status-queued)}.status[data-s=starting]{--c: var(--status-starting)}.status[data-s=stopping]{--c: var(--status-stopping)}.status[data-s=crashed]{--c: var(--status-crashed)}.status[data-s=online] .dot,.status[data-s=starting] .dot,.status[data-s=queued] .dot{animation:pulse 1.6s var(--ease-in-out) infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 0%,transparent)}}.badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;background:var(--surface-3);color:var(--text-2);white-space:nowrap}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-warn{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-free{background:var(--surface-3);color:var(--text-2);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-size:10px}.badge-paid{background:var(--brand-gradient);color:var(--text-on-accent);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-size:10px}.input{height:40px;width:100%;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-sunken);color:var(--text);font:inherit;font-size:var(--text-md)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>.ic{position:absolute;left:12px;color:var(--text-3)}.input-wrap .input{padding-left:38px}.input-wrap .kbd{position:absolute;right:10px}.label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:6px}.hint{font-size:var(--text-xs);color:var(--text-3);margin-top:6px}.switch{position:relative;width:40px;height:24px;flex:none;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--border-strong);cursor:pointer;transition:background var(--dur-fast)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-2);transition:transform var(--dur-base) var(--ease-spring),background var(--dur-fast)}.switch.on{background:var(--accent);border-color:transparent}.switch.on:after{transform:translate(16px);background:#fff}.seg{display:inline-flex;padding:3px;border-radius:var(--radius-pill);background:var(--surface-sunken);border:1px solid var(--border);gap:2px}.seg button{height:30px;padding:0 14px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-2);font:600 var(--text-sm)/1 var(--font-body);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.seg button.on{background:var(--surface-1);color:var(--text);box-shadow:var(--shadow-1)}.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-2);font-size:var(--text-sm);font-weight:600;cursor:pointer;white-space:nowrap}.chip.on{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-5);overflow-x:auto;scrollbar-width:none}.tab{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;color:var(--text-2);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tab.on{color:var(--text);border-color:var(--accent)}.tab .badge{margin-left:2px}.sentence{display:flex;align-items:center;gap:var(--space-3);padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);font-size:var(--text-md)}.sentence .val{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:var(--surface-3);font-weight:700;color:var(--text);border-bottom:2px dashed var(--accent)}.sentence .switch{margin-left:auto}.stat{padding:var(--space-4) var(--space-4) 42px;border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border);position:relative;overflow:hidden}.stat .k{font-size:var(--text-xs);font-weight:600;color:var(--text-3);display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:var(--tracking-caps)}.stat .v{font:700 var(--text-xl)/1.1 var(--font-display);margin-top:6px;font-variant-numeric:tabular-nums}.stat .v small{font:500 var(--text-sm) var(--font-body);color:var(--text-3);margin-left:2px}.stat svg.spark{position:absolute;left:0;right:0;bottom:0;width:100%;height:34px}.stat .bar{height:6px;border-radius:99px;background:var(--surface-3);margin-top:10px;overflow:hidden}.stat .bar i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.meter{height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden}.meter i{display:block;height:100%;background:var(--brand-gradient);border-radius:inherit}html:not([data-state=online]) .when-online{display:none!important}html[data-state=online] .when-offline{display:none!important}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:var(--space-3);padding:12px var(--space-5);border-top:1px solid var(--border);min-height:56px}.list-row:first-child{border-top:0}.list-row:hover{background:var(--surface-2)}.list-row .title{font-weight:600}.list-row .meta{font-size:var(--text-xs);color:var(--text-3)}table.t{width:100%;border-collapse:collapse;font-size:var(--text-sm)}table.t th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-3);font-weight:700;padding:10px var(--space-4);border-bottom:1px solid var(--border)}table.t td{padding:12px var(--space-4);border-bottom:1px solid var(--border)}table.t tr:last-child td{border-bottom:0}.head-img{width:32px;height:32px;border-radius:8px;image-rendering:pixelated;background:var(--surface-3);flex:none}.ad{position:relative;border-radius:var(--radius-md);background:var(--ad-bg);border:1px solid var(--ad-border);padding:22px 10px 10px;display:flex;flex-direction:column}.ad .ad-label{position:absolute;top:6px;left:10px;font-size:10px;font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-3)}.ad .ad-why{position:absolute;top:4px;right:8px;font-size:10px;color:var(--text-3)}.ad .ad-fill{flex:1;border-radius:8px;min-height:inherit;background:repeating-linear-gradient(135deg,transparent 0 10px,color-mix(in srgb,var(--text-3) 9%,transparent) 10px 11px),var(--surface-2);display:grid;place-items:center;color:var(--text-3);font:600 var(--text-xs) var(--font-mono);text-align:center;padding:8px}.ad[data-family=horizontal] .ad-fill{min-height:90px}.ad[data-family=rectangle] .ad-fill{min-height:250px}.ad[data-family=vertical] .ad-fill{min-height:600px}.ad[data-family=multiplex] .ad-fill{min-height:300px}.ad[data-family=infeed] .ad-fill{min-height:110px}.annot{display:none;margin-top:8px;font:600 11px/1.4 var(--font-mono);color:#8a5a00;background:#ffe9a8;border:1px dashed #C99418;border-radius:6px;padding:5px 7px}html[data-annot=on] .annot{display:block}html[data-plan=paid] .ad,html[data-plan=paid] .free-only{display:none!important}html:not([data-plan=paid]) .paid-only{display:none!important}.ad-multiplex-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;flex:1}.ad-multiplex-grid>div{border-radius:8px;background:var(--surface-2);display:flex;flex-direction:column;overflow:hidden}.ad-multiplex-grid>div:before{content:"";aspect-ratio:16/10;background:repeating-linear-gradient(135deg,transparent 0 10px,color-mix(in srgb,var(--text-3) 9%,transparent) 10px 11px),var(--surface-3)}.ad-multiplex-grid>div:after{content:"";height:9px;margin:10px 10px 26px;border-radius:4px;background:var(--surface-3);box-shadow:0 16px 0 -1px var(--surface-3);width:70%}.reward{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:var(--space-5);background:linear-gradient(150deg,color-mix(in srgb,var(--status-sleeping) 22%,var(--surface-1)),var(--surface-1) 60%);border:1px solid color-mix(in srgb,var(--status-sleeping) 35%,var(--border))}.reward .r-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--status-sleeping) 25%,transparent);color:var(--status-sleeping)}.reward h3{font-size:var(--text-md);margin-top:var(--space-3)}.reward p{font-size:var(--text-sm);color:var(--text-2);margin-top:4px}.reward .btn{margin-top:var(--space-4);width:100%}.reward .left{font-size:var(--text-xs);color:var(--text-3);margin-top:8px;text-align:center}.upsell{border-radius:var(--radius-lg);padding:var(--space-5);background:radial-gradient(400px 200px at 100% 0%,rgba(198,255,106,.18),transparent 70%),var(--surface-1);border:1px solid var(--border-strong);position:relative;overflow:hidden}.upsell h3{font-size:var(--text-lg)}.upsell ul{list-style:none;padding:0;margin:var(--space-3) 0 var(--space-4);display:grid;gap:7px;font-size:var(--text-sm);color:var(--text-2)}.upsell li{display:flex;gap:8px;align-items:center}.upsell li .ic{color:var(--accent);width:16px;height:16px}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;align-items:flex-end}.toast{display:flex;align-items:center;gap:10px;min-width:280px;max-width:420px;padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-3);border:1px solid var(--border-strong);box-shadow:var(--shadow-3);font-size:var(--text-sm);animation:toast-in var(--dur-base) var(--ease-spring)}.toast .ic{color:var(--accent)}.toast[data-kind=error] .ic{color:var(--danger)}.toast[data-kind=info] .ic{color:var(--info)}.toast .act{margin-left:auto}@keyframes toast-in{0%{transform:translateY(12px) scale(.98);opacity:0}}.callout{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);font-size:var(--text-sm)}.callout>.ic{margin-top:1px}.callout.warn{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.callout.warn>.ic{color:var(--warning)}.callout.danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.callout.danger>.ic{color:var(--danger)}.callout.info{background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 30%,transparent)}.callout.info>.ic{color:var(--info)}.callout.ok{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.callout.ok>.ic{color:var(--success)}.callout strong{display:block;margin-bottom:2px}.skel{border-radius:8px;background:linear-gradient(90deg,var(--skeleton) 0,var(--skeleton-shine) 40%,var(--skeleton) 80%) 0 0 / 300% 100%;animation:shine 1.4s linear infinite}@keyframes shine{to{background-position:-150% 0}}.empty{text-align:center;padding:var(--space-10) var(--space-6)}.empty img{width:180px;height:auto;margin:0 auto var(--space-3);display:block}.empty h3{margin-bottom:6px}.empty p{color:var(--text-2);max-width:420px;margin:0 auto var(--space-4);font-size:var(--text-sm)}.console{background:var(--console-bg);color:var(--console-text);border-radius:var(--radius-lg);border:1px solid var(--border);font:13px/1.65 var(--font-mono);overflow:hidden}.console .lines{padding:var(--space-4);height:460px;overflow:auto;white-space:pre-wrap;word-break:break-word}.console .t{color:#5e7a66}.console .w{color:#f2b53a}.console .e{color:#ff7a84}.console .ok{color:#7cf08a}.console .cmd{color:#c6ff6a}.console .p{color:#9fd3ff}.console .in{display:flex;align-items:center;gap:10px;padding:10px var(--space-4);border-top:1px solid #1B261E;background:#0a100c}.console .in input{flex:1;background:transparent;border:0;color:#e9f2eb;font:inherit;outline:none}.scrim{position:fixed;inset:0;background:var(--overlay);z-index:var(--z-palette);display:none;place-items:start center;padding-top:12vh}.scrim.open{display:grid}.sheet{width:min(560px,calc(100vw - 32px));background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);overflow:hidden}@media(max-width:1180px){.with-rail{grid-template-columns:minmax(0,1fr)}.side-rail{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.side-rail .ad[data-family=vertical] .ad-fill{min-height:250px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-multiplex-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.rail,.search-trigger{display:none}.main{padding:var(--space-4) var(--gutter) 96px}.topbar{padding:0 var(--gutter)}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:var(--z-topbar);height:66px;padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--surface-1) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border)}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;color:var(--text-3)}.tabbar a.on{color:var(--text)}.tabbar a.on .ic{color:var(--accent)}.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.hide-m{display:none!important}.page-head{margin-bottom:var(--space-4)}.toast-stack{left:16px;right:16px;bottom:80px;align-items:stretch}.toast{min-width:0}.card-pad,.card-body{padding:var(--space-4)}.list-row{padding:12px var(--space-4)}}@media(min-width:901px){.show-m{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0ms!important;animation-iteration-count:1!important;transition-duration:0ms!important}}#app{min-height:100vh}.boot .topbar{position:static}.go-adfree{border-color:color-mix(in srgb,var(--accent) 50%,transparent)!important}.ic.spin{animation:spin .9s linear infinite}.status[data-key=starting] .ic,.status[data-key=installing] .ic{animation:spin 1.4s linear infinite}.btn:focus-visible,.nav-item:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn,.chip,.seg button,.tabbar a,.nav-item{min-height:30px}@media(pointer:coarse){.btn{min-height:44px}.btn-sm{min-height:36px}.switch{transform:scale(1.1)}}.bell{position:relative}.bell-dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.popover{position:absolute;right:0;top:46px;width:360px;max-width:calc(100vw - 24px);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-2);z-index:var(--z-sheet);overflow:hidden;animation:toast-in var(--dur-base) var(--ease-out)}.pop-list{max-height:420px;overflow:auto;display:flex;flex-direction:column}.pop-item{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-top:1px solid var(--border);color:var(--text);font-size:13px}.pop-item:first-child{border-top:0}.pop-item:hover{background:var(--surface-2);text-decoration:none}.pop-item span{color:var(--text-2)}.pop-item small{color:var(--text-3);font-size:11px}.pop-item.unread b:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:1px}.palette-list{max-height:50vh;overflow:auto;padding:6px 0}.pal-row{min-height:44px;border:0!important;cursor:pointer}.pal-row.on{background:var(--accent-soft)}.pal-row .ic{color:var(--text-3)}.pal-row.on .ic{color:var(--accent)}.sheet-wide{width:min(880px,calc(100vw - 32px))}.ph{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:var(--space-5)}.ph h1{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.crumbs{font-size:var(--text-sm);color:var(--text-3);display:flex;gap:6px;align-items:center;margin-bottom:6px}.crumbs a{color:var(--text-3)}.editor{width:100%;min-height:420px;resize:vertical;border:0;outline:none;padding:14px;background:var(--console-bg);color:var(--console-text);font:13px/1.6 var(--font-mono);tab-size:2;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.signin{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.signin-card{width:min(440px,100%)}.signin-hero{text-align:center;margin-bottom:18px}.signin-hero h1{font-size:30px;margin-top:12px}.signin-hero p{color:var(--text-2);margin-top:6px}.clerk-host{min-height:380px;display:grid;place-items:center}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.w-full{width:100%}.nowrap{white-space:nowrap}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tnum{font-variant-numeric:tabular-nums}.select{height:40px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-sunken);color:var(--text);font:inherit}.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.more-grid a{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--border);color:var(--text);font-weight:600}.more-grid a .ic{color:var(--accent);width:22px;height:22px}.credits p{color:var(--text-2);font-size:var(--text-sm);margin-top:6px}.credits h2{font-size:var(--text-lg);margin-top:var(--space-6)}.dropzone-active{outline:2px dashed var(--accent);outline-offset:-6px}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:900px){.ph{margin-bottom:var(--space-4)}}@media(min-width:1281px){.pg-upgrade .plans{grid-template-columns:repeat(var(--plan-cols, 6),minmax(0,1fr))}.pg-upgrade .plan{padding-inline:12px}}.srv.new{font:inherit;cursor:pointer;width:100%}@media(max-width:900px){.pg-server .addr-row .v{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}}@media(pointer:coarse){.power-sub .kbd,.power-sub .kbd-hint{display:none}}.pg-compare .tier h2,.pg-compare .tier .lead{max-width:calc(100% - 160px)}@media(max-width:900px){.pg-compare .tier h2,.pg-compare .tier .lead{max-width:calc(100% - 96px)}}
