:root{--bg: #101114;--surface: #1b1c22;--surface-2: #24252c;--text: #e9e9ee;--muted: #92929e;--border: #2f303a;--accent: #8b5cf6;--accent-hover: #7c3aed;--accent-soft: rgba(139, 92, 246, .18);--green: #34d399;--amber: #f0a94e;--red: #f16469;--sidebar-w: 288px}::selection{background:var(--accent-soft)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3{font-weight:700;letter-spacing:-.01em}h2{font-size:20px}h3{font-size:15px;margin:24px 0 10px}.muted{color:var(--muted)}.small{font-size:12px}.tabular{font-variant-numeric:tabular-nums}.error{color:var(--red);font-size:13px}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px 20px;min-height:56px}.topbar-left{display:flex;align-items:center;min-width:0}.main{flex:1;min-width:0;padding:28px 36px 80px}.main-inner{max-width:920px;margin:0 auto}.brand{display:inline-flex;align-items:center;gap:6px;font-size:18px;font-weight:800;letter-spacing:-.02em;cursor:pointer;-webkit-user-select:none;user-select:none}.brand:hover{color:var(--accent)}.brand-icon{height:1.15em;width:1.15em;border-radius:5px;flex:none}.topbar .brand-icon{height:2em;width:2em;border-radius:7px}.nav-icon{font-size:15px;line-height:1}.nav-label{white-space:nowrap}.topbar-new-wrap{position:relative;flex:none}.topbar-new{display:inline-flex;align-items:center;gap:6px}.topbar-error{position:absolute;top:100%;right:0;margin-top:6px;white-space:nowrap;background:var(--surface);border:1px solid var(--red);border-radius:6px;padding:4px 8px;z-index:30}.topnav{display:flex;align-items:center;justify-content:center;gap:2px}.topnav>button,.topnav-fav-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;padding:8px 10px;border-radius:8px;font-size:13.5px;font-weight:600}.topnav>button:hover,.topnav-fav-btn:hover{background:var(--surface-2)}.topnav>button.active{background:var(--accent-soft);color:var(--accent)}.topnav-fav{position:relative}.topnav-fav .caret{font-size:10px;color:var(--muted)}.fav-dropdown{position:absolute;top:100%;right:0;min-width:240px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 28px #00000073;z-index:30;visibility:hidden;opacity:0;transform:translateY(-4px);transition:opacity .12s,transform .12s,visibility .12s}.topnav-fav:hover .fav-dropdown,.topnav-fav:focus-within .fav-dropdown,.topnav-fav.open .fav-dropdown{visibility:visible;opacity:1;transform:translateY(0)}.fav-item{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;text-align:left;background:transparent;padding:6px 10px;border-radius:8px;overflow:hidden}.fav-item:hover{background:var(--surface-2)}.fav-item-title{max-width:100%;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-item-artist{max-width:100%;font-size:11px;font-weight:400;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{justify-self:end;display:flex;align-items:center;gap:8px;min-width:0}.topbar-settings{display:inline-flex;align-items:center;background:transparent;padding:8px 10px;border-radius:8px;flex:none}.topbar-settings:hover{background:var(--surface-2)}button{border:none;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:600;cursor:pointer;color:var(--text);background:var(--surface-2);transition:background .12s,border-color .12s,filter .12s}button:hover:not(:disabled){background:#2c2d36}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.danger{background:var(--red);color:#fff}button.danger:hover:not(:disabled){filter:brightness(.94)}button.ghost{background:transparent;border:1px solid var(--border)}button.ghost:hover:not(:disabled){background:var(--surface-2)}button.small{padding:5px 10px;font-size:12px}button.block{width:100%}button.link{background:transparent;color:var(--accent);padding:0;font-weight:600;font-variant-numeric:tabular-nums}button.link:hover{background:transparent;text-decoration:underline}input[type=text],input:not([type]){flex:1;min-width:0;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:8px;font-size:14px}input:not([type]):focus,input[type=text]:focus{outline:none;border-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;margin:16px 0}.sidebar-tabs{display:flex;flex-wrap:wrap;gap:4px;background:var(--surface-2);border-radius:8px;padding:3px}.sidebar-tabs button{flex:1;background:transparent;padding:6px 10px;font-size:13px;border-radius:6px}.sidebar-tabs button.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 2px #0000004d}.home-tabs{display:flex;margin-bottom:14px}.home-tabs button{flex:1;padding:7px 18px}.session-list.home-list{display:grid;grid-template-columns:1fr;gap:4px 12px;align-items:start;flex:none;overflow:visible}@media (min-width: 700px){.session-list.home-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-list .session-day-header,.home-list .home-list-empty{grid-column:1 / -1}.home-list-empty{padding:6px 10px}.sessions-day-view{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.day-timeline-wrap{flex:1;min-width:260px}.calendar{flex:none;width:244px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.calendar-header button{padding:2px 8px}.calendar-title{font-weight:600;font-size:13.5px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-dow{text-align:center;font-size:10px;color:var(--muted);padding-bottom:4px}.calendar-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:0;font-size:12px;border-radius:6px;background:transparent;color:var(--text);position:relative}.calendar-cell.empty{visibility:hidden}button.calendar-cell:hover:not(:disabled){background:var(--surface-2)}.calendar-cell.has-sessions:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent)}.calendar-cell.today{font-weight:700;color:var(--accent)}.calendar-cell.selected,button.calendar-cell.selected:hover:not(:disabled){background:var(--accent);color:#fff;font-weight:700}.calendar-cell.selected:after{background:#fff}.day-timeline{list-style:none;margin:8px 0 0;padding:0}.timeline-item{display:grid;grid-template-columns:50px 16px 1fr;cursor:pointer}.timeline-time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;padding:12px 8px 0 0}.timeline-spine{position:relative;display:flex;justify-content:center}.timeline-spine:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item:first-child .timeline-spine:before{top:13px}.timeline-item:last-child .timeline-spine:before{bottom:calc(100% - 21px)}.timeline-dot{position:relative;z-index:1;width:10px;height:10px;margin-top:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--bg)}.timeline-card{margin:4px 0;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.timeline-item:hover .timeline-card{border-color:var(--accent)}.timeline-item.validated .timeline-dot{background:var(--green)}.timeline-time>div{line-height:1.3}.tag-timeline-group{margin-bottom:6px}.tag-timeline-title{margin:18px 0 4px}.star-btn{flex:none;background:transparent;padding:2px 6px;font-size:16px;line-height:1;color:var(--muted)}.star-btn:hover:not(:disabled){background:transparent;color:var(--amber)}.star-btn.on{color:var(--amber)}.song-detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.song-detail-head h2{margin:0}.song-detail-head .star-btn{font-size:22px}.moments-pane{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.moment-filter{gap:6px}.session-list{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.session-day-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:10px 10px 4px}.session-day-header:first-child{padding-top:2px}.session-item{display:block;width:100%;text-align:left;background:transparent;border-radius:8px;padding:9px 10px;cursor:pointer}.session-item:hover{background:var(--surface-2)}.session-item.active{background:var(--accent-soft)}.session-item.active .session-name{color:var(--accent)}.session-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.session-name{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-meta{color:var(--muted);font-size:11.5px;display:flex;gap:8px;align-items:center;margin-top:1px}.session-del{opacity:0;padding:2px 6px;font-size:12px;background:transparent}.session-item:hover .session-del,.timeline-item:hover .session-del{opacity:.6}.session-del:hover{opacity:1!important;background:transparent}.badge{background:var(--surface-2);border-radius:20px;padding:2px 9px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.badge.amber{color:var(--amber);background:#f0a94e29}.badge.rec-dot{color:var(--red);background:#f1646929}.tag-chip{background:var(--accent-soft);color:var(--accent);border:1px solid rgba(139,92,246,.35);border-radius:20px;padding:4px 11px;font-size:12px;font-weight:600}.tag-chip.active{background:var(--accent);color:#fff}.tag-chip.small{padding:2px 8px;font-size:11px}.tag-chips{gap:8px}.tag-input{flex:1;min-width:200px;position:relative}.tag-field{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 8px}.tag-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;margin:0;padding:4px;list-style:none;max-height:200px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000040}.tag-suggestion{display:block;width:100%;text-align:left;background:transparent;border:none;border-radius:6px;padding:6px 10px;font-size:13px;color:var(--text);cursor:pointer}.tag-suggestion.active{background:var(--accent-soft);color:var(--accent)}.tag-field.disabled{opacity:.5}.tag-chip.removable{display:inline-flex;align-items:center;gap:4px}.tag-draft{flex:1;min-width:80px!important;background:transparent!important;border:none!important;padding:4px!important;outline:none}.tag-x{background:transparent;border:none;color:inherit;padding:0;font-size:15px;line-height:1;font-weight:700;cursor:pointer}.meter{height:12px;background:var(--surface-2);border-radius:6px;overflow:hidden;margin:16px 0 8px}.meter-fill{height:100%;transition:width .08s linear}.timer{font-size:34px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;margin:6px 0 14px}.review-panel{border-color:var(--amber)}.hold-btn{position:relative;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.hold-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#0000004d;pointer-events:none}.hold-label{position:relative}.waveform-wrap{position:relative;width:100%;border:1px solid var(--border);border-radius:10px;overflow:hidden;line-height:0;background:var(--surface)}.waveform-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#8b5cf6f2;pointer-events:none}.waveform-marker{position:absolute;top:0;transform:translate(-50%);padding:1px 3px 2px;margin:0;border:none;background:#2dd4bff2;border-radius:0 0 5px 5px;font-size:11px;line-height:1;cursor:pointer;z-index:3}.waveform-marker:hover{background:#2dd4bf}.waveform-marker-flag{filter:grayscale(1) brightness(3)}.playback-controls{margin-top:10px}.controls{display:flex;gap:28px;flex-wrap:wrap}.control{flex:1;min-width:240px}.control label{display:block;margin-bottom:8px;font-size:13px;color:var(--muted)}.event-list,.annotation-list{list-style:none;padding:0;margin:0}.marker-list{list-style:none;padding:0;margin:0 0 8px}.marker-item{display:flex;align-items:center;gap:8px 12px;padding:8px 12px;border:1px solid var(--border);border-left:3px solid rgba(45,212,191,.9);border-radius:8px;margin-bottom:6px;background:var(--surface);font-variant-numeric:tabular-nums}.marker-item input{flex:1;min-width:120px}.event-item,.annotation-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;margin-bottom:6px;font-variant-numeric:tabular-nums;background:var(--surface)}.event-item{justify-content:space-between}.annotation-text{flex:1;min-width:120px}.link-row{cursor:pointer}.link-row:hover{border-color:var(--accent)}.active-row{border-color:var(--amber);background:#f0a94e1a}.annotation-item.validated{border-color:var(--green);background:#34d3991a;flex-wrap:wrap}.annotation-item.validated .link{color:var(--green)}.moment-player{flex-basis:100%;width:100%;display:flex;align-items:center;gap:10px;margin-top:6px}.moment-play{flex:none;width:34px;height:34px;padding:0;font-size:13px}.moment-wave{flex:1;min-width:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;line-height:0;background:var(--surface-2)}.moment-time{flex:none}.moment-edit{flex-basis:100%;width:100%;margin-top:2px}.moment-edit input{flex:1;min-width:140px}.annotation-item.editing{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.moment-range-edit{flex-basis:100%;width:100%;display:flex;flex-direction:column;gap:6px;margin-top:2px}.moment-range-edit p{margin:0}.range-nudge{align-items:center;gap:6px}.session-item.validated{box-shadow:inset 3px 0 0 var(--green)}.session-item.validated .session-name{color:var(--green)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:420px;text-align:center}.login-card .brand{font-size:22px;cursor:default;margin-bottom:8px}.login-card .brand:hover{color:inherit}.release-form .field{display:block;margin-bottom:14px}.release-form .field>span{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}.release-form input[type=text],.release-form input:not([type]),.release-form input[type=date],.release-form textarea{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:8px;font-size:14px;font-family:inherit}.release-form textarea{resize:vertical}.check{display:flex;align-items:center;gap:8px;margin:8px 0 16px;font-size:14px}.check input{width:16px;height:16px;accent-color:var(--accent)}.check-list{list-style:none;padding:0;margin:6px 0 0;max-height:220px;overflow-y:auto}.check-list .check{margin:4px 0}select{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:8px;font-size:14px;flex:1}.song-editor{width:100%;min-height:60vh;margin:12px 0 0;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:8px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.5;-moz-tab-size:4;tab-size:4;white-space:pre;overflow:auto;resize:vertical}.song-view{background:var(--surface-2);resize:none}.main-inner.has-rec-bar{padding-bottom:96px}.rec-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 16px #00000047;cursor:pointer}.rec-bar:hover{background:var(--surface-2)}.rec-bar-status{flex:0 0 auto;display:flex;align-items:center;gap:8px;min-width:110px}.rec-bar-wave{flex:1;min-width:0;display:flex;align-items:center}.rec-bar-wave .waveform-wrap{width:100%}.rec-bar-meta{flex:0 0 auto;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;white-space:nowrap}.rec-bar-open{color:var(--accent)}.home-empty{color:var(--muted);padding:40px 0 24px}@media (hover: none){.session-del{opacity:.6}}@media (max-width: 760px){.topbar-inner{gap:4px;padding:8px 12px}.brand-text,.nav-label,.topnav-fav .caret{display:none}.topnav>button,.topnav-fav-btn,.topbar-new,.topbar-settings{padding:8px;gap:0}.nav-icon{font-size:17px}.main{padding:20px 20px 60px}}@media (max-width: 480px){.main{padding:16px 14px 48px}.timer{font-size:26px}.home-tabs button{padding:6px 12px}}