:root{color-scheme:light;--color-ink: #1a1f23;--color-evergreen: #153d34;--color-evergreen-2: #23483a;--color-slate: #2e3a45;--color-slate-blue: #2e5c6e;--color-paper: #f3f0e8;--color-paper-2: #e9e6df;--color-surface: #fbfaf6;--color-surface-elevated: #fffefa;--color-surface-dark: #153d34;--color-line: #c8c2b8;--color-line-soft: #ded8cd;--color-sage: #8fa87a;--color-clay: #c86a4a;--color-signal-orange: #d46a26;--color-gold: #b89a4a;--color-danger: #b84a35;--color-muted: #5d6963;--color-background: var(--color-paper);--color-text: var(--color-ink);--color-text-muted: var(--color-muted);--color-border: var(--color-line);--color-border-soft: var(--color-line-soft);--color-focus: var(--color-gold);--color-success: var(--color-sage);--color-caution: var(--color-gold);--color-danger-state: var(--color-danger);--color-action: var(--color-slate-blue);--color-hover: #f7f4ec;--color-active: #ece5d8;--color-disabled: #a9aea9;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-display: var(--font-serif);--font-body: var(--font-sans);--text-display: 4rem;--text-h1: 2.5rem;--text-h2: 1.45rem;--text-h3: 1.1rem;--text-body: 1rem;--text-small: .875rem;--text-micro: .75rem;--line-display: .96;--line-heading: 1.12;--line-body: 1.55;--line-compact: 1.25;--tracking-label: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 999px;--shadow-low: 0 1px 2px rgba(26, 31, 35, .06), 0 10px 28px rgba(26, 31, 35, .06);--shadow-medium: 0 18px 50px rgba(26, 31, 35, .12);--shadow-high: 0 28px 80px rgba(26, 31, 35, .18);--shadow-control-dark: inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 40px rgba(4, 18, 14, .18);--focus-ring: 0 0 0 2px var(--color-surface-elevated), 0 0 0 4px var(--color-evergreen);--hover-lift: translateY(-1px);--active-press: translateY(0);--disabled-opacity: .48;--motion-fast: .12s ease;--motion-normal: .18s ease}@media(max-width:760px){:root{--text-display: 3rem;--text-h1: 2rem;--text-h2: 1.25rem}}*{box-sizing:border-box}html{background:var(--color-background);max-width:100%;overflow-x:hidden}body{margin:0;min-width:320px;max-width:100%;min-height:100vh;overflow-x:hidden;color:var(--color-text);background:linear-gradient(180deg,#f3f0e8f5,#f3f0e8),repeating-linear-gradient(90deg,rgba(200,194,184,.18) 0 1px,transparent 1px 96px);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--line-body);text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}button,.button-link{min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 14px;text-decoration:none;cursor:pointer;transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),transform var(--motion-fast),box-shadow var(--motion-fast)}button:hover,.button-link:hover{border-color:#a99f90;background:var(--color-hover);transform:var(--hover-lift)}button:active,.button-link:active{transform:var(--active-press)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:0;box-shadow:var(--focus-ring)}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}button svg,.button-link svg{flex:0 0 auto}a{color:var(--color-action)}p,ul,ol{margin-top:0}.strong{font-weight:760}.muted,small{color:var(--color-text-muted)}.error{color:var(--color-danger-state);font-weight:700}.success{color:#4d6a34;font-weight:760}.loading{place-self:center;color:var(--color-text-muted);font-size:1.25rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.primary,.button-primary{background:var(--color-evergreen);border-color:var(--color-evergreen);color:var(--color-surface);box-shadow:var(--shadow-control-dark)}.primary:hover,.button-primary:hover{background:var(--color-evergreen-2);border-color:var(--color-evergreen-2)}.secondary,.button-secondary{background:var(--color-paper-2);border-color:var(--color-line);color:var(--color-ink)}.ghost,.button-ghost{background:transparent;border-color:transparent;color:inherit}.danger,.button-danger{background:var(--color-danger-state);border-color:var(--color-danger-state);color:#fffefa}.danger-ghost{color:var(--color-danger-state);background:transparent}.danger-ghost:hover{border-color:#d59a8c;background:#fff2ed}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:var(--space-4);background:#171c216b}.confirm-dialog{width:min(420px,100%);display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-panel)}.confirm-dialog-icon{color:var(--color-danger-state)}.confirm-dialog-body h2{margin:0 0 var(--space-1);font-size:1rem}.confirm-dialog-body p{margin:0;color:var(--color-muted)}.confirm-dialog-actions{grid-column:1 / -1}.toolbar,.control-bar,.button-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.toolbar{justify-content:flex-end}.toolbar.compact button,.toolbar.compact .button-link{min-height:38px;padding:7px 10px;font-size:var(--text-small)}.launch-actions{justify-content:stretch}.launch-actions button{flex:1 1 150px}.launch-actions .live-launch-button{box-shadow:var(--shadow-control-dark),inset 0 0 0 2px #fffefa2e}.section,.studio-section{min-width:0}.route-loading,.editor-loading{min-height:220px;display:grid;place-items:center;color:var(--color-text-muted);font-weight:800}.route-loading{min-height:100vh}.panel,.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-low);padding:var(--space-5)}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.panel h2,.panel-header h2{margin:0;color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-h2);line-height:var(--line-heading)}.panel-header p{margin:var(--space-1) 0 0}.metric,.metric-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.metric{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-soft)}.metric strong,.metric-card strong{color:var(--color-ink);font-size:1.2rem;line-height:var(--line-compact)}.metric-card{min-height:88px;border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-surface-elevated);padding:var(--space-4)}.metric-card-compact{min-height:70px;display:grid;align-content:center;justify-items:start;gap:var(--space-1)}.metric-card span,.metric span:first-child{color:var(--color-text-muted);font-size:var(--text-small)}.status-pill{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content;max-width:100%;border:1px solid var(--color-border-soft);border-radius:var(--radius-full);padding:3px 9px;color:var(--color-slate);background:var(--color-paper-2);font-size:var(--text-micro);font-weight:800;line-height:var(--line-compact);text-transform:none}.status-pill:before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:currentColor;flex:0 0 auto}.degraded{position:fixed;top:var(--space-4);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);background:#fff7df;border:1px solid #ddbf62;color:#5c4216;border-radius:var(--radius-lg);padding:10px 14px;z-index:20;box-shadow:var(--shadow-medium)}.library-zero-state{justify-items:start;text-align:left}.library-zero-state h3{margin:0;color:var(--color-text)}.library-zero-state p{margin:0;max-width:52ch}.empty,.empty-state{color:var(--color-text-muted);padding:var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:#fbfaf69e;display:grid;gap:var(--space-3)}label{display:grid;gap:var(--space-2);color:var(--color-slate);font-size:var(--text-small);font-weight:760}input,textarea,select{width:100%;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:11px 12px;background:var(--color-surface-elevated);color:var(--color-text)}textarea{resize:vertical}.password-field{display:grid;gap:var(--space-2)}.password-input-wrap{position:relative;display:block}.password-input-wrap input{padding-right:52px}.password-visibility-toggle{position:absolute;top:4px;right:4px;width:36px;height:calc(100% - 8px);min-height:36px;padding:0;border-color:transparent;background:transparent;color:var(--color-text-muted);box-shadow:none}.password-visibility-toggle:hover{background:var(--color-hover);color:var(--color-text)}@media(max-width:1180px){.toolbar{justify-content:flex-start}}@media(max-width:760px){.panel{padding:var(--space-4)}.panel-header{display:grid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(prefers-contrast:more){:root{--color-border: #52615d;--color-border-soft: #66736d;--color-text-muted: #283632}button,.button-link,input,textarea,.panel,.join-card-form,.participant-card,.decision-card{border-width:2px}}