*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#0a0a0a;color:#e0e0e0;-webkit-font-smoothing:antialiased}.app{max-width:1200px;margin:0 auto;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e0e0e0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}header h1{font-size:1.25rem;font-weight:600;margin:0;color:#fff}.user-info{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.user-email{color:#aaa}.user-role{padding:.15rem .4rem;border-radius:3px;font-size:.7rem;text-transform:uppercase;background:#1a3a1a;color:#6c6}.sign-out-btn{padding:.3rem .6rem;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#888;font-size:.75rem;cursor:pointer;transition:background .15s,color .15s}.sign-out-btn:hover{background:#2a1a1a;color:#c66;border-color:#c66}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-card{text-align:center;padding:2.5rem;border:1px solid #333;border-radius:12px;background:#111;min-width:300px}.login-card h1{font-size:1.4rem;color:#fff;margin:0 0 .5rem}.login-card p{color:#888;font-size:.9rem;margin:0 0 1.5rem}.google-btn-container{display:flex;justify-content:center}.login-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;color:#aaa;font-size:.9rem;padding:.5rem 0}.login-error{color:#c66;font-size:.85rem;margin-top:1rem}main{display:flex;gap:1.5rem;min-height:80vh}.recording-list{width:320px;flex-shrink:0}.recording-list h2{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:#888;margin:0 0 .75rem}.search-bar{width:100%;padding:.45rem .6rem;margin-bottom:.5rem;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:.85rem;box-sizing:border-box}.search-bar::placeholder{color:#666}.search-bar:focus{outline:none;border-color:#4a9eff}.search-scope{display:flex;margin-bottom:.4rem}.search-scope button{flex:1;padding:.3rem .6rem;background:#1a1a1a;border:1px solid #333;color:#888;font-size:.75rem;cursor:pointer;transition:background .15s,color .15s;position:relative}.search-scope button:first-child{border-radius:4px 0 0 4px;margin-right:-1px}.search-scope button:last-child{border-radius:0 4px 4px 0}.search-scope button.active{background:#0d1f3c;color:#4a9eff;border-color:#4a9eff;z-index:1}.search-scope button:hover:not(.active){background:#222;color:#aaa}.search-count{font-size:.75rem;color:#888;margin-bottom:.4rem}.list-scroll{display:flex;flex-direction:column;gap:.5rem;max-height:calc(100vh - 120px);overflow-y:auto}.recording-card{padding:.75rem;border:1px solid #333;border-radius:6px;cursor:pointer;transition:border-color .15s,background .15s}.recording-card:hover{border-color:#555;background:#1a1a1a}.recording-card.selected{border-color:#4a9eff;background:#0d1f3c}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.card-name{font-size:.85rem;font-weight:500;margin-bottom:.25rem;word-break:break-all}.delete-btn{background:none;border:none;color:#555;font-size:1.1rem;line-height:1;padding:0 .25rem;cursor:pointer;border-radius:3px;opacity:0;transition:opacity .15s,color .15s,background .15s}.recording-card:hover .delete-btn{opacity:1}.delete-btn:hover{color:#c66;background:#3a1a1a}.recording-card.deleting{opacity:.5;pointer-events:none}.recording-card.completed{opacity:.45}.card-actions{display:flex;gap:.15rem;align-items:flex-start}.complete-btn{background:none;border:none;color:#555;font-size:.9rem;line-height:1;padding:0 .25rem;cursor:pointer;border-radius:3px;opacity:0;transition:opacity .15s,color .15s,background .15s}.recording-card:hover .complete-btn{opacity:1}.complete-btn:hover{color:#6c6;background:#1a3a1a}.complete-btn.is-completed{opacity:1;color:#6c6}.completed-toggle{display:block;margin-bottom:.5rem;padding:.3rem .6rem;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#888;font-size:.75rem;cursor:pointer;transition:background .15s,color .15s}.completed-toggle:hover{background:#222;color:#aaa}.spinner-sm{display:inline-block;width:12px;height:12px;border:2px solid #4a9eff33;border-top-color:#4a9eff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.4rem;vertical-align:middle}.card-meta{display:flex;gap:.75rem;font-size:.75rem;color:#888}.badge{display:inline-block;margin-top:.35rem;padding:.1rem .4rem;font-size:.65rem;border-radius:3px;background:#1a3a1a;color:#6c6}.badge.trim{background:#3a2a1a;color:#c96}.badge.similarity{background:#1a2a3a;color:#8ac}.recording-group{display:flex;flex-direction:column}.recording-card.has-trims{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}.trims-tab{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#161616;border:1px solid #333;border-top:none;border-radius:0 0 6px 6px;font-size:.75rem;color:#c96;cursor:pointer;transition:background .15s}.trims-tab:hover{background:#1c1c1c}.trims-tab.open{border-radius:0}.trims-tab-icon{font-size:.65rem}.trims-list{display:flex;flex-direction:column;border-left:2px solid #3a2a1a;margin-left:.5rem;padding-left:.5rem}.trim-card{border-radius:4px;padding:.5rem .6rem;background:#0d0d0d;border-color:#2a2a2a}.trim-card:hover{background:#141414}.trim-card .card-name{font-size:.8rem;color:#c96}.trim-card.selected{border-color:#c96;background:#1a150d}.card-label{font-size:.75rem;color:#9ab;margin-top:.25rem;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading,.empty{color:#666;font-size:.85rem}.detail-panel{flex:1;min-width:0}.video-player video{width:100%;border-radius:8px;background:#111}.empty-player{display:flex;align-items:center;justify-content:center;min-height:300px;border:1px dashed #333;border-radius:8px;color:#555}.no-preview{color:#666;font-size:.85rem;margin-top:1rem}.trim-controls{margin-top:1rem;padding:1rem;border:1px solid #333;border-radius:8px;background:#111}.trim-controls h3{font-size:.85rem;margin:0 0 .75rem;color:#aaa}.range-container{position:relative;height:40px;margin-bottom:.75rem}.range-track{position:absolute;top:16px;left:0;right:0;height:8px;background:#2a2a2a;border-radius:4px}.range-fill{position:absolute;top:0;height:100%;background:#4a9eff33;border-radius:4px}.playhead{position:absolute;top:-2px;width:2px;height:12px;background:#fff;border-radius:1px;transition:left .1s}.range-input{position:absolute;top:4px;width:100%;margin:0;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none}.range-input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#4a9eff;cursor:pointer;pointer-events:auto}.range-input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#4a9eff;cursor:pointer;pointer-events:auto;border:none}.trim-inputs{display:flex;gap:1.5rem;margin-bottom:.75rem}.trim-inputs label{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#888}.trim-inputs input[type=number]{width:70px;padding:.3rem .4rem;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:.8rem}.time-fmt{font-size:.75rem;color:#666}.kbd{display:inline-block;padding:.1rem .35rem;font-size:.65rem;font-family:monospace;background:#2a2a2a;border:1px solid #444;border-radius:3px;color:#999;margin-left:.25rem}.trim-summary{font-size:.8rem;color:#888;margin-bottom:.75rem}.trim-btn{padding:.5rem 1.25rem;background:#4a9eff;color:#fff;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .15s}.trim-btn:hover:not(:disabled){background:#3a8eef}.trim-btn:disabled{background:#333;color:#666;cursor:not-allowed}.job-status{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;border-radius:6px;font-size:.85rem}.job-status.processing{background:#1a2a3a;color:#8ac}.job-status.completed{background:#1a3a1a;color:#6c6}.job-status.failed{background:#3a1a1a;color:#c66}.spinner{width:16px;height:16px;border:2px solid #4a9eff33;border-top-color:#4a9eff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.label-editor{margin-top:1rem;padding:1rem;border:1px solid #333;border-radius:8px;background:#111}.label-editor h3{font-size:.85rem;margin:0 0 .5rem;color:#aaa}.label-row{display:flex;gap:.5rem}.label-row input[type=text]{flex:1;padding:.4rem .6rem;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:.85rem}.label-save-btn{padding:.4rem 1rem;background:#4a9eff;color:#fff;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background .15s}.label-save-btn:hover:not(:disabled){background:#3a8eef}.label-save-btn:disabled{background:#333;color:#666;cursor:not-allowed}.label-input{margin-bottom:.75rem}.label-input label{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#888}.label-input input[type=text]{flex:1;padding:.3rem .4rem;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:.8rem}.file-browser{margin-top:1rem;padding:1rem;border:1px solid #333;border-radius:8px;background:#111}.file-browser-header{display:flex;align-items:center;justify-content:space-between}.file-browser-title{display:flex;align-items:center;gap:.4rem;cursor:pointer;flex:1}.file-download-all-btn{background:none;border:1px solid #333;border-radius:4px;color:#888;font-size:.75rem;padding:.2rem .5rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.file-download-all-btn:hover{background:#1a2a3a;color:#4a9eff;border-color:#4a9eff}.file-browser-title h3{font-size:.85rem;margin:0;color:#aaa}.file-browser-summary{color:#666;font-size:.75rem;margin-left:auto}.file-browser-contents{margin-top:.75rem}.file-group{margin-bottom:.5rem}.file-group-header{display:flex;align-items:center;gap:.4rem;padding:.3rem 0;cursor:pointer;font-size:.8rem;color:#c96;transition:color .15s}.file-group-header:hover{color:#da7}.file-group-icon{font-size:.65rem;width:.8rem}.file-group-name{font-weight:500}.file-group-count{color:#666;font-size:.75rem;margin-left:auto}.file-row{display:flex;align-items:center;gap:.5rem;padding:.25rem 0 .25rem 1.2rem;font-size:.8rem}.file-name{flex:1;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#666;font-size:.75rem;flex-shrink:0}.file-download-btn{background:none;border:1px solid #333;border-radius:3px;color:#888;font-size:.8rem;padding:.1rem .4rem;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.file-download-btn:hover:not(:disabled){background:#1a2a3a;color:#4a9eff;border-color:#4a9eff}.file-download-btn:disabled{color:#555;cursor:wait}.error-msg{color:#c66;font-size:.85rem;margin-top:.75rem}