:root{--bg: #0e1116;--panel: #161b22;--border: #2c333d;--text: #d9dce1;--muted: #8b949e;--accent: #58a6ff;--danger: #f85149;--ok: #3fb950;--warn: #d29922}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.error{color:var(--danger);margin-top:.5rem}.ok{color:var(--ok);margin-top:.5rem}.warn{color:var(--warn)}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;gap:1rem;align-items:center;padding:.7rem 1.2rem;background:var(--panel);border-bottom:1px solid var(--border)}.topbar .brand{font-weight:600}.topbar nav{display:flex;gap:.9rem}.topbar .userbox{margin-left:auto;display:flex;gap:.6rem;align-items:center;font-size:.9rem}.container{padding:1.2rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1.2rem;margin-bottom:1rem}.card.narrow{max-width:28rem}.card h2{margin-top:0}.login-shell{display:flex;justify-content:center;align-items:flex-start;padding-top:3rem}.login-card{width:100%;max-width:24rem;padding:1.6rem 1.5rem 1.4rem}.login-card>h2{margin-bottom:.3rem}.login-card>.small{margin-top:0;margin-bottom:1rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form input{padding:.55rem .7rem;font-size:.95rem}.login-form .primary{background:var(--accent);color:#0e1116;border-color:var(--accent);font-weight:600;padding:.55rem .9rem}.login-form .primary:hover{filter:brightness(1.08)}.login-form .primary:disabled{background:var(--border);color:var(--muted);border-color:var(--border)}.login-sent{display:flex;flex-direction:column;gap:.6rem}.login-sent p{margin:0}.login-intro{margin:0 0 1.2rem}.admin-login{margin-top:.4rem;border-top:1px solid var(--border);padding-top:.8rem}.admin-login>summary{cursor:pointer;color:var(--muted);font-size:.85rem;-webkit-user-select:none;user-select:none;list-style:revert}.admin-login>summary:hover{color:var(--text)}.admin-login[open]>summary{margin-bottom:.8rem;color:var(--text)}.admin-login .login-form{gap:.8rem}button,input,select{font:inherit;color:var(--text);background:#1f242c;border:1px solid var(--border);border-radius:4px;padding:.4rem .6rem}button{cursor:pointer;background:#21262d}button:hover{background:#2a313a}button:disabled{opacity:.5;cursor:not-allowed}.linkish{background:transparent;border:none;color:var(--accent);padding:0}.linkish:hover{text-decoration:underline}form label{display:flex;flex-direction:column;gap:.25rem}form.stacked{display:flex;flex-direction:column;gap:.6rem;max-width:32rem}form.row{display:flex;gap:.5rem;align-items:flex-end}.video-labeler{display:flex;flex-direction:column;gap:.7rem}.video-frame{position:relative;background:#000;border-radius:6px;overflow:hidden}.video-labeler video{width:100%;max-height:70vh;background:#000;border-radius:6px;display:block}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;text-align:center;background:#0e1116d9;pointer-events:auto}.video-overlay a{word-break:break-all}.error-overlay{color:var(--text)}.timeline-row{display:flex;align-items:center;gap:.7rem}.timeline-row input[type=range]{flex:1}.time-readout{font-variant-numeric:tabular-nums;min-width:12ch;text-align:right}.action-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem}.action-row .nudge-buttons{grid-column:2;display:flex;gap:.4rem;justify-content:center}.action-row .submit-area{grid-column:3;display:flex;gap:.6rem;align-items:center;justify-self:end}.unlabelable-btn{color:var(--warn);border-color:var(--warn)}.unlabelable-btn:hover{background:#d299221f}.event-header{display:flex;gap:1.2rem;margin-bottom:.7rem}.conflict-banner{margin-bottom:.7rem;padding:.55rem .8rem;border:1px solid var(--warn);border-radius:6px;background:#d299221a;color:var(--warn);font-size:.92rem}.filters{display:flex;gap:.7rem 1rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:.8rem}.filters label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--muted)}.filters input{color:var(--text);width:16rem}.filters select{color:var(--text);width:11rem}.filters form.row{gap:.5rem}table.grid{width:100%;border-collapse:collapse;font-size:.9rem}table.grid th,table.grid td{text-align:left;padding:.4rem .7rem;border-bottom:1px solid var(--border)}table.grid th{background:#1c2128}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{background:#232a32}.pager{display:flex;gap:.4rem;align-items:center;margin-top:.7rem}.task-manager{margin-bottom:1rem}.task-manager-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.task-manager-header h3{margin:0}.task-manager-header .row{display:flex;gap:.7rem;align-items:center}.task-create-form{margin:.5rem 0 1rem;padding:.8rem;background:#1c2128;border-radius:6px}.user-add-form{display:flex;gap:.5rem;margin:.5rem 0 .9rem;max-width:28rem}.user-add-form input{flex:1}.section-divider{border:none;border-top:1px solid var(--border);margin:1.2rem 0 .7rem}.examples-grid{display:flex;flex-direction:column;gap:1rem;margin-top:.8rem}.example-card{display:flex;flex-direction:column;gap:.5rem;padding:.7rem;border:1px solid var(--border);border-radius:6px;background:#1c2128}.example-card video{width:100%;max-height:60vh;background:#000;border-radius:4px}.example-meta{display:flex;flex-wrap:wrap;gap:.8rem;font-size:.9rem}.example-actions{display:flex;gap:.4rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1.1rem 1.2rem 1.3rem;width:min(960px,94vw);max-height:86vh;overflow:auto}.modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.modal header h3{margin:0}.modal table.grid th,.modal table.grid td,.modal table.grid button{white-space:nowrap}.row-active td{background:#3fb95014}.badge{display:inline-block;padding:.1rem .45rem;border-radius:999px;font-size:.78rem;font-weight:500;border:1px solid transparent;white-space:nowrap}.badge-active{color:var(--ok);border-color:var(--ok)}.badge-deleted{color:var(--muted);border-color:var(--border)}.copy-row{display:flex;gap:.5rem;margin:.8rem 0}.copy-row input{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.small{font-size:.85rem}code{background:#1c2128;padding:.05rem .35rem;border-radius:3px;font-size:.85em}