*{box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;color:#e5e7eb;background-color:#111827;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.app-layout{display:flex;height:100vh;overflow:hidden;background:#0d1117}.sidebar{width:280px;min-width:280px;height:100vh;max-height:100vh;overflow:hidden;background:#161b22;border-right:1px solid #30363d;display:flex;flex-direction:column}.sidebar-header{padding:1rem;border-bottom:1px solid #30363d}.sidebar-header h1{font-size:1.25rem;font-weight:700;margin:0 0 .75rem;background:linear-gradient(135deg,#00d4aa,#00a8cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.open-folder-btn{width:100%;padding:.625rem 1rem;background:#238636;border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s ease}.open-folder-btn:hover{background:#2ea043}.file-list-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem}.file-list{flex:1;min-height:0;overflow-y:auto;padding:.5rem 0}.file-list-header h3{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#8b949e}.file-list-count{font-size:.65rem;color:#484f58}.file-filter{position:relative;padding:0 .5rem .5rem;border-bottom:1px solid #30363d}.file-filter-input{width:100%;padding:.35rem 1.5rem .35rem .5rem;background:#0d1117;border:1px solid #30363d;border-radius:4px;color:#c9d1d9;font-size:.75rem;font-family:inherit;outline:none;box-sizing:border-box}.file-filter-input:focus{border-color:#58a6ff}.file-filter-input::placeholder{color:#484f58}.file-filter-clear{position:absolute;right:.75rem;top:50%;transform:translateY(calc(-50% - .25rem));background:none;border:none;color:#484f58;cursor:pointer;font-size:.7rem;padding:.15rem .25rem;line-height:1}.file-filter-clear:hover{color:#c9d1d9}.file-list ul{list-style:none;margin:0;padding:0}.file-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;cursor:pointer;transition:background .15s ease;border-left:3px solid transparent}.file-item:hover{background:#21262d}.file-item.selected{background:#00d4aa1a;border-left-color:#00d4aa}.file-name{font-size:.8rem;color:#c9d1d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.has-labels{color:#00d4aa;font-size:.6rem}.has-labels-legacy{color:#d29922;font-size:.6rem}.no-videos{padding:1rem;color:#8b949e;font-size:.8rem;text-align:center}.file-list-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#8b949e;font-size:.8rem}.file-list-spinner{width:.85rem;height:.85rem;border:2px solid #30363d;border-top-color:#00d4aa;border-radius:50%;animation:file-list-spin .8s linear infinite}@keyframes file-list-spin{to{transform:rotate(360deg)}}.sidebar-footer{padding:.5rem 1rem .75rem;border-top:1px solid #30363d}.shortcuts-compact{font-size:.7rem;color:#8b949e;display:flex;flex-direction:column;gap:.25rem;padding:.35rem 0 .25rem}.sidebar-panel{display:flex;flex-direction:column}.sidebar-panel+.sidebar-panel{margin-top:.25rem;border-top:1px solid #30363d;padding-top:.25rem}.sidebar-panel-header{display:flex;align-items:center;gap:.4rem;width:100%;padding:.3rem 0;background:transparent;border:none;cursor:pointer;color:#8b949e;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:left;font-family:inherit}.sidebar-panel-header:hover{color:#c9d1d9}.sidebar-panel-chevron{width:.75rem;text-align:center;font-size:.7rem;color:#6e7681}.sidebar-panel-title{flex:1}.sidebar-panel.open .sidebar-panel-chevron{color:#c9d1d9}.display-toggles{display:flex;flex-direction:column;gap:.35rem;padding:.35rem 0 .25rem}.display-toggle{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#c9d1d9;cursor:pointer;-webkit-user-select:none;user-select:none}.display-toggle input[type=checkbox]{accent-color:#00d4aa;margin:0;cursor:pointer}.display-toggle>span{flex:1}.display-toggle-hint{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;background:linear-gradient(180deg,#30363d,#21262d);border:1px solid #484f58;border-radius:3px;font-family:inherit;font-size:.6rem;font-weight:600;color:#c9d1d9}.display-toggle.disabled{color:#484f58;cursor:not-allowed}.display-toggle.disabled input[type=checkbox]{cursor:not-allowed}.display-toggle.disabled .display-toggle-hint{opacity:.4}.shortcuts-compact kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;background:linear-gradient(180deg,#30363d,#21262d);border:1px solid #484f58;border-radius:3px;font-family:inherit;font-size:.6rem;font-weight:600;color:#c9d1d9;margin-right:.25rem}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:1rem 1.5rem}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b949e;text-align:center}.empty-state h2{margin:0 0 .5rem;font-size:1.5rem;color:#c9d1d9}.empty-state p{margin:0;font-size:.9rem}.dataset-path{font-size:11px;color:#8b949e;padding:0 12px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-tabs{display:flex;gap:2px;padding:0 12px 8px}.split-tab{flex:1;padding:4px 8px;background:#21262d;border:1px solid #30363d;border-radius:4px;color:#8b949e;font-size:12px;cursor:pointer;text-transform:capitalize}.split-tab:hover{background:#30363d;color:#c9d1d9}.split-tab.active{background:#1f6feb;border-color:#1f6feb;color:#fff}.unsupported-message{text-align:center;padding:3rem;color:#8b949e}.unsupported-message h2{color:#f85149;margin-bottom:1rem}.fps-warning{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-bottom:.5rem;background:#3d1f00;border:1px solid #d29922;border-radius:6px;color:#f0c674;font-size:.8rem;line-height:1.4}.fps-warning-icon{font-size:1.1rem;flex-shrink:0}.fps-warning code{background:#ffffff1a;padding:.1em .35em;border-radius:3px;font-size:.75rem}.video-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;margin-bottom:.5rem}.video-info{display:flex;align-items:baseline;gap:.75rem;min-width:0}.video-title{font-size:1rem;font-weight:600;color:#c9d1d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta{font-size:.75rem;color:#8b949e;white-space:nowrap;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.save-status{display:flex;align-items:center;gap:.75rem}.undo-indicator{color:#58a6ff;font-size:1rem;cursor:default}.saving{color:#f0883e;font-size:.8rem}.unsaved{color:#f85149;font-size:.8rem}.saved{color:#3fb950;font-size:.8rem}.save-btn-header{padding:.375rem .75rem;background:#238636;border:none;border-radius:6px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s ease}.save-btn-header:hover:not(:disabled){background:#2ea043}.save-btn-header:disabled{opacity:.5;cursor:not-allowed}.submit-btn-header{padding:.375rem .75rem;background:#d29922;border:none;border-radius:6px;color:#1a1a1a;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s ease}.submit-btn-header:hover:not(:disabled){background:#e3b341}.submit-btn-header:disabled{opacity:.5;cursor:not-allowed}.video-section{display:flex;flex-direction:column;gap:.5rem}.video-container{position:relative;background:#0d1117;border-radius:8px;overflow:hidden;aspect-ratio:16 / 9;width:100%;max-height:55vh}.video-player{width:100%;height:100%;object-fit:contain;background:#000}.box-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.box-overlay.active{pointer-events:auto;cursor:crosshair}.zoom-indicator{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;padding:4px 8px;background:#161b22d9;border:1px solid #30363d;border-radius:6px;font-size:12px;color:#c9d1d9;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;z-index:5}.zoom-level{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;min-width:36px;text-align:right}.zoom-reset-btn{padding:2px 8px;background:#21262d;color:#c9d1d9;border:1px solid #30363d;border-radius:4px;font-size:11px;cursor:pointer;transition:background .15s}.zoom-reset-btn:hover{background:#30363d}.multi-timeline{position:relative;width:100%;background:#161b22;border-radius:6px;overflow:hidden;border:1px solid #30363d}.timeline-track{display:flex;align-items:center;height:20px;cursor:pointer;border-bottom:1px solid #21262d;transition:background .15s ease}.timeline-track:last-child{border-bottom:none}.timeline-track:hover{background:#ffffff08}.timeline-track.active{background:#ffffff0f}.track-label{width:40px;min-width:40px;padding:0 .5rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;text-align:center;-webkit-user-select:none;user-select:none}.track-content{flex:1;position:relative;height:100%}.timeline-segment{position:absolute;top:3px;height:14px;border-radius:2px;opacity:.85;transition:opacity .15s ease}.timeline-segment:hover{opacity:1}.timeline-segment.model{opacity:.5;filter:saturate(.4)}.timeline-segment.pending{background:linear-gradient(135deg,#f0883e,#d29922)!important;opacity:.6}.timeline-playhead{position:absolute;top:0;width:2px;height:100%;background:#fff;box-shadow:0 0 4px #00000080;pointer-events:none;z-index:10}.timeline-playhead:before{content:"";position:absolute;top:-2px;left:-4px;width:10px;height:6px;background:#fff;clip-path:polygon(50% 100%,0 0,100% 0)}.current-time-display{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.9rem;color:#c9d1d9;text-align:center}.current-time{color:#00d4aa;font-weight:600}.duration-time{color:#8b949e}.playback-speed{margin-left:1rem;padding:.125rem .5rem;background:#30363d;border-radius:4px;color:#f0883e;font-size:.8rem;font-weight:600}.frame-number{margin-left:.75rem;padding:.125rem .5rem;background:#21262d;border:1px solid #30363d;border-radius:4px;color:#7ee787;font-size:.75rem;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.seek-precision{margin-left:.5rem;padding:.125rem .5rem;background:#30363d;border-radius:4px;color:#58a6ff;font-size:.75rem;font-weight:500}.frame-range{margin-left:.5rem;color:#7ee787;font-size:.7rem;opacity:.8}.active-track-indicator{margin-left:.75rem;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;color:#0d1117}.box-mode-badge{margin-left:.5rem;padding:.125rem .5rem;background:#58a6ff;border-radius:4px;color:#0d1117;font-size:.7rem;font-weight:700;letter-spacing:.05em}.box-count-badge{margin-left:.375rem;padding:.125rem .5rem;background:#30363d;border-radius:4px;color:#58a6ff;font-size:.7rem;font-weight:600}.court-badge{margin-left:.5rem;padding:.125rem .5rem;border-radius:4px;font-family:inherit;font-size:.7rem;font-weight:700;letter-spacing:.05em;line-height:1.2;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;appearance:none;-webkit-appearance:none}.court-badge.on{background:#00c8ff2e;color:#7ee2ff;border-color:#00c8ff59}.court-badge.off{background:#21262d;color:#6e7681;border-color:#30363d}.court-badge:hover{filter:brightness(1.15)}.court-badge:focus-visible{outline:2px solid #58a6ff;outline-offset:2px}.box-mode-toggle.active{background:#58a6ff26!important}.box-mode-actions{align-items:center}.box-mode-hint{font-size:.75rem;color:#8b949e}.box-mode-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;background:linear-gradient(180deg,#30363d,#21262d);border:1px solid #484f58;border-radius:3px;font-family:inherit;font-size:.6rem;font-weight:600;color:#8b949e;margin:0 .125rem}.timeline-box-marker{position:absolute;top:1px;width:3px;height:18px;border-radius:1px;opacity:.6}.track-controls{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}.track-selector{display:flex;gap:.375rem;flex-wrap:wrap}.track-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#21262d;border:2px solid transparent;border-radius:6px;color:#8b949e;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.track-btn:hover{background:#30363d;color:#c9d1d9}.track-btn.active{background:#30363d}.track-btn kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;background:linear-gradient(180deg,#484f58,#30363d);border:1px solid #484f58;border-radius:3px;font-family:inherit;font-size:.6rem;font-weight:600;color:#c9d1d9}.action-buttons{display:flex;gap:.375rem;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#21262d;border:2px solid transparent;border-radius:6px;color:#c9d1d9;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.action-btn:hover:not(:disabled){background:#30363d}.action-btn.active{background:#30363d}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;background:linear-gradient(180deg,#484f58,#30363d);border:1px solid #484f58;border-radius:3px;font-family:inherit;font-size:.65rem;font-weight:600;color:#c9d1d9}.end-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#238636;border:none;border-radius:6px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.end-btn:hover{background:#2ea043}.end-btn kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:3px;font-family:inherit;font-size:.65rem;font-weight:600;color:#fff}.annotation-type-badge{display:inline-block;padding:.125rem .375rem;margin-right:.5rem;border-radius:3px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#0d1117}.annotation-source-badge{display:inline-block;padding:.1rem .3rem;margin-right:.4rem;border-radius:3px;font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.annotation-source-badge.manual{color:#3fb950;background:#3fb9501f;border:1px solid rgba(63,185,80,.25)}.annotation-source-badge.model{color:#58a6ff;background:#58a6ff1f;border:1px solid rgba(88,166,255,.25)}.annotation-source-badge.clickable{cursor:pointer;transition:all .15s ease}.annotation-source-badge.clickable:hover{background:#58a6ff40;border-color:#58a6ff;color:#79c0ff}.annotation-outcome-badge{display:inline-block;padding:.125rem .375rem;margin-right:.5rem;border-radius:3px;border:1px solid;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;background:transparent}.type-select{padding:.375rem .5rem;background:#0d1117;border:1px solid #30363d;border-radius:4px;color:#c9d1d9;font-family:inherit;font-size:.8rem;cursor:pointer}.type-select:focus{outline:none;border-color:#00d4aa}.outcome-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.outcome-modal{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:1.25rem 1.5rem;min-width:400px;max-width:500px;box-shadow:0 16px 48px #0006}.outcome-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.outcome-header h3{margin:0;font-size:1rem;font-weight:600;color:#c9d1d9}.outcome-range{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.8rem;color:#8b949e}.outcome-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.outcome-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:#21262d;border:2px solid transparent;border-radius:8px;color:#c9d1d9;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.outcome-btn:hover{background:#30363d}.outcome-btn kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.375rem;height:1.375rem;padding:0 .25rem;background:linear-gradient(180deg,#484f58,#30363d);border:1px solid #484f58;border-radius:4px;font-family:inherit;font-size:.7rem;font-weight:600;color:#c9d1d9}.outcome-footer{margin-top:.75rem;text-align:center;font-size:.7rem;color:#8b949e}.outcome-footer kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;background:linear-gradient(180deg,#30363d,#21262d);border:1px solid #484f58;border-radius:3px;font-family:inherit;font-size:.6rem;font-weight:600;color:#8b949e;margin:0 .125rem}.pending-rally{background:#00d4aa1a;border:1px solid rgba(0,212,170,.3);padding:.5rem 1rem;border-radius:6px;color:#00d4aa;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.5rem 0}.pending-rally strong{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.pending-indicator{color:#8b949e;font-style:italic}.log-section{background:#161b22;border:1px solid #30363d;border-radius:8px;overflow:hidden;min-height:120px;max-height:200px;display:flex;flex-direction:column;margin-top:.5rem}.log-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#21262d;border-bottom:1px solid #30363d}.log-header h3{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#8b949e}.log-actions{display:flex;align-items:center;gap:.75rem}.annotation-count{background:#30363d;padding:.2rem .5rem;border-radius:999px;font-size:.7rem;color:#8b949e}.clear-btn{background:transparent;border:1px solid #30363d;border-radius:4px;padding:.25rem .625rem;font-size:.7rem;color:#8b949e;cursor:pointer;transition:all .2s ease}.clear-btn:hover:not(:disabled){border-color:#f85149;color:#f85149}.clear-btn:disabled{opacity:.4;cursor:not-allowed}.log-content{flex:1;padding:.5rem .75rem;overflow-y:auto;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.8rem}.log-empty{color:#8b949e;text-align:center;padding:1rem;font-family:inherit;font-size:.8rem}.log-empty kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;background:linear-gradient(180deg,#30363d,#21262d);border:1px solid #484f58;border-radius:3px;font-family:inherit;font-size:.65rem;font-weight:600;color:#8b949e;margin:0 .125rem}.log-entry{padding:.375rem .5rem;color:#c9d1d9;border-bottom:1px solid #21262d;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-radius:4px;margin:0 -.5rem}.log-entry:last-child{border-bottom:none}.log-entry.editing{background:#00d4aa14;padding:.5rem}.log-entry.current{background:#00d4aa26;border-left:3px solid #00d4aa}.annotation-text{cursor:pointer;transition:color .15s ease}.annotation-text:hover{color:#00d4aa}.entry-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .15s ease}.log-entry:hover .entry-actions{opacity:1}.edit-btn{background:transparent;border:none;color:#8b949e;cursor:pointer;padding:.125rem .375rem;font-size:.85rem;transition:all .15s ease}.edit-btn:hover{color:#00d4aa}.delete-btn-small{background:transparent;border:none;color:#8b949e;cursor:pointer;padding:.125rem .375rem;font-size:.75rem;transition:all .15s ease}.delete-btn-small:hover{color:#f85149}.edit-form{width:100%;display:flex;flex-direction:column;gap:.5rem}.edit-inputs{display:flex;align-items:center;gap:.375rem}.time-input{width:110px;padding:.375rem .5rem;background:#0d1117;border:1px solid #30363d;border-radius:4px;color:#c9d1d9;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.85rem}.time-input:focus{outline:none;border-color:#00d4aa}.separator{color:#8b949e}.edit-actions{display:flex;gap:.375rem}.save-btn,.cancel-btn,.delete-btn{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.save-btn{background:#238636;color:#fff;font-weight:500}.save-btn:hover{background:#2ea043}.cancel-btn{background:transparent;border-color:#30363d;color:#8b949e}.cancel-btn:hover{border-color:#8b949e;color:#c9d1d9}.delete-btn{background:transparent;border-color:#f85149;color:#f85149}.delete-btn:hover{background:#f851491a}.log-content::-webkit-scrollbar,.file-list::-webkit-scrollbar{width:6px}.log-content::-webkit-scrollbar-track,.file-list::-webkit-scrollbar-track{background:#0d1117;border-radius:3px}.log-content::-webkit-scrollbar-thumb,.file-list::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}.log-content::-webkit-scrollbar-thumb:hover,.file-list::-webkit-scrollbar-thumb:hover{background:#484f58}.app{min-height:100vh;display:flex;flex-direction:column;padding:2rem;max-width:800px;margin:0 auto}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#00d4aa,#00a8cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main{flex:1;display:flex;align-items:center;justify-content:center}.conflict-banner{background:#f8d7da;color:#721c24;padding:1rem;margin:.5rem 0;border:1px solid #f5c6cb;border-radius:4px}.conflict-banner button{margin-left:1rem}.login-shell{max-width:420px;margin:4rem auto;padding:2rem}.login-shell input{display:block;width:100%;padding:.5rem;margin:1rem 0}.login-shell button{padding:.55rem 1rem;cursor:pointer}.login-shell button:disabled{opacity:.5;cursor:default}.login-shell .error{color:#c00;margin-top:1rem}.login-shell .hint{color:#666;font-size:.9rem;margin-top:1.5rem}.login-shell .oauth-button{width:100%}.login-shell .oauth-button.google{background:#fff;color:#1a1a1a;border:1px solid #ccc}.login-shell .oauth-button.google:hover:not(:disabled){background:#f5f5f5}.login-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:#888;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ddd}.sidebar-user{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #30363d}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem;line-height:1.2}.sidebar-user-email{font-size:.75rem;color:#c9d1d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email-loading{color:#6e7681}.sidebar-user-role{font-size:.6rem;color:#8b949e;text-transform:uppercase;letter-spacing:.05em}.sidebar-user-signout{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:transparent;border:1px solid transparent;border-radius:4px;color:#8b949e;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.sidebar-user-signout:hover{color:#c9d1d9;border-color:#30363d;background:#21262d}.video-badges{display:inline-flex;align-items:center;gap:.3rem;margin-left:.4rem}.badge{font-size:.7rem;padding:.05rem .4rem;border-radius:10px;line-height:1.4;background:#21262d;color:#8b949e;border:1px solid #30363d}.badge.status-icon{background:transparent;border:none;padding:0;font-size:.85rem;line-height:1}.assignee-filter{width:calc(100% - 1rem);margin:0 .5rem .5rem;padding:.35rem 1.75rem .35rem .5rem;background:#0d1117;border:1px solid #30363d;border-radius:4px;color:#c9d1d9;font-size:.75rem;font-family:inherit;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path d='M2 4l3 3 3-3' stroke='%238b949e' stroke-width='1.3' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right .6rem center}.assignee-filter:hover{border-color:#484f58}.assignee-filter:focus{border-color:#58a6ff}.assignee-filter option{background:#161b22;color:#c9d1d9}.assignee-picker{padding:.05rem 1.1rem .05rem .5rem;border-radius:10px;font-size:.7rem;font-family:inherit;line-height:1.4;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-repeat:no-repeat;background-position:right .35rem center;max-width:8rem;text-overflow:ellipsis}.assignee-picker.has-assignee{background-color:#388bfd26;border:1px solid rgba(56,139,253,.3);color:#58a6ff;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path d='M2 4l3 3 3-3' stroke='%2358a6ff' stroke-width='1.3' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.assignee-picker.unassigned{background-color:#21262d;border:1px solid #30363d;color:#8b949e;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path d='M2 4l3 3 3-3' stroke='%238b949e' stroke-width='1.3' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.assignee-picker:hover{filter:brightness(1.15)}.assignee-picker:focus{box-shadow:0 0 0 2px #58a6ff4d}.assignee-picker option{background:#161b22;color:#c9d1d9}