.nav-item{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:14px;font-weight:500}a.nav-item:hover{text-decoration:none;color:var(--text);background:var(--panel)}.nav-item--active{color:var(--text);background:var(--panel);box-shadow:inset 2px 0 0 var(--lavender)}.nav-item--soon{cursor:default;-webkit-user-select:none;user-select:none;opacity:.55}.nav-item__soon-tag{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);border-radius:var(--radius-pill);padding:1px 8px;white-space:nowrap}.shell{display:flex;min-height:100%}.shell__nav{display:flex;flex-direction:column;width:var(--nav-width);flex-shrink:0;padding:var(--s5) var(--s4);border-right:1px solid var(--border);gap:var(--s5);position:sticky;top:0;height:100vh}.shell__brand{color:var(--lavender);padding:0 var(--s2)}.shell__nav-items{display:flex;flex-direction:column;gap:var(--s1)}.shell__account{margin-top:auto;display:flex;flex-direction:column;gap:var(--s2)}.shell__account-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:0 var(--s3)}.shell__account-email{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.shell__signout{background:none;border:none;color:var(--lavender);font-size:12px;font-weight:600;cursor:pointer;padding:var(--s1);white-space:nowrap}.shell__signout:hover{text-decoration:underline}.shell__content{flex:1;min-width:0;padding:var(--s6) var(--s7);max-width:960px}@media(max-width:720px){.shell{flex-direction:column}.shell__nav{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--border)}.shell__content{padding:var(--s5) var(--s4)}}.state-panel{padding:var(--s5);text-align:center}.state-panel__title{margin:0;font-weight:600}.state-panel__detail{margin:var(--s2) 0 0;color:var(--text-muted);font-size:14px}.state-panel--error .state-panel__title{color:var(--danger)}.auth-layout{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s6);padding:var(--s5)}.auth-layout__brand{color:var(--lavender);text-align:center}.auth-layout__sub{margin:var(--s1) 0 0;font-family:var(--font-serif);font-variant-caps:all-small-caps;letter-spacing:.18em;color:var(--text-muted);font-size:15px}.auth-layout__card{width:100%;max-width:400px;padding:var(--s5);display:flex;flex-direction:column;gap:var(--s4)}.auth-layout__card h1{font-size:21px}.auth-form{display:flex;flex-direction:column;gap:var(--s4)}.status-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);padding:2px 10px;white-space:nowrap}.status-badge--sent{background:var(--lavender);color:var(--on-lavender)}.status-badge--viewed{border:1px solid var(--border);color:var(--text-muted)}.status-badge--commented{border:1px solid var(--lavender);color:var(--lavender)}.status-badge--expired{border:1px solid var(--border);color:var(--text-muted);opacity:.7}.queue{display:flex;flex-direction:column;gap:var(--s5)}.queue__filters{display:flex;flex-wrap:wrap;gap:var(--s2)}.queue__chip{border:1px solid var(--border);background:transparent;color:var(--text-muted);border-radius:var(--radius-pill);padding:5px 14px;font-size:13px;font-weight:600;cursor:pointer}.queue__chip:hover{color:var(--text)}.queue__chip--active{background:var(--lavender);border-color:var(--lavender);color:var(--on-lavender)}.queue__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s3)}.queue-row{display:flex;align-items:center;gap:var(--s4);padding:var(--s4);color:var(--text)}.queue-row:hover{text-decoration:none;border-color:var(--lavender)}.queue-row__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--panel-2);color:var(--lavender)}.queue-row__main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.queue-row__title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-row__meta{font-size:13px;color:var(--text-muted)}.timecode-chip{display:inline-block;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;border-radius:var(--radius-pill);border:1px solid var(--lavender);color:var(--lavender);background:transparent;padding:1px 10px;white-space:nowrap}.timecode-chip--link{cursor:pointer}.timecode-chip--link:hover{background:var(--lavender);color:var(--on-lavender)}.comments{display:flex;flex-direction:column;gap:var(--s4)}.comments__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s3)}.comment{padding:var(--s4)}.comment__head{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.comment__author{font-weight:700;font-size:14px}.comment__date{margin-left:auto;font-size:12px;color:var(--text-muted)}.comment__body{margin:var(--s2) 0 0;white-space:pre-wrap;overflow-wrap:break-word}.comments__composer{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3)}.comments__textarea{resize:vertical;min-height:72px}.comments__composer-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.comments__stamp-area{display:flex;align-items:center;min-height:38px}.comments__stamped{display:inline-flex;align-items:center;gap:var(--s2);font-size:13px;color:var(--text-muted)}.comments__stamp-clear{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:0 var(--s1);line-height:1}.comments__stamp-clear:hover{color:var(--danger)}.comments__stamp-hint{margin:0;font-size:12px}.text-entry{padding:var(--s5);white-space:pre-wrap;overflow-wrap:break-word;font-size:15px;line-height:1.7}.player{display:flex;flex-direction:column;gap:var(--s3)}.player__stage{background:#000;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center}.player__video{width:100%;max-height:70vh;display:block}.player__stage--quarter{height:70vh}.player__stage--quarter .player__video{width:auto;height:100%}.player__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap}.player__speed{display:flex;align-items:center;gap:var(--s2)}.player__speed-select{width:auto;min-height:32px;padding:2px var(--s2)}.player__hint{font-size:12px}.submission{display:flex;flex-direction:column;gap:var(--s5)}.submission__back{font-size:13px;font-weight:600;align-self:flex-start}.submission__header{display:flex;flex-direction:column;gap:var(--s2)}.submission__title-row{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.submission__type-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--panel-2);color:var(--lavender)}.submission__meta{margin:0;color:var(--text-muted);font-size:14px}.submission__expiry{margin:0;font-size:13px;color:var(--text-muted);font-style:italic}.submission__note{padding:var(--s4) var(--s5);border-left:3px solid var(--lavender)}.submission__note-body{margin:var(--s1) 0 0;white-space:pre-wrap}:root{--ink: #0b0d16;--lavender: #8b85f0;--panel: #131627;--panel-2: #1a1e33;--border: #262b45;--text: #e9e8f2;--text-muted: #9a97b3;--on-lavender: #0b0d16;--danger: #f07171;--success: #6fcf97;--focus: color-mix(in srgb, var(--lavender) 70%, transparent);--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-brand: "Cormorant Garamond", Georgia, serif;--radius-sm: 6px;--radius-md: 10px;--radius-pill: 999px;--nav-width: 232px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:400 500;font-display:swap;src:url(/fonts/cormorant-garamond-italic.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-serif);font-variant-caps:all-small-caps;letter-spacing:.08em;font-weight:600;margin:0}h1{font-size:26px}h2{font-size:20px}a{color:var(--lavender);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:38px;padding:0 var(--s4);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;font-weight:600;font-size:14px;background:var(--lavender);color:var(--on-lavender)}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:default}.btn--ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn--ghost:hover:not(:disabled){border-color:var(--lavender);filter:none}.input{width:100%;min-height:40px;padding:var(--s2) var(--s3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--lavender)}.field-label{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--s1)}.error-text{color:var(--danger);font-size:13px;line-height:1.45}.muted{color:var(--text-muted)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md)}