.film-library-panel{gap:var(--sp-4);flex-direction:column;display:flex}.add-film-form select{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.film-list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.film-list-item{align-items:center;gap:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);display:flex}.film-list-item.active{border-color:var(--gold)}.film-list-item-button{text-align:left;color:var(--text);background:0 0;border:none;flex:1;min-height:auto;padding:10px 12px}.film-list-item-button:hover{box-shadow:none;color:var(--gold)}.film-list-item-delete{flex:none;min-height:auto;margin-right:6px;padding:6px}.film-panel{gap:var(--sp-4);flex-direction:column;display:flex}.youtube-player-wrap{aspect-ratio:16/9;border-radius:var(--radius-md);background:#000;width:100%;position:relative;overflow:hidden}.youtube-player-wrap iframe{width:100%;height:100%}.film-external-link{align-items:center;gap:var(--sp-2);color:var(--gold);font-weight:600;display:inline-flex}.add-tag-controls{gap:var(--sp-2);flex-direction:column;display:flex}.add-tag-manual-time input{max-width:160px}.tag-filter-row{margin:0}.tag-chip.active{background:#ffc40024}.film-tag-list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.film-tag-item{align-items:center;gap:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:var(--sp-2) var(--sp-3);display:flex}.film-tag-timestamp{font-variant-numeric:tabular-nums;flex:none;min-height:auto;padding:4px 10px}.film-tag-type{font-weight:600}.film-tag-note{flex:1}.film-tag-delete{flex:none;min-height:auto;margin-left:auto;padding:6px}@media (max-width:900px){.film-page{grid-template-columns:1fr}}.film-panel-head{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.film-panel-head h3{margin:0}.film-panel-tools{gap:var(--sp-2);display:flex}.film-panel-tools button{align-items:center;gap:6px;min-height:auto;padding:6px 12px;display:inline-flex}.film-mic.active{border-color:var(--red);color:var(--red)}.film-voice-interim{margin:0;font-style:italic}.tag-detail-panel{gap:var(--sp-3);border:1px solid var(--gold);border-radius:var(--radius-md);background:var(--surface-2);padding:var(--sp-4);flex-direction:column;display:flex}.tag-detail-head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;display:flex}.tag-detail-hint{font-size:var(--fs-sm);color:var(--gold);font-variant-numeric:tabular-nums}.tag-detail-field{flex-direction:column;gap:6px;display:flex}.tag-detail-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-micro);color:var(--muted)}.tag-detail-choices{gap:var(--sp-2);flex-wrap:wrap;display:flex}.tag-detail-choices .tag-chip{min-width:44px}.tag-detail-panel select,.film-athlete-filter select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px}.film-athlete-current{font-size:var(--fs-sm);margin:0}.film-filter-bar{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.film-filter-bar .tag-filter-row{flex:auto}.hotkey-overlay{z-index:var(--z-modal);padding:var(--sp-4);background:#0009;place-items:center;display:grid;position:fixed;inset:0}.hotkey-overlay-card{background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:min(720px,100%);max-height:90vh;box-shadow:var(--shadow-lg);padding:var(--sp-5);overflow-y:auto}.hotkey-overlay-head{justify-content:space-between;align-items:center;display:flex}.hotkey-overlay-head h3{margin:0}.hotkey-overlay-grid{gap:var(--sp-4) var(--sp-6);margin-top:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.hotkey-overlay-grid h4{margin:0 0 var(--sp-2);color:var(--gold);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:var(--tracking-micro)}.hotkey-overlay-grid dl{margin:0}.hotkey-row{gap:var(--sp-3);font-size:var(--fs-sm);padding:4px 0;display:flex}.hotkey-row dt{flex:0 0 120px}.hotkey-row dd{color:var(--muted);margin:0}.hotkey-row kbd{font-family:var(--font-body);font-size:var(--fs-xs);border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-2);white-space:nowrap;border-bottom-width:2px;padding:1px 6px}.hotkey-overlay-foot{margin:var(--sp-4) 0 0;font-size:var(--fs-sm)}.film-toast{left:50%;bottom:var(--sp-6);z-index:var(--z-toast);align-items:center;gap:var(--sp-3);max-width:calc(100vw - 32px);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);background:var(--panel-2);border:1px solid var(--border-strong);border-left:3px solid var(--green);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-weight:600;display:flex;position:fixed;transform:translate(-50%)}.film-toast-error{border-left-color:var(--red)}.film-toast-undo,.film-toast-dismiss{align-items:center;gap:4px;min-height:auto;padding:4px 10px;display:inline-flex}.quick-tagger,.film-comment-box{gap:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:var(--sp-3) var(--sp-4);flex-direction:column;display:flex}.quick-tagger-head,.film-comment-row{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.quick-tagger-step,.film-comment-time{font-size:var(--fs-sm);color:var(--muted)}.quick-tagger-step strong{color:var(--gold)}.quick-tagger-nav{gap:var(--sp-1);display:flex}.quick-tagger-nav button{align-items:center;gap:4px;min-height:36px;padding:6px 10px;display:inline-flex}.quick-tagger-choices{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));display:grid}.quick-choice{background:var(--panel);min-height:48px;color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-weight:600}.quick-choice:hover{border-color:var(--gold)}.quick-choice-good{border-color:var(--green)}.quick-choice-bad{border-color:var(--red)}.film-comment-box textarea{resize:vertical;background:var(--panel);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;padding:10px 12px}.film-comment-restamp{min-height:auto;font-size:var(--fs-sm);padding:4px 8px}.film-comment-for select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}.film-detailed-toggle{align-self:flex-start;align-items:center;gap:4px;display:inline-flex}.film-library-tabs{gap:var(--sp-2);display:flex}.my-clips{gap:var(--sp-4);flex-direction:column;display:flex}.my-clips-film h3{margin:0 0 var(--sp-2);font-size:var(--fs-base)}.my-clip-item{flex-wrap:wrap}.my-clip-item .film-tag-timestamp{align-items:center;gap:4px;display:inline-flex}.my-clip-item .film-tag-note{flex-basis:100%}