:root{--font-family-display: "Anton", system-ui, sans-serif;--font-family-body: "Inter", system-ui, sans-serif;--font-family-mono: "JetBrains Mono", ui-monospace, monospace;--font-display-xl: 400 clamp(2.4rem, 5vw, 4rem) / 1.05 var(--font-family-display);--font-display-l: 400 clamp(1.6rem, 3vw, 2.4rem) / 1.1 var(--font-family-display);--font-h3: 600 1.25rem / 1.3 var(--font-family-body);--font-body: 400 1rem / 1.6 var(--font-family-body);--font-small: 400 .875rem / 1.5 var(--font-family-body);--font-mono: 400 .8125rem / 1.4 var(--font-family-mono);--measure-body: 68ch;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--section-gap: 64px;--radius-control: 8px;--radius-card: 12px;--radius-pill: 999px;--container-max: 1280px;--container-max-xxl: 1480px;--container-pad: 16px;--rail-width: 200px;--no-ads-column-max: 920px;--z-background: 0;--z-content: 1;--z-subnav: 40;--z-nav: 50;--z-banner-dropdown: 60;--z-mobile-ad: 70;--z-backdrop: 80;--z-dialog: 90;--z-toast: 100;--z-consent: 110;--motion-micro: .15s;--motion-standard: .25s;--motion-large: .4s;--easing: cubic-bezier(.2, 0, 0, 1)}@media (min-width: 640px){:root{--container-pad: 24px}}@media (min-width: 1024px){:root{--container-pad: 32px}}@media (max-width: 639px){:root{--section-gap: 48px}}:root,[data-theme=dark]{--bg: #13203f;--surface: #1e2c52;--surface-2: #26365f;--accent-gold: #e4b24c;--accent-teal: #85bca8;--text-heading: #f0ead8;--text-body: #a7b4c7;--danger: #e5737f;--hairline: rgba(228, 178, 76, .22);--scrim: rgba(10, 18, 40, .55);--backdrop: rgba(10, 18, 40, .7);--shadow: 0 8px 24px rgba(6, 11, 26, .45);--accent-primary: var(--accent-gold);--accent-secondary: var(--accent-teal);--on-primary: #13203f}[data-theme=light]{--bg: #cfe3ec;--surface: #e3f0f4;--surface-2: #f0f7f9;--accent-gold: #a86e1e;--accent-teal: #1f6e5a;--text-heading: #0e2433;--text-body: #3a5764;--danger: #a8323d;--hairline: rgba(31, 78, 90, .28);--scrim: rgba(19, 32, 63, .72);--backdrop: rgba(14, 36, 51, .42);--shadow: 0 10px 28px rgba(20, 60, 75, .18);--accent-primary: var(--accent-teal);--accent-secondary: var(--accent-gold);--on-primary: #f0f7f9}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text-body);font:var(--font-body);font-family:var(--font-family-body)}a{color:inherit}h1,h2,h3{margin:0;color:var(--text-heading)}.admin-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:var(--admin-bg-image, none);background-size:cover;background-position:center}.admin-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 88%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:var(--radius-control);border:1px solid transparent;font:var(--font-body);font-weight:500;cursor:pointer;text-decoration:none;transition:background var(--motion-micro) var(--easing),border-color var(--motion-micro) var(--easing),color var(--motion-micro) var(--easing)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-gold);color:#13203f}.btn-secondary{background:var(--surface-2);color:var(--text-heading);border-color:var(--hairline)}.btn-ghost{background:transparent;color:var(--text-body);border-color:var(--hairline)}.btn-danger{background:var(--danger);color:var(--on-primary, #fff)}.btn--sm{min-height:32px;padding:0 12px;font-size:13px}.gate{min-height:100vh;display:grid;place-items:center;padding:var(--space-6)}.gate__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);padding:var(--space-8) var(--space-7);max-width:420px}.gate__tag{font-family:var(--font-family-mono);font-size:13px;letter-spacing:2px;color:var(--accent-gold)}.gate__title{font:var(--font-h3)}.gate__sub{color:var(--text-body)}.shell{display:grid;grid-template-columns:1fr;min-height:100vh}@media (min-width: 1024px){.shell{grid-template-columns:240px 1fr}}.sidebar{display:none;flex-direction:column;gap:var(--space-1);border-right:1px solid var(--hairline);background:var(--surface);padding:var(--space-4)}@media (min-width: 1024px){.sidebar{display:flex}}.sidebar__brand{display:flex;align-items:center;gap:8px;padding:var(--space-2) var(--space-3) var(--space-4)}.sidebar__tag{font-family:var(--font-family-mono);font-size:12px;letter-spacing:2px;color:var(--accent-gold)}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-control);color:var(--text-body);text-decoration:none;font-weight:500}.nav-link:hover{background:var(--surface-2);color:var(--text-heading)}.nav-link[aria-current=page]{background:var(--surface-2);color:var(--accent-gold)}.topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--hairline);background:var(--surface);position:sticky;top:0;z-index:10}.topbar__brand{display:flex;align-items:center;gap:8px}.topbar__tag{font-family:var(--font-family-mono);font-size:12px;letter-spacing:2px;color:var(--accent-gold)}.topbar__spacer{flex:1}.topbar__hamburger{display:inline-flex;background:none;border:none;color:var(--text-heading);cursor:pointer}@media (min-width: 1024px){.topbar__hamburger{display:none}}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-control);border:1px solid var(--hairline);background:transparent;color:var(--text-body);cursor:pointer}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--surface-2)}.sync-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-family-mono);font-size:12px;padding:5px 10px;border-radius:var(--radius-pill);border:1px solid var(--hairline);text-decoration:none}.sync-chip--ok{color:var(--accent-teal);border-color:color-mix(in srgb,var(--accent-teal) 50%,transparent)}.sync-chip--fail{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 50%,transparent)}.sync-chip--never{color:var(--text-body)}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex}.drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim);border:none}.drawer__panel{position:relative;width:260px;max-width:80vw;background:var(--surface);border-right:1px solid var(--hairline);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.main{display:flex;flex-direction:column;min-width:0}.screen{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.screen__title{font:var(--font-display-l)}.screen__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.muted{color:var(--text-body)}.overline{font-family:var(--font-family-mono);font-size:11px;letter-spacing:1px;color:var(--accent-gold)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.card{display:flex;flex-direction:column;gap:var(--space-2);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);padding:var(--space-4);text-decoration:none;color:inherit}.card--danger{border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.card__n{font:var(--font-display-l);color:var(--text-heading)}.card__label{font:var(--font-small);color:var(--text-body)}.tabs{display:inline-flex;flex-wrap:wrap;gap:var(--space-2)}.tab{font-family:var(--font-family-mono);font-size:12px;color:var(--text-body);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-pill);padding:6px 14px;cursor:pointer}.tab[data-active=true]{color:var(--accent-gold);border-color:var(--accent-gold)}.switch-pill{display:inline-flex;border:1px solid var(--hairline);border-radius:var(--radius-control);overflow:hidden}.switch-pill button{padding:6px 12px;background:transparent;color:var(--text-body);border:none;cursor:pointer;font-size:13px}.switch-pill button[data-active=true]{background:var(--surface-2);color:var(--text-heading)}.table-wrap{overflow-x:auto;border:1px solid var(--hairline);border-radius:var(--radius-card)}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th,table.data td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--hairline);white-space:nowrap}table.data th{font-family:var(--font-family-mono);font-size:11px;letter-spacing:.5px;color:var(--text-body);position:sticky;top:0;background:var(--surface)}table.data tr:last-child td{border-bottom:none}.pill{display:inline-block;font-family:var(--font-family-mono);font-size:11px;border-radius:var(--radius-pill);padding:2px 8px;border:1px solid var(--hairline);color:var(--text-body)}.field{display:flex;flex-direction:column;gap:var(--space-2);max-width:520px}.field label{font-family:var(--font-family-mono);font-size:12px;color:var(--text-body)}.field input{min-height:40px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-control);padding:0 12px;color:var(--text-heading);font:var(--font-body)}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.note{font:var(--font-small);color:var(--text-body)}.bg-preview{width:100%;max-width:520px;aspect-ratio:16 / 5;border:1px solid var(--hairline);border-radius:var(--radius-card);background-size:cover;background-position:center}.stub{display:flex;flex-direction:column;gap:var(--space-2);border:1px dashed var(--hairline);border-radius:var(--radius-card);padding:var(--space-6);color:var(--text-body)}.divider{border:none;border-top:1px solid var(--hairline);margin:var(--space-3) 0}.toast-host{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:200}.toast{background:var(--surface-2);color:var(--text-heading);border:1px solid var(--hairline);border-radius:var(--radius-control);padding:10px 16px;font-size:14px}.mono-path{font-family:var(--font-family-mono);font-size:11px;color:var(--text-body);word-break:break-all}.expand{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--hairline);border-top:none;border-radius:0 0 var(--radius-card) var(--radius-card);background:var(--surface)}.queue-row{display:flex;flex-direction:column;border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--surface);margin-bottom:var(--space-3);overflow:hidden}.queue-row__head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;text-align:left;background:none;border:none;color:inherit;width:100%}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent-gold);flex:0 0 auto}.preview{color:var(--text-body);font-size:13px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.chip-input{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-pill);padding:2px 8px;font-size:12px}.chip button{background:none;border:none;color:var(--text-body);cursor:pointer;padding:0}.spark{width:100%;height:120px}.toggle-switch{width:40px;height:22px;border-radius:11px;border:1px solid var(--hairline);background:var(--surface-2);position:relative;cursor:pointer;flex:0 0 auto}.toggle-switch[data-on=true]{background:var(--accent-teal);border-color:var(--accent-teal)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--bg);transition:transform var(--motion-micro) var(--easing)}.toggle-switch[data-on=true]:after{transform:translate(18px)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--scrim);display:grid;place-items:center;padding:var(--space-5)}.modal-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);padding:var(--space-6);max-width:560px;width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.danger-panel{border:1px solid color-mix(in srgb,var(--danger) 50%,transparent);border-radius:var(--radius-card);background:color-mix(in srgb,var(--danger) 8%,transparent);padding:var(--space-4)}.danger-panel pre{margin:0;white-space:pre-wrap;font-family:var(--font-family-mono);font-size:12px;color:var(--text-body)}.preview-box{border:1px dashed var(--hairline);border-radius:var(--radius-card);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.preview-banner{width:100%;max-height:200px;object-fit:cover;border-radius:var(--radius-card)}