:root{--zp-neutral-0: #FFFFFF;--zp-neutral-50: #F4F7F9;--zp-neutral-100: #E3EAEF;--zp-neutral-200: #C6D2DB;--zp-neutral-300: #9DAEBB;--zp-neutral-400: #74899A;--zp-neutral-500: #55697A;--zp-neutral-600: #3D4E5C;--zp-neutral-700: #2A3742;--zp-neutral-800: #1A242D;--zp-neutral-850: #141C24;--zp-neutral-900: #0F161C;--zp-neutral-950: #0B0F14;--zp-cyan-300: #67E8F9;--zp-cyan-400: #22D3EE;--zp-cyan-500: #06B6D4;--zp-cyan-600: #0891B2;--zp-green-400: #34D399;--zp-amber-400: #FBBF24;--zp-red-400: #F87171;--zp-blue-400: #60A5FA;--zp-violet-400:#A78BFA;--zp-space-1: 4px;--zp-space-2: 8px;--zp-space-3: 12px;--zp-space-4: 16px;--zp-space-5: 24px;--zp-space-6: 32px;--zp-space-7: 48px;--zp-space-8: 64px;--zp-space-9: 96px;--zp-radius-sm: 6px;--zp-radius-md: 10px;--zp-radius-lg: 16px;--zp-radius-full: 999px;--zp-font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--zp-font-display: "Space Grotesk", var(--zp-font-ui);--zp-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--zp-text-xs: 12px;--zp-text-sm: 13px;--zp-text-md: 14px;--zp-text-base: 16px;--zp-text-lg: 18px;--zp-text-xl: 22px;--zp-text-2xl: 28px;--zp-text-3xl: 36px;--zp-text-4xl: 48px;--zp-dur-instant: 90ms;--zp-dur-fast: .14s;--zp-dur-base: .2s;--zp-dur-slow: .32s;--zp-ease: cubic-bezier(.2, 0, 0, 1);--zp-ease-spring: cubic-bezier(.16, 1, .3, 1);--zp-surface-base: var(--zp-neutral-950);--zp-surface-raised: var(--zp-neutral-900);--zp-surface-sunken: #070B0F;--zp-surface-overlay: var(--zp-neutral-850);--zp-surface-hover: rgba(255, 255, 255, .04);--zp-border-subtle: rgba(255, 255, 255, .07);--zp-border-default: rgba(255, 255, 255, .12);--zp-border-strong: rgba(255, 255, 255, .2);--zp-text-primary: #E8EEF4;--zp-text-secondary: var(--zp-neutral-300);--zp-text-muted: var(--zp-neutral-400);--zp-text-inverted: var(--zp-neutral-950);--zp-accent: var(--zp-cyan-400);--zp-accent-hover: var(--zp-cyan-300);--zp-accent-subtle: rgba(34, 211, 238, .12);--zp-accent-border: rgba(34, 211, 238, .32);--zp-on-accent: #04121A;--zp-success: var(--zp-green-400);--zp-warning: var(--zp-amber-400);--zp-danger: var(--zp-red-400);--zp-info: var(--zp-blue-400);--zp-locked: var(--zp-violet-400);--zp-locked-subtle: rgba(167, 139, 250, .12);--zp-shadow-1: 0 1px 2px rgba(0,0,0,.4);--zp-shadow-2: 0 4px 12px rgba(0,0,0,.45);--zp-shadow-3: 0 12px 32px rgba(0,0,0,.5);--zp-shadow-4: 0 24px 64px rgba(0,0,0,.55);--zp-player-cyan: #22D3EE;--zp-player-amber: #F59E0B;--zp-player-violet: #A78BFA;--zp-player-lime: #84CC16;--zp-player-rose: #FB7185;--zp-player-blue: #3B82F6;--zp-player-orange: #FB923C;--zp-player-teal: #2DD4BF}[data-theme=light]{--zp-surface-base: var(--zp-neutral-50);--zp-surface-raised: var(--zp-neutral-0);--zp-surface-sunken: var(--zp-neutral-100);--zp-surface-overlay: var(--zp-neutral-0);--zp-surface-hover: rgba(0, 0, 0, .04);--zp-border-subtle: rgba(0, 0, 0, .08);--zp-border-default: rgba(0, 0, 0, .14);--zp-border-strong: rgba(0, 0, 0, .24);--zp-text-primary: var(--zp-neutral-900);--zp-text-secondary: var(--zp-neutral-600);--zp-text-muted: var(--zp-neutral-500);--zp-text-inverted: var(--zp-neutral-0);--zp-accent: var(--zp-cyan-600);--zp-accent-hover: var(--zp-cyan-500);--zp-on-accent: var(--zp-neutral-0);--zp-shadow-1: 0 1px 2px rgba(15,22,28,.08);--zp-shadow-2: 0 4px 12px rgba(15,22,28,.1);--zp-shadow-3: 0 12px 32px rgba(15,22,28,.12);--zp-shadow-4: 0 24px 64px rgba(15,22,28,.16)}@media(prefers-reduced-motion:reduce){:root{--zp-dur-instant: 0ms;--zp-dur-fast: 0ms;--zp-dur-base: 0ms;--zp-dur-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--zp-font-ui);font-size:var(--zp-text-md);line-height:1.5;color:var(--zp-text-primary);background:var(--zp-surface-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-family:var(--zp-font-display);font-weight:600;line-height:1.15}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--zp-accent);outline-offset:2px;border-radius:var(--zp-radius-sm)}:focus:not(:focus-visible){outline:none}.zp-tnum{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--zp-border-default);border-radius:var(--zp-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--zp-border-strong)}.app{display:grid;grid-template-columns:248px 1fr;height:100vh;overflow:hidden}.app--auth{grid-template-columns:1fr;place-items:center}.nav{background:var(--zp-surface-sunken);border-right:1px solid var(--zp-border-subtle);display:flex;flex-direction:column;overflow-y:auto}.nav__brand{display:flex;align-items:center;gap:var(--zp-space-3);padding:var(--zp-space-5) var(--zp-space-4) var(--zp-space-4)}.nav__logo{width:30px;height:30px;border-radius:var(--zp-radius-sm);background:linear-gradient(135deg,var(--zp-cyan-400),var(--zp-cyan-600));display:grid;place-items:center;color:#04121a;font-weight:800;font-size:15px}.nav__name{font-family:var(--zp-font-display);font-weight:700;font-size:var(--zp-text-base)}.nav__section{padding:var(--zp-space-4) var(--zp-space-3) var(--zp-space-2)}.nav__label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--zp-text-muted);padding:0 var(--zp-space-3) var(--zp-space-2)}.nav__item{display:flex;align-items:center;gap:var(--zp-space-3);padding:9px var(--zp-space-3);border-radius:var(--zp-radius-sm);color:var(--zp-text-secondary);text-decoration:none;font-size:var(--zp-text-md);font-weight:500;transition:background var(--zp-dur-fast) var(--zp-ease),color var(--zp-dur-fast)}.nav__item:hover{background:var(--zp-surface-hover);color:var(--zp-text-primary)}.nav__item--active{background:var(--zp-accent-subtle);color:var(--zp-accent);font-weight:600}.nav__badge{margin-left:auto;font-size:11px;font-weight:700;background:var(--zp-success);color:#04121a;border-radius:var(--zp-radius-full);padding:1px 7px}.nav__foot{margin-top:auto;padding:var(--zp-space-4) var(--zp-space-3);border-top:1px solid var(--zp-border-subtle)}.orgswitch{width:100%;text-align:left;padding:var(--zp-space-3);background:var(--zp-surface-raised);border:1px solid var(--zp-border-subtle);border-radius:var(--zp-radius-sm);cursor:pointer}.orgswitch__label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--zp-text-muted)}.orgswitch__value{font-weight:600}.main{overflow-y:auto}.page{max-width:1240px;margin:0 auto;padding:var(--zp-space-6) var(--zp-space-6) var(--zp-space-9)}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--zp-space-5);margin-bottom:var(--zp-space-6)}.pagehead__title{font-size:var(--zp-text-2xl);letter-spacing:-.02em}.pagehead__sub{color:var(--zp-text-muted);margin-top:4px}.crumbs{display:flex;gap:var(--zp-space-2);align-items:center;font-size:var(--zp-text-sm);color:var(--zp-text-muted);margin-bottom:var(--zp-space-3)}.crumbs a{color:inherit;text-decoration:none}.crumbs a:hover{color:var(--zp-text-primary)}.lanes{display:grid;grid-template-columns:1fr 1fr;gap:var(--zp-space-6);align-items:start}@media(max-width:1100px){.lanes{grid-template-columns:1fr}}.lane__head{display:flex;align-items:baseline;gap:var(--zp-space-3);margin-bottom:var(--zp-space-4)}.lane__title{font-family:var(--zp-font-display);font-size:var(--zp-text-lg);font-weight:600}.lane__hint{font-size:var(--zp-text-sm);color:var(--zp-text-muted)}.lane--library .lane__title{color:var(--zp-cyan-300)}.lane--activation .lane__title{color:var(--zp-amber-400)}.card{background:var(--zp-surface-raised);border:1px solid var(--zp-border-subtle);border-radius:var(--zp-radius-md);padding:var(--zp-space-4);transition:border-color var(--zp-dur-fast) var(--zp-ease)}.card+.card{margin-top:var(--zp-space-3)}.card:hover{border-color:var(--zp-border-default)}.card__head{display:flex;align-items:center;gap:var(--zp-space-3);justify-content:space-between}.card__title{font-weight:600;font-size:var(--zp-text-base)}.card__meta{font-size:var(--zp-text-sm);color:var(--zp-text-muted);margin-top:2px}.card__actions{display:flex;gap:var(--zp-space-2);margin-top:var(--zp-space-3);flex-wrap:wrap}.card--clickable{cursor:pointer}.card--live{border-color:#34d39966;background:linear-gradient(180deg,rgba(52,211,153,.06),transparent)}.usedby{display:inline-flex;align-items:center;gap:5px;font-size:var(--zp-text-xs);color:var(--zp-text-muted);background:var(--zp-surface-hover);border-radius:var(--zp-radius-full);padding:2px 9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;min-height:38px;font-size:var(--zp-text-md);font-weight:600;border:1px solid transparent;border-radius:var(--zp-radius-sm);background:var(--zp-accent);color:var(--zp-on-accent);cursor:pointer;transition:filter var(--zp-dur-fast),transform var(--zp-dur-instant);white-space:nowrap}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--secondary{background:var(--zp-surface-hover);color:var(--zp-text-primary);border-color:var(--zp-border-default)}.btn--ghost{background:transparent;color:var(--zp-text-secondary);border-color:var(--zp-border-subtle)}.btn--danger{background:transparent;color:var(--zp-danger);border-color:#f8717159}.btn--lg{min-height:48px;padding:12px 22px;font-size:var(--zp-text-base)}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--zp-space-4)}.field__label{font-size:var(--zp-text-sm);font-weight:600;color:var(--zp-text-secondary)}.field__help{font-size:var(--zp-text-xs);color:var(--zp-text-muted)}.input,.select{width:100%;padding:10px 12px;background:var(--zp-surface-sunken);color:var(--zp-text-primary);border:1px solid var(--zp-border-default);border-radius:var(--zp-radius-sm);font-size:var(--zp-text-md)}.input:focus,.select:focus{border-color:var(--zp-accent);outline:none;box-shadow:0 0 0 3px var(--zp-accent-subtle)}.range{width:100%;accent-color:var(--zp-accent)}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.state{display:flex;flex-direction:column;align-items:center;gap:var(--zp-space-3);padding:var(--zp-space-8) var(--zp-space-5);text-align:center;border:1px dashed var(--zp-border-default);border-radius:var(--zp-radius-md);color:var(--zp-text-secondary)}.state__icon{font-size:34px;opacity:.8}.state__title{font-weight:600;color:var(--zp-text-primary)}.locked{display:flex;align-items:flex-start;gap:var(--zp-space-3);padding:var(--zp-space-3) var(--zp-space-4);background:var(--zp-locked-subtle);border:1px solid rgba(167,139,250,.3);border-radius:var(--zp-radius-sm);color:var(--zp-text-secondary);font-size:var(--zp-text-sm)}.locked__icon{color:var(--zp-locked)}.banner{display:flex;align-items:center;gap:var(--zp-space-3);padding:var(--zp-space-3) var(--zp-space-4);border-radius:var(--zp-radius-sm);font-size:var(--zp-text-sm);margin-bottom:var(--zp-space-4)}.banner--error{background:#f871711f;border:1px solid rgba(248,113,113,.3);color:var(--zp-danger)}.banner--warn{background:#fbbf241a;border:1px solid rgba(251,191,36,.28);color:var(--zp-warning)}.banner--info{background:var(--zp-accent-subtle);border:1px solid var(--zp-accent-border);color:var(--zp-accent)}.banner--success{background:#34d3991a;border:1px solid rgba(52,211,153,.3);color:var(--zp-success)}.skeleton{background:linear-gradient(90deg,var(--zp-surface-raised) 25%,var(--zp-surface-hover) 50%,var(--zp-surface-raised) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--zp-radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ops{display:grid;grid-template-columns:320px 1fr;gap:var(--zp-space-5);align-items:start}@media(max-width:980px){.ops{grid-template-columns:1fr}}.ops__status{display:flex;align-items:center;gap:var(--zp-space-3);padding:var(--zp-space-4);border-radius:var(--zp-radius-md);background:var(--zp-surface-raised);border:1px solid var(--zp-border-subtle);margin-bottom:var(--zp-space-4)}.ops__state{font-family:var(--zp-font-display);font-size:var(--zp-text-xl);font-weight:700}.ops__timer{margin-left:auto;font-family:var(--zp-font-mono);font-size:var(--zp-text-2xl);font-weight:700}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--zp-space-3)}.metric{padding:var(--zp-space-3) var(--zp-space-4);background:var(--zp-surface-raised);border:1px solid var(--zp-border-subtle);border-radius:var(--zp-radius-sm)}.metric__label{font-size:var(--zp-text-xs);color:var(--zp-text-muted);text-transform:uppercase;letter-spacing:.06em}.metric__value{font-family:var(--zp-font-mono);font-size:var(--zp-text-lg);font-weight:700;margin-top:2px}.metric__value--ok{color:var(--zp-success)}.metric__value--warn{color:var(--zp-warning)}.metric__value--bad{color:var(--zp-danger)}.opsactions{display:flex;flex-wrap:wrap;gap:var(--zp-space-3);margin-top:var(--zp-space-5)}.opsactions__danger{margin-left:auto;display:flex;gap:var(--zp-space-3)}.roster{display:flex;flex-direction:column;gap:var(--zp-space-2)}.roster__row{display:flex;align-items:center;gap:var(--zp-space-3);padding:9px var(--zp-space-3);border-radius:var(--zp-radius-sm);background:var(--zp-surface-raised);border:1px solid var(--zp-border-subtle)}.roster__dot{width:12px;height:12px;border-radius:50%;flex:none}.roster__name{font-weight:600;flex:1}.roster__tag{font-size:var(--zp-text-xs);color:var(--zp-text-muted)}.roster__tag--ready{color:var(--zp-success);font-weight:600}.qrbox{background:#fff;padding:var(--zp-space-3);border-radius:var(--zp-radius-md);display:inline-block}.qrbox canvas{display:block;width:190px;height:190px}.joincode{font-family:var(--zp-font-mono);font-size:var(--zp-text-2xl);font-weight:700;letter-spacing:.18em;text-align:center;margin-top:var(--zp-space-2);color:#0b0f14}.editor{display:grid;grid-template-columns:190px 1fr;gap:var(--zp-space-5);align-items:start}@media(max-width:900px){.editor{grid-template-columns:1fr}}.sections{display:flex;flex-direction:column;gap:3px;position:sticky;top:var(--zp-space-5)}.section-link{display:flex;align-items:center;gap:9px;padding:8px var(--zp-space-3);border-radius:var(--zp-radius-sm);color:var(--zp-text-secondary);background:none;border:none;cursor:pointer;font-size:var(--zp-text-md);text-align:left}.section-link:hover{background:var(--zp-surface-hover)}.section-link--active{background:var(--zp-accent-subtle);color:var(--zp-accent);font-weight:600}.section-link__mark{font-size:12px}.group{margin-bottom:var(--zp-space-6)}.group__title{font-family:var(--zp-font-display);font-size:var(--zp-text-lg);margin-bottom:var(--zp-space-4)}.publishlist{display:flex;flex-direction:column;gap:8px;margin:var(--zp-space-4) 0}.publishrow{display:flex;gap:var(--zp-space-3);font-size:var(--zp-text-md)}.publishrow__key{color:var(--zp-text-muted);min-width:120px}.publishrow__value{font-weight:500}.hash{font-family:var(--zp-font-mono);font-size:var(--zp-text-xs);color:var(--zp-text-muted);word-break:break-all}.login{width:min(400px,92vw)}.login__brand{display:flex;align-items:center;gap:var(--zp-space-3);justify-content:center;margin-bottom:var(--zp-space-6)}.login__title{font-family:var(--zp-font-display);font-size:var(--zp-text-2xl);font-weight:700}.table{width:100%;border-collapse:collapse;font-size:var(--zp-text-md)}.table th{text-align:left;font-size:var(--zp-text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--zp-text-muted);padding:var(--zp-space-2) var(--zp-space-3);font-weight:700;border-bottom:1px solid var(--zp-border-subtle)}.table td{padding:var(--zp-space-3);border-bottom:1px solid var(--zp-border-subtle)}.table tr:last-child td{border-bottom:none}.table .num{font-family:var(--zp-font-mono);font-variant-numeric:tabular-nums}.dialog-backdrop{position:fixed;inset:0;background:#05090db3;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:var(--zp-space-5)}.dialog{background:var(--zp-surface-overlay);border:1px solid var(--zp-border-default);border-radius:var(--zp-radius-lg);box-shadow:var(--zp-shadow-4);width:min(620px,100%);max-height:86vh;overflow-y:auto;padding:var(--zp-space-6)}.dialog__title{font-family:var(--zp-font-display);font-size:var(--zp-text-xl);margin-bottom:var(--zp-space-2)}.dialog__actions{display:flex;gap:var(--zp-space-3);justify-content:flex-end;margin-top:var(--zp-space-5)}