@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap";:root{--syn-bg: #FFFFFF;--syn-ink: #000000;--syn-ink-80: #333333;--syn-muted: #8A8A8A;--syn-footer: #C7C7C7;--syn-line: #000000;--syn-line-soft: #E4E4E4;--syn-surface: #F7F7F7;--syn-surface-border: #BFBFBF;--syn-focus: #000000;--syn-red: #FF2D00;--syn-red-ink: #C21F00;--syn-red-tint: #FFE9E4;--syn-font-sans: "Helvetica Neue", Helvetica, Arial, "Segoe UI", Roboto, sans-serif;--syn-font-mono: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--syn-text-display: 48px;--syn-text-h1: 36px;--syn-text-h2: 24px;--syn-text-h3: 18px;--syn-text-stat: 56px;--syn-text-lede: 20px;--syn-text-body: 16px;--syn-text-small: 13px;--syn-text-eyebrow: 12px;--syn-weight-regular: 400;--syn-weight-medium: 500;--syn-weight-bold: 700;--syn-leading-tight: 1.1;--syn-leading-snug: 1.3;--syn-leading-normal: 1.5;--syn-track-eyebrow: .12em;--syn-track-tight: -.01em;--syn-space-1: 4px;--syn-space-2: 8px;--syn-space-3: 12px;--syn-space-4: 16px;--syn-space-5: 24px;--syn-space-6: 32px;--syn-space-7: 48px;--syn-space-8: 64px;--syn-space-9: 96px;--syn-radius: 0px;--syn-radius-soft: 2px;--syn-hairline: 1px;--syn-rule: 2px;--syn-container: 1040px;--syn-gutter: var(--syn-space-7);--syn-ease: .16s cubic-bezier(.2, 0, 0, 1)}.syn,.syn *,.syn *:before,.syn *:after{box-sizing:border-box}.syn{margin:0;background:var(--syn-bg);color:var(--syn-ink);font-family:var(--syn-font-sans);font-size:var(--syn-text-body);line-height:var(--syn-leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.syn-container{max-width:var(--syn-container);margin-inline:auto;padding-inline:var(--syn-gutter)}.syn-eyebrow{font-family:var(--syn-font-mono);font-size:var(--syn-text-eyebrow);font-weight:var(--syn-weight-regular);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase;color:var(--syn-muted);margin:0}.syn-title{font-family:var(--syn-font-sans);font-weight:var(--syn-weight-regular);font-size:var(--syn-text-display);line-height:var(--syn-leading-tight);letter-spacing:var(--syn-track-tight);color:var(--syn-ink);margin:0}.syn-title__suffix{font-size:var(--syn-text-h2);letter-spacing:0;white-space:nowrap}.syn-h1{font:var(--syn-weight-regular) var(--syn-text-h1)/1.15 var(--syn-font-sans);letter-spacing:var(--syn-track-tight);margin:0}.syn-h2{font:var(--syn-weight-bold) var(--syn-text-h2)/1.2 var(--syn-font-sans);margin:0}.syn-h3{font:var(--syn-weight-bold) var(--syn-text-h3)/1.25 var(--syn-font-sans);margin:0}.syn-lede{font-size:var(--syn-text-lede);font-weight:var(--syn-weight-regular);line-height:var(--syn-leading-snug);color:var(--syn-ink);margin:var(--syn-space-3) 0 0;max-width:64ch}.syn-body{font-size:var(--syn-text-body);color:var(--syn-ink-80);max-width:70ch}.syn-small{font-size:var(--syn-text-small);color:var(--syn-muted)}.syn-note{font-style:italic;font-size:var(--syn-text-body);color:var(--syn-ink);margin:0}.syn-footer-tag{font-family:var(--syn-font-mono);font-size:var(--syn-text-eyebrow);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase;color:var(--syn-footer)}.syn-divider{border:0;border-top:var(--syn-hairline) solid var(--syn-line);margin:var(--syn-space-6) 0}.syn-divider--rule{border-top-width:var(--syn-rule)}.syn-divider--soft{border-top-color:var(--syn-line-soft)}.syn-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;padding:var(--syn-space-5);background:var(--syn-surface);border:var(--syn-hairline) dashed var(--syn-surface-border);border-radius:var(--syn-radius);text-align:center}.syn-placeholder__label{font-family:var(--syn-font-mono);font-size:var(--syn-text-small);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase;color:var(--syn-muted)}.syn-rows{display:grid;gap:var(--syn-space-5)}.syn-row{display:grid;grid-template-columns:3rem minmax(8rem,12rem) 1fr;gap:var(--syn-space-4);align-items:start}.syn-row__num{font-family:var(--syn-font-mono);font-weight:var(--syn-weight-medium);font-size:var(--syn-text-h3);color:var(--syn-muted);line-height:1.2}.syn-row__head{font-weight:var(--syn-weight-bold);font-size:var(--syn-text-body);line-height:1.2}.syn-row__body{font-size:var(--syn-text-small);color:var(--syn-ink-80);line-height:var(--syn-leading-snug);max-width:42ch}@media (max-width: 640px){.syn-row{grid-template-columns:2.5rem 1fr}.syn-row__body{grid-column:1 / -1}}.syn-stats{display:grid;gap:var(--syn-space-6)}.syn-stat{display:grid;grid-template-columns:minmax(6rem,9rem) 1fr;gap:var(--syn-space-5);align-items:baseline}.syn-stat__value{font-size:var(--syn-text-stat);font-weight:var(--syn-weight-bold);line-height:1;letter-spacing:var(--syn-track-tight)}.syn-stat__label{font-size:var(--syn-text-body);color:var(--syn-ink-80);line-height:var(--syn-leading-snug);max-width:40ch}.syn-btn{--_bg: var(--syn-ink);--_fg: var(--syn-bg);--_bd: var(--syn-ink);display:inline-flex;align-items:center;justify-content:center;gap:var(--syn-space-2);font-family:var(--syn-font-sans);font-size:var(--syn-text-small);font-weight:var(--syn-weight-bold);letter-spacing:.02em;line-height:1;padding:12px 20px;background:var(--_bg);color:var(--_fg);border:var(--syn-hairline) solid var(--_bd);border-radius:var(--syn-radius);cursor:pointer;text-decoration:none;transition:background var(--syn-ease),color var(--syn-ease),opacity var(--syn-ease)}.syn-btn:hover{opacity:.88}.syn-btn:active{opacity:1;transform:translateY(.5px)}.syn-btn:focus-visible{outline:2px solid var(--syn-focus);outline-offset:2px}.syn-btn--secondary{--_bg: transparent;--_fg: var(--syn-ink);--_bd: var(--syn-ink)}.syn-btn--secondary:hover{background:var(--syn-ink);color:var(--syn-bg);opacity:1}.syn-btn--ghost{--_bg: transparent;--_fg: var(--syn-ink);--_bd: transparent;padding-inline:4px}.syn-btn--ghost:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}.syn-btn--red{--_bg: var(--syn-red);--_fg: #FFFFFF;--_bd: var(--syn-red)}.syn-btn--sm{font-size:var(--syn-text-eyebrow);padding:8px 14px}.syn-btn--lg{font-size:var(--syn-text-body);padding:16px 28px}.syn-btn[disabled],.syn-btn--disabled{cursor:not-allowed;opacity:1;--_bg: var(--syn-surface);--_fg: var(--syn-muted);--_bd: var(--syn-surface-border)}.syn-field{display:grid;gap:var(--syn-space-2);margin-bottom:var(--syn-space-5)}.syn-label{font-family:var(--syn-font-mono);font-size:var(--syn-text-eyebrow);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase;color:var(--syn-muted)}.syn-input,.syn-textarea,.syn-select{width:100%;font-family:var(--syn-font-sans);font-size:var(--syn-text-body);color:var(--syn-ink);background:var(--syn-bg);border:var(--syn-hairline) solid var(--syn-ink);border-radius:var(--syn-radius);padding:10px 12px;transition:box-shadow var(--syn-ease)}.syn-textarea{min-height:96px;resize:vertical}.syn-input::placeholder,.syn-textarea::placeholder{color:var(--syn-muted)}.syn-input:focus,.syn-textarea:focus,.syn-select:focus{outline:none;box-shadow:inset 0 0 0 1px var(--syn-ink)}.syn-input:disabled,.syn-textarea:disabled,.syn-select:disabled{background:var(--syn-surface);color:var(--syn-muted);border-color:var(--syn-surface-border)}.syn-hint{font-size:var(--syn-text-small);color:var(--syn-muted)}.syn-check{display:inline-flex;align-items:center;gap:var(--syn-space-2);cursor:pointer;font-size:var(--syn-text-small)}.syn-check input{accent-color:var(--syn-ink);width:16px;height:16px}.syn-card{background:var(--syn-bg);border:var(--syn-hairline) solid var(--syn-ink);border-radius:var(--syn-radius);padding:var(--syn-space-5);display:grid;gap:var(--syn-space-3)}.syn-card--soft{border-color:var(--syn-line-soft)}.syn-card__title{font-weight:var(--syn-weight-bold);font-size:var(--syn-text-h3)}.syn-card__body{font-size:var(--syn-text-small);color:var(--syn-ink-80)}.syn-logo{display:inline-flex;align-items:center;gap:var(--syn-space-3)}.syn-logo__mark{width:40px;height:40px;display:block;object-fit:contain}.syn-logo__word{font-weight:var(--syn-weight-bold);font-size:var(--syn-text-body);letter-spacing:var(--syn-track-tight);color:var(--syn-ink)}.syn-logo--ring .syn-logo__mark{padding:5px;border:2px solid var(--syn-red);border-radius:var(--syn-radius);box-sizing:content-box}.syn-logo--chip .syn-logo__mark{padding:6px;background:var(--syn-red);border-radius:var(--syn-radius);box-sizing:content-box}.syn-logo--underline{flex-direction:column;align-items:flex-start;gap:var(--syn-space-2)}.syn-logo--underline:after{content:"";display:block;height:3px;width:100%;background:var(--syn-red)}.syn-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--syn-space-4) 0;border-bottom:var(--syn-hairline) solid var(--syn-line-soft)}.syn-nav__brand{font-weight:var(--syn-weight-bold);font-size:var(--syn-text-body);letter-spacing:var(--syn-track-tight)}.syn-nav__links{display:flex;gap:var(--syn-space-5)}.syn-nav__link{font-family:var(--syn-font-mono);font-size:var(--syn-text-small);letter-spacing:.04em;color:var(--syn-ink);text-decoration:none}.syn-nav__link:hover{text-decoration:underline;text-underline-offset:4px}.syn-nav__link[aria-current]{color:var(--syn-muted)}.syn-table{width:100%;border-collapse:collapse;font-size:var(--syn-text-small)}.syn-table thead th{font-family:var(--syn-font-mono);font-size:var(--syn-text-eyebrow);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase;color:var(--syn-muted);font-weight:var(--syn-weight-regular);text-align:left;padding:var(--syn-space-3) var(--syn-space-3);border-bottom:var(--syn-rule) solid var(--syn-ink)}.syn-table tbody td{padding:var(--syn-space-3) var(--syn-space-3);border-bottom:var(--syn-hairline) solid var(--syn-line-soft);color:var(--syn-ink-80)}.syn-table tbody tr:last-child td{border-bottom:0}.syn-table .syn-num{font-family:var(--syn-font-mono);color:var(--syn-ink);text-align:right}.syn-badge{display:inline-block;font-family:var(--syn-font-mono);font-size:var(--syn-text-eyebrow);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase;color:var(--syn-ink);border:var(--syn-hairline) solid var(--syn-ink);border-radius:var(--syn-radius);padding:3px 8px}.syn-badge--muted{color:var(--syn-muted);border-color:var(--syn-surface-border)}.syn-badge--solid{color:var(--syn-bg);background:var(--syn-ink)}.syn-stack>*+*{margin-top:var(--syn-space-4)}.syn-muted{color:var(--syn-muted)}.syn-mono{font-family:var(--syn-font-mono)}.syn-center{text-align:center}html,body,#root{height:100%}body{margin:0}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--syn-bg)}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--syn-space-4);padding:var(--syn-space-4) var(--syn-space-7);border-bottom:var(--syn-hairline) solid var(--syn-line-soft)}.topbar__side{display:flex;align-items:center}.topbar__side--right{justify-content:flex-end;gap:var(--syn-space-2)}.topbar__identity{max-width:220px;overflow:hidden;color:var(--syn-muted);font-family:var(--syn-font-mono);font-size:var(--syn-text-eyebrow);letter-spacing:var(--syn-track-eyebrow);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.topbar__logout{white-space:nowrap}.topbar__title{font-size:var(--syn-text-h2);font-weight:var(--syn-weight-regular);letter-spacing:var(--syn-track-tight);color:var(--syn-ink);text-decoration:none;white-space:nowrap}.topbar__x{color:var(--syn-red);font-weight:var(--syn-weight-bold)}.brand-mini{display:inline-flex;align-items:center;gap:var(--syn-space-2)}.brand-mini__mark{width:22px;height:22px;display:block;background-color:var(--syn-red);-webkit-mask:url(/synphony-mark.png) center / contain no-repeat;mask:url(/synphony-mark.png) center / contain no-repeat}.brand-mini__word{font-weight:var(--syn-weight-bold);font-size:var(--syn-text-body);letter-spacing:var(--syn-track-tight);color:var(--syn-ink)}.topbar__settings-btn{width:40px;height:40px;border:var(--syn-hairline) solid var(--syn-ink);background:var(--syn-bg);color:var(--syn-ink);font-size:18px;line-height:1;cursor:pointer}.topbar__settings-btn:hover{background:var(--syn-surface)}@media (max-width: 920px){.topbar__identity{display:none}}@media (max-width: 640px){.topbar{padding-inline:var(--syn-space-4)}.brand-mini__word{display:none}}.auth-state{position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;display:grid;place-items:center;padding:var(--syn-space-6);overflow:hidden;background-color:var(--syn-surface);background-image:linear-gradient(rgba(17,17,17,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.05) 1px,transparent 1px);background-position:center;background-size:48px 48px}.auth-state__panel{width:min(100%,520px);max-height:calc(100dvh - (2 * var(--syn-space-6)));box-sizing:border-box;overflow:hidden;padding:var(--syn-space-7);border:var(--syn-hairline) solid var(--syn-ink);background:var(--syn-bg)}.auth-state__eyebrow{color:var(--syn-red-ink);font-family:var(--syn-font-mono);font-size:var(--syn-text-eyebrow);font-weight:var(--syn-weight-bold);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase}.auth-state__panel h1{margin:var(--syn-space-3) 0;font-size:var(--syn-text-h1);font-weight:var(--syn-weight-regular);letter-spacing:var(--syn-track-tight)}.auth-state__panel p{margin:0 0 var(--syn-space-5);color:var(--syn-ink-80);line-height:var(--syn-leading-normal)}.auth-state__panel .auth-state__detail{margin-top:calc(-1 * var(--syn-space-3));color:var(--syn-muted);font-family:var(--syn-font-mono);font-size:var(--syn-text-small)}.auth-state__action{cursor:pointer}.auth-state__actions{display:flex;gap:var(--syn-space-3);flex-wrap:wrap}.auth-state__module{display:block;margin:0 0 var(--syn-space-4);color:var(--syn-muted);font-family:var(--syn-font-mono);font-size:var(--syn-text-small);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase}.auth-state__primary{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:var(--syn-space-4);padding:0 var(--syn-space-5);border:var(--syn-hairline) solid var(--syn-ink);background:var(--syn-ink);color:var(--syn-bg);cursor:pointer;font-family:var(--syn-font-mono);font-size:var(--syn-text-small);font-weight:var(--syn-weight-bold);letter-spacing:var(--syn-track-eyebrow);text-align:left;text-transform:uppercase}.auth-state__primary:hover:not(:disabled){background:var(--syn-red);border-color:var(--syn-red)}.auth-state__primary:disabled{cursor:wait;opacity:.65}.auth-state__trust{display:flex;flex-wrap:wrap;gap:var(--syn-space-2) var(--syn-space-4);margin-top:var(--syn-space-4);color:var(--syn-muted);font-family:var(--syn-font-mono);font-size:var(--syn-text-eyebrow);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase}.auth-state__trust span:not(:last-child):after{content:"·";margin-left:var(--syn-space-4);color:var(--syn-red)}.app-content{flex:1;padding:var(--syn-space-7)}.app-content__inner{max-width:var(--syn-container);margin-inline:auto}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--syn-space-5)}@media (max-width: 860px){.home-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.home-grid{grid-template-columns:1fr}}.box{position:relative;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:space-between;padding:var(--syn-space-5);border:var(--syn-hairline) solid var(--syn-ink);background:var(--syn-bg);color:var(--syn-ink);text-decoration:none}.box__top{display:flex;align-items:flex-start;justify-content:space-between}.box__icon{font-family:var(--syn-font-mono);font-weight:var(--syn-weight-bold);font-size:var(--syn-text-h1);line-height:1}.box__name{font-weight:var(--syn-weight-bold);font-size:var(--syn-text-h3)}.box--live{cursor:pointer;transition:box-shadow var(--syn-ease),transform var(--syn-ease)}.box--live:hover{box-shadow:5px 5px 0 var(--syn-red);transform:translate(-2px,-2px)}.box--soon{border-color:var(--syn-line-soft);color:var(--syn-muted)}.box--soon .box__icon{color:var(--syn-surface-border)}.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--syn-font-mono);font-size:var(--syn-text-eyebrow);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase;padding:3px 8px;border:var(--syn-hairline) solid currentColor}.tag--live{color:var(--syn-red-ink);border-color:var(--syn-red)}.tag__dot{width:7px;height:7px;background:var(--syn-red);display:inline-block}.tag--soon{color:var(--syn-muted);border-color:var(--syn-surface-border)}.page-head{margin-bottom:var(--syn-space-6)}.page-head__title{margin-top:var(--syn-space-3)}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border:var(--syn-hairline) solid var(--syn-ink)}@media (max-width: 760px){.stat-strip{grid-template-columns:repeat(2,1fr)}}.stat-cell{padding:var(--syn-space-5);border-right:var(--syn-hairline) solid var(--syn-line-soft);display:grid;gap:var(--syn-space-2)}.stat-cell:last-child{border-right:0}.stat-cell__value{font-size:var(--syn-text-h1);font-weight:var(--syn-weight-bold);line-height:1;letter-spacing:var(--syn-track-tight)}.stat-cell__label{font-family:var(--syn-font-mono);font-size:var(--syn-text-eyebrow);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase;color:var(--syn-muted)}.toolbar{display:flex;align-items:center;gap:var(--syn-space-3);flex-wrap:wrap;margin:var(--syn-space-6) 0 var(--syn-space-4)}.toolbar__spacer{flex:1}.seg{display:inline-flex;border:var(--syn-hairline) solid var(--syn-ink)}.seg__btn{font-family:var(--syn-font-mono);font-size:var(--syn-text-eyebrow);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase;background:var(--syn-bg);color:var(--syn-ink);border:0;border-right:var(--syn-hairline) solid var(--syn-line-soft);padding:8px 14px;cursor:pointer}.seg__btn:last-child{border-right:0}.seg__btn.is-active{background:var(--syn-ink);color:var(--syn-bg)}.rea-split{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--syn-space-5);align-items:start}@media (max-width: 1040px){.rea-split{grid-template-columns:1fr}}.queue-row{cursor:pointer}.queue-row.is-selected td{background:var(--syn-surface);box-shadow:inset 3px 0 0 var(--syn-red)}.queue-row td .clip{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail{border:var(--syn-hairline) solid var(--syn-ink);position:sticky;top:var(--syn-space-5)}.detail__head{padding:var(--syn-space-5);border-bottom:var(--syn-hairline) solid var(--syn-line-soft);display:grid;gap:var(--syn-space-2)}.detail__body{padding:var(--syn-space-5);display:grid;gap:var(--syn-space-5)}.kv{display:grid;grid-template-columns:11rem 1fr;gap:var(--syn-space-2) var(--syn-space-4)}.kv__k{font-family:var(--syn-font-mono);font-size:var(--syn-text-eyebrow);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase;color:var(--syn-muted)}.kv__v{font-size:var(--syn-text-small);color:var(--syn-ink)}.draft{background:var(--syn-surface);border:var(--syn-hairline) solid var(--syn-surface-border);padding:var(--syn-space-4);font-family:var(--syn-font-mono);font-size:var(--syn-text-small);line-height:var(--syn-leading-normal);white-space:pre-wrap}.detail__actions{display:flex;gap:var(--syn-space-3);flex-wrap:wrap}.empty{border:var(--syn-hairline) dashed var(--syn-surface-border);background:var(--syn-surface);padding:var(--syn-space-7);text-align:center;color:var(--syn-muted);font-family:var(--syn-font-mono);font-size:var(--syn-text-small);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--syn-font-mono);font-size:var(--syn-text-eyebrow);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase;padding:3px 8px;border:var(--syn-hairline) solid var(--syn-ink)}.pill--muted{color:var(--syn-muted);border-color:var(--syn-surface-border)}.pill--solid{color:var(--syn-bg);background:var(--syn-ink)}.pill--red{color:var(--syn-red-ink);border-color:var(--syn-red)}.pill__dot{width:7px;height:7px;background:currentColor;display:inline-block}.soon-wrap{display:grid;place-items:center;min-height:60vh}.soon-card{text-align:center;display:grid;gap:var(--syn-space-5);justify-items:center}.soon-card__icon{font-family:var(--syn-font-mono);font-weight:var(--syn-weight-bold);font-size:40px;border:var(--syn-rule) solid var(--syn-ink);width:88px;height:88px;display:grid;place-items:center}.settings{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;grid-template-columns:200px 1fr;background:var(--syn-bg)}.settings__nav{display:flex;flex-direction:column;border-right:var(--syn-hairline) solid var(--syn-line-soft);background:var(--syn-surface)}.settings__nav-head{padding:var(--syn-space-5);border-bottom:var(--syn-hairline) solid var(--syn-line-soft)}.settings__nav-list{flex:1;display:flex;flex-direction:column;padding:var(--syn-space-3) 0}.settings__nav-item{display:block;width:100%;text-align:left;padding:var(--syn-space-3) var(--syn-space-5);border:0;background:transparent;font-family:var(--syn-font-sans);font-size:var(--syn-text-small);font-weight:var(--syn-weight-regular);color:var(--syn-ink-80);cursor:pointer;transition:background var(--syn-ease)}.settings__nav-item:hover{background:var(--syn-line-soft)}.settings__nav-item.is-active{background:var(--syn-bg);font-weight:var(--syn-weight-bold);color:var(--syn-ink);border-left:3px solid var(--syn-ink)}.settings__nav-foot{padding:var(--syn-space-4) var(--syn-space-5);border-top:var(--syn-hairline) solid var(--syn-line-soft)}.settings__content{overflow:auto;display:flex;flex-direction:column}.settings__page{padding:var(--syn-space-5);display:flex;flex-direction:column;gap:var(--syn-space-4)}.settings__page--full{flex:1;min-height:0}.settings__page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--syn-space-4)}.settings__frame{flex:1;width:100%;min-height:0;border:var(--syn-hairline) solid var(--syn-line-soft);background:var(--syn-bg)}@media (max-width: 640px){.settings{grid-template-columns:1fr;grid-template-rows:auto 1fr}.settings__nav{flex-direction:row;align-items:center;border-right:0;border-bottom:var(--syn-hairline) solid var(--syn-line-soft)}.settings__nav-head{border-bottom:0;padding:var(--syn-space-3) var(--syn-space-4)}.settings__nav-list{flex-direction:row;padding:0}.settings__nav-item{width:auto;padding:var(--syn-space-3) var(--syn-space-4)}.settings__nav-item.is-active{border-left:0;border-bottom:2px solid var(--syn-ink)}.settings__nav-foot{margin-left:auto;border-top:0;padding:var(--syn-space-3) var(--syn-space-4)}}.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}.user-admin{display:grid;gap:var(--syn-space-5)}.user-admin__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--syn-space-6)}.user-admin__title{margin:var(--syn-space-2) 0;font-size:var(--syn-text-display);font-weight:var(--syn-weight-regular);letter-spacing:var(--syn-track-tight)}.user-admin__intro{max-width:68ch;margin:0;color:var(--syn-ink-80)}.user-admin__role-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:var(--syn-hairline) solid var(--syn-line-soft);background:var(--syn-surface)}.user-admin__role-guide span{display:grid;gap:2px;padding:var(--syn-space-3) var(--syn-space-4);border-right:var(--syn-hairline) solid var(--syn-line-soft);color:var(--syn-muted);font-size:var(--syn-text-small)}.user-admin__role-guide span:last-child{border-right:0}.user-admin__role-guide strong{color:var(--syn-ink);text-transform:capitalize}.user-admin__message{display:flex;align-items:center;justify-content:space-between;gap:var(--syn-space-4);padding:var(--syn-space-3) var(--syn-space-4);border:var(--syn-hairline) solid var(--syn-ink);background:var(--syn-surface);font-size:var(--syn-text-small)}.user-admin__message--error{border-color:var(--syn-red);color:var(--syn-red-ink)}.user-admin__toolbar{display:flex;align-items:flex-end;gap:var(--syn-space-3)}.user-admin__search{display:grid;flex:1;gap:var(--syn-space-2);max-width:520px}.user-admin__table-wrap{overflow-x:auto;border:var(--syn-hairline) solid var(--syn-ink);background:var(--syn-bg)}.user-admin__table{min-width:1040px}.user-admin__table tbody td{vertical-align:middle}.user-admin__email{display:block;color:var(--syn-ink)}.user-admin__you,.user-admin__bootstrap{display:inline-block;margin-top:4px;margin-right:var(--syn-space-2);color:var(--syn-muted);font-family:var(--syn-font-mono);font-size:var(--syn-text-eyebrow);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase}.user-admin__role-select{min-width:118px;padding-block:8px;font-size:var(--syn-text-small);text-transform:capitalize}.user-admin__invite-failed{color:var(--syn-red-ink)}.user-admin__actions-head{min-width:250px}.user-admin__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--syn-space-2)}.user-admin__locked{color:var(--syn-muted);font-family:var(--syn-font-mono);font-size:var(--syn-text-eyebrow);letter-spacing:var(--syn-track-eyebrow);text-transform:uppercase}.user-admin__modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:var(--syn-space-5);background:#1111118c}.user-admin__modal{width:min(100%,560px);max-height:calc(100dvh - (2 * var(--syn-space-5)));overflow:auto;padding:var(--syn-space-6);border:var(--syn-hairline) solid var(--syn-ink);background:var(--syn-bg);box-shadow:8px 8px 0 var(--syn-red)}.user-admin__modal h2{margin:var(--syn-space-2) 0;font-size:var(--syn-text-h1);font-weight:var(--syn-weight-regular);letter-spacing:var(--syn-track-tight)}.user-admin__modal p{margin:0 0 var(--syn-space-5);color:var(--syn-ink-80)}.user-admin__modal-actions{display:flex;justify-content:flex-end;gap:var(--syn-space-3)}@media (max-width: 760px){.user-admin__head{flex-direction:column}.user-admin__role-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.user-admin__role-guide span:nth-child(2){border-right:0}.user-admin__role-guide span:nth-child(-n+2){border-bottom:var(--syn-hairline) solid var(--syn-line-soft)}}@media (max-width: 520px){.user-admin__toolbar,.user-admin__modal-actions{align-items:stretch;flex-direction:column}.user-admin__toolbar .syn-btn,.user-admin__modal-actions .syn-btn{width:100%}}
