.list-grid{align-items:start}.list-card{padding:16px;transition:border-color .15s,box-shadow .15s}.list-card.is-expanded{border-color:#c5d1c9;box-shadow:0 12px 32px #26362f0c}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.playlist-summary{min-width:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0;border:0;text-align:left;color:var(--ink);background:transparent}.playlist-summary>span:first-child{min-width:0}.playlist-name{display:block;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.expand-indicator{flex:none;color:var(--green);font-size:12px}.expand-indicator b{display:inline-block;width:14px;font-size:16px}.round-play{display:grid;place-items:center;flex:none;width:38px;height:38px;border:0;border-radius:50%;color:#fff;background:var(--green)}.card-actions{display:flex;justify-content:flex-end;gap:2px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.action.delete,.date-tag button{color:var(--danger)}.playlist-tracks{display:grid;gap:4px;max-height:340px;margin:14px 0 0;padding-top:12px;overflow:auto;border-top:1px solid var(--line)}.playlist-empty{padding:18px 10px;text-align:center;background:#f7f8f5;border-radius:8px}.track-button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:8px;text-align:left;color:var(--ink);background:#f7f8f5}.track-button:hover{background:#edf2ed}.track-button.is-current{color:#294b3b;background:#e7f0e9;box-shadow:inset 4px 0 var(--green);font-weight:600}.track-button.is-playing,.track-button.is-current:hover{background:#dbe9de}.track-number{min-width:22px;color:var(--muted)}.track-duration{margin-left:auto;color:var(--muted);font-size:12px}.hint{margin:10px 0;color:var(--muted);font-size:13px}.add-audio-row,.add-date-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px}.duration-summary{margin:12px 0;padding:10px 12px;border-radius:9px;color:var(--green);background:#edf2ed;font-weight:600}.editor-list{max-height:280px}.editor-item{display:grid!important;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:10px 12px!important;border-bottom:1px solid var(--line);cursor:grab;transition:opacity .15s,background .15s}.editor-item:active{cursor:grabbing}.editor-item.is-dragging{opacity:.4;background:#edf2ed}.editor-item small{margin-left:6px;color:var(--muted)}.editor-number{color:var(--muted);font-weight:500}.drag-handle{color:#9aaa9f;font-size:20px;letter-spacing:-5px}.order-button{padding:5px 8px;border:0;color:var(--green);background:transparent}.mobile-order{display:none}.date-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.date-tag{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:99px;background:#edf2ed;font-size:13px}.date-tag button{border:0;background:transparent}.priority-badge{display:inline-block;padding:4px 8px;border-radius:99px;color:#8a4f28;background:#fff1e5;font-size:12px}.bottom-player{position:fixed;z-index:20;right:24px;bottom:20px;left:262px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:15px 18px;border:1px solid #cbd4ce;border-radius:15px;background:#fff;box-shadow:0 18px 50px #17251e30}.player-main-button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;color:#fff;background:var(--green);font-size:18px}.player-content{min-width:0}.player-content strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-row{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin-top:7px;color:var(--muted);font-size:12px}.progress-row input{height:4px;padding:0;accent-color:var(--green)}@media(max-width:760px){.bottom-player{right:12px;bottom:10px;left:12px}.mobile-order{display:inline-block}}@media(max-width:520px){.editor-item{grid-template-columns:24px 1fr}.editor-item>span:last-child{grid-column:2}}
.sortable-card,.sortable-row{transition:opacity .15s,background .15s,border-color .15s}.sortable-card.is-dragging,.sortable-row.is-dragging{opacity:.45}.sort-handle,.row-drag-handle{display:inline-flex;align-items:center;color:#8c9d93;cursor:grab;user-select:none}.sort-handle{margin-right:auto;padding:5px 8px;font-size:12px;letter-spacing:.04em}.row-drag-handle{padding:5px 7px;font-size:17px;letter-spacing:-5px}.sort-handle:active,.row-drag-handle:active{cursor:grabbing}.sort-action:disabled{color:#bdc6c0;cursor:not-allowed}.sortable-row:hover{background:#fbfcfa}