.recording-study{padding:24px;border-top:1px solid var(--line);background:#1a2119}.recording-study h3{font-size:1.35rem;margin:9px 0}.recording-study .section-head{gap:15px;align-items:flex-start}.recording-study .tag{white-space:nowrap}.recording-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.recording-steps label{display:flex;gap:10px;padding:16px 12px;border:1px solid #526046;border-radius:12px;background:#252e21;cursor:pointer;align-items:flex-start}.recording-steps input{accent-color:#c8da99;width:18px;height:18px;flex-shrink:0}.recording-steps b{font-size:.86rem;display:block}.recording-steps small{display:block;color:var(--muted);font-size:.76rem;line-height:1.6;margin-top:7px}.recording-steps label:has(:checked){border-color:#c8da99;background:#34402a}.recording-study details{padding:16px 0;border-top:1px solid var(--line);margin-top:14px}.recording-study summary{cursor:pointer;font-weight:650;line-height:1.7}.recording-study summary span{color:#c8da99}.recording-study details>p{font-size:.85rem;line-height:1.7;color:var(--muted);margin:12px 0}.recording-save-form{display:flex;gap:12px;align-items:flex-end;margin:18px 0}.recording-save-form label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;font-size:.8rem;color:var(--muted)}.recording-save-form input,.recording-save-form select{width:100%;min-width:0;border:1px solid #5d694c;border-radius:8px;background:#141a13;color:var(--text);padding:12px;font:inherit}.recording-saved-row{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:10px 0}.recording-replay{display:flex;align-items:center;gap:16px;flex:1;min-width:0;padding:10px;border:0;background:transparent;color:var(--text);text-align:left;font:inherit;cursor:pointer;border-radius:8px}.recording-replay:hover{background:#303b27}.recording-replay>span:first-child{font-size:1.5rem;color:var(--orange)}.recording-replay strong{display:block;font-size:.87rem;overflow-wrap:anywhere}.recording-replay small{display:block;color:var(--muted);font-size:.75rem;margin-top:5px}.recording-empty,.recording-feedback{font-size:.8rem;line-height:1.7;color:var(--muted)}.recording-feedback:empty{display:none}.recording-follow{display:flex;flex-direction:column;gap:12px;margin-top:20px;padding:22px;background:#222b1e;border-left:3px solid #687855;border-radius:8px}.recording-follow strong{font-size:1.1rem;line-height:1.6}.recording-follow>span:last-child{color:var(--muted);font-size:.88rem}.recording-follow.following{background:#33412a;border-color:#c8da99}.lyric-line.singing{outline:2px solid #dcebab;outline-offset:3px}.recording-study :focus-visible{outline:2px solid #c8da99;outline-offset:3px}
@media(max-width:760px){.recording-study{padding:20px 14px}.recording-steps{grid-template-columns:1fr}.recording-save-form{flex-direction:column;align-items:stretch}.recording-study .section-head{flex-wrap:wrap}.recording-replay{padding-left:0}.recording-follow{padding:18px}}
.recording-saved-item{flex:1;min-width:0}.recording-saved-item .recording-replay{width:100%}.recording-saved-item .recording-clip-note{font-size:.8rem;line-height:1.8;color:var(--text);margin:0 10px 10px 48px;white-space:pre-wrap;overflow-wrap:anywhere}.recording-video-notes{margin-top:24px;padding:22px 0 0;background:transparent}.recording-video-notes h3{font-size:1.1rem}.recording-video-notes>p{font-size:.8rem;line-height:1.8}.recording-video-notes .recording-save-form{display:grid;grid-template-columns:1fr;gap:14px}.recording-video-notes .recording-save-form .btn{justify-self:start}.recording-note-label small{font-size:.7rem;font-weight:400}.recording-note-label textarea{width:100%;min-height:84px;resize:vertical;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;padding:12px}.recording-video-notes .recording-video-storage{font-size:.68rem;color:var(--muted);margin-top:18px}.recording-video-notes .recording-saved-row>.textlink{min-height:44px;padding:8px}.segment-editor summary [data-video-clip-count]{color:var(--green);font-size:.75rem;white-space:nowrap}
@media(max-width:760px){.recording-saved-item .recording-clip-note{margin-left:34px}.recording-video-notes{padding-left:0;padding-right:0}}
.recording-edit-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.recording-edit-actions .textlink{font-size:.8rem}.recording-video-notes .recording-saved-row{gap:7px}