/* V15 — library details, timeline, queue, premium metadata */
.project-meta-premium{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 4px}.project-meta-premium span{border:1px solid rgba(139,92,246,.18);border-radius:999px;padding:5px 7px;color:#776b83;font:800 6px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.project-card.current .project-meta-premium span{border-color:rgba(139,92,246,.32);color:#9e87bb}
.album-inline-player{opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease}.album-inline-player.is-open{opacity:1;transform:none}
.hero-quick-actions{display:flex;gap:8px;margin-top:28px;flex-wrap:wrap}.hero-quick-actions button,.hero-quick-actions a{height:37px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #34293e;border-radius:999px;background:rgba(11,7,15,.56);padding:0 13px;color:#a999b7;font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-decoration:none;cursor:pointer;transition:.18s}.hero-quick-actions button{border-color:#69449a;color:#efe6fb}.hero-quick-actions button:hover,.hero-quick-actions a:hover{border-color:#8b5cf6;color:#fff;background:rgba(139,92,246,.1)}
.advanced-tools{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-left:auto}.advanced-tools label{display:flex;flex-direction:column;gap:5px;color:#61566b;font:800 6px ui-monospace,monospace;letter-spacing:.12em}.advanced-tools select,.advanced-tools button{height:34px;border:1px solid #312839;border-radius:999px;background:#0a0710;color:#9d8da9;padding:0 12px;font:800 7px ui-monospace,monospace;letter-spacing:.09em;outline:0}.advanced-tools select{appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,#6d5d78 50%),linear-gradient(135deg,#6d5d78 50%,transparent 50%);background-position:calc(100% - 13px) 14px,calc(100% - 9px) 14px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.advanced-tools button{cursor:pointer;border-color:#5d3b86;color:#d9cae9}.advanced-tools button:hover{border-color:#8b5cf6;color:#fff}
.new-signal{position:absolute;left:7px;top:7px;z-index:4;border:1px solid rgba(139,92,246,.5);border-radius:999px;background:rgba(9,6,13,.84);padding:4px 6px;color:#b78cff;font:900 5px ui-monospace,monospace;letter-spacing:.1em}.row-new{width:6px;height:6px;padding:0;border:0;background:#9b5cff;box-shadow:0 0 12px #8b5cf6;color:transparent}.new-inline{display:inline-flex;margin-left:8px;padding:3px 5px;border:1px solid rgba(139,92,246,.3);border-radius:999px;color:#9f75cf;font:900 5px ui-monospace,monospace;letter-spacing:.08em;vertical-align:middle}
.fragment-timeline{margin:28px 0 34px;border-top:1px solid #28202f;border-bottom:1px solid #28202f;padding:20px 0}.timeline-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:13px}.timeline-head small{color:#675976;font:800 6px ui-monospace,monospace;letter-spacing:.15em}.timeline-head strong{font-size:16px;font-weight:500;letter-spacing:-.02em}.timeline-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.timeline-item{position:relative;min-width:0;border:1px solid #28202f;background:#0a0710;cursor:pointer;transition:.18s}.timeline-item:hover,.timeline-item.latest{border-color:#5d3d83;transform:translateY(-2px)}.timeline-art{aspect-ratio:1;background:#0c0911;overflow:hidden}.timeline-art img{width:100%;height:100%;object-fit:cover;display:block}.timeline-copy{padding:9px 10px 11px;min-width:0}.timeline-copy small{display:block;color:#776487;font:800 5px ui-monospace,monospace;letter-spacing:.12em;margin-bottom:5px}.timeline-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.timeline-copy span{display:block;margin-top:5px;color:#52485b;font:700 6px ui-monospace,monospace}.timeline-item>button{position:absolute;right:8px;top:8px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(8,5,11,.78);color:#fff;display:grid;place-items:center;cursor:pointer}.timeline-item>button svg{width:10px;fill:currentColor}
.track-detail{position:fixed;inset:0;z-index:900;pointer-events:none;opacity:0;transition:opacity .2s}.track-detail.open{pointer-events:auto;opacity:1}.detail-backdrop{position:absolute;inset:0;background:rgba(4,2,7,.74);backdrop-filter:blur(14px)}.detail-panel{position:absolute;right:0;top:0;width:min(760px,94vw);height:100%;overflow:auto;background:linear-gradient(180deg,#0d0912,#08060c 60%);border-left:1px solid #352742;transform:translateX(102%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 90px rgba(0,0,0,.45)}.track-detail.open .detail-panel{transform:none}.detail-close{position:sticky;top:14px;z-index:8;float:right;margin:14px 16px 0 0;width:36px;height:36px;border:1px solid #443451;border-radius:50%;background:rgba(10,7,14,.85);color:#b9a9c5;cursor:pointer;font-size:18px}.detail-hero{display:grid;grid-template-columns:260px 1fr;gap:24px;padding:66px 28px 28px}.detail-art{position:relative;aspect-ratio:1;background:#100b16;border:1px solid #30243a;overflow:hidden;display:grid;place-items:center;color:#5f5268;font:800 8px ui-monospace,monospace}.detail-art img{width:100%;height:100%;object-fit:cover}.detail-art b{position:absolute;left:10px;bottom:10px;border:1px solid #684395;border-radius:999px;background:rgba(8,5,11,.8);padding:6px 8px;color:#be91ed;font:900 6px ui-monospace,monospace;letter-spacing:.1em}.detail-head{align-self:end;min-width:0}.detail-head>small,.detail-copy small,.detail-related>small{color:#695978;font:800 6px ui-monospace,monospace;letter-spacing:.16em}.detail-head h2{font-size:clamp(28px,4vw,54px);line-height:.92;letter-spacing:-.055em;margin:11px 0 18px;overflow-wrap:anywhere}.detail-specs{display:flex;gap:6px;flex-wrap:wrap}.detail-specs span{border:1px solid #31263a;border-radius:999px;padding:6px 8px;color:#7f708c;font:800 6px ui-monospace,monospace;letter-spacing:.09em}.detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.detail-actions button,.detail-actions a{height:37px;display:inline-flex;align-items:center;gap:7px;border:1px solid #49345f;border-radius:999px;background:transparent;color:#c7b4d7;padding:0 12px;font:850 7px ui-monospace,monospace;letter-spacing:.1em;text-decoration:none;cursor:pointer}.detail-actions button{background:rgba(139,92,246,.1);border-color:#6c4896;color:#f0e8f8}.detail-actions svg{width:10px;fill:currentColor}.detail-copy{padding:0 28px 30px;display:grid;gap:14px}.detail-copy section{border-top:1px solid #28202f;padding-top:16px}.detail-copy p{color:#9e90aa;font-size:12px;line-height:1.72;margin:10px 0 0}.detail-lyrics p{max-height:410px;overflow:auto;padding-right:10px}.detail-related{padding:0 28px 50px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.related-card{position:relative;border:1px solid #292130;background:#0a0710;cursor:pointer;min-width:0}.related-card>div{aspect-ratio:1;overflow:hidden;background:#100b15}.related-card img{width:100%;height:100%;object-fit:cover}.related-card>span{display:block;padding:8px 9px 11px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-card button{position:absolute;right:7px;top:7px;width:27px;height:27px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(8,5,11,.8);color:#fff;display:grid;place-items:center;cursor:pointer}.related-card button svg{width:9px;fill:currentColor}.detail-open{overflow:hidden}
.queue-toggle{position:absolute;right:42px;top:50%;transform:translateY(-50%);height:30px;border:1px solid #33283d;border-radius:999px;background:transparent;color:#796b84;padding:0 10px;font:850 6px ui-monospace,monospace;letter-spacing:.1em;cursor:pointer}.queue-toggle:hover{border-color:#6c4896;color:#d8c5e8}.queue-drawer{position:fixed;z-index:180;right:18px;bottom:105px;width:min(420px,calc(100vw - 24px));max-height:470px;overflow:auto;border:1px solid #392b46;background:rgba(9,6,13,.96);backdrop-filter:blur(22px);box-shadow:0 20px 60px rgba(0,0,0,.5);opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s}.queue-drawer.open{opacity:1;pointer-events:auto;transform:none}.queue-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-bottom:1px solid #2b2232;background:#0a0710;color:#796a85;font:850 6px ui-monospace,monospace;letter-spacing:.14em}.queue-head button{border:0;background:none;color:#9c8aa7;font-size:16px;cursor:pointer}.queue-list article{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid #241d2a;cursor:pointer}.queue-list article:hover{background:rgba(139,92,246,.055)}.queue-list img{width:42px;height:42px;object-fit:cover}.queue-list div{min-width:0}.queue-list small{display:block;color:#5e5168;font:800 5px ui-monospace,monospace;letter-spacing:.1em}.queue-list strong{display:block;margin-top:3px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-list>article>span{color:#65586d;font:800 6px ui-monospace,monospace}.queue-list>p{padding:24px;text-align:center;color:#5c4f65;font:800 6px ui-monospace,monospace;letter-spacing:.1em}
.sync-footer{color:#6f5c82!important}.archive-footer{gap:12px;flex-wrap:wrap}
.track-cover,.mini-cover,.project-cover,.timeline-art{position:relative}.cover-loading:before{content:"";position:absolute;z-index:7;inset:0;background:linear-gradient(100deg,rgba(255,255,255,0) 25%,rgba(139,92,246,.08) 50%,rgba(255,255,255,0) 75%);background-size:200% 100%;animation:archive-shimmer 1.25s linear infinite;pointer-events:none}@keyframes archive-shimmer{to{background-position:-200% 0}}
@media(max-width:1000px){.timeline-list{grid-template-columns:repeat(3,1fr)}.detail-hero{grid-template-columns:210px 1fr}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.advanced-tools{width:100%;margin-left:0}.advanced-tools label{flex:1}.advanced-tools select{width:100%}.advanced-tools button{width:100%}.timeline-list{grid-template-columns:repeat(2,1fr)}.detail-panel{width:100%}.detail-hero{grid-template-columns:1fr;padding:60px 18px 20px}.detail-art{max-width:300px}.detail-head{align-self:auto}.detail-copy,.detail-related{padding-left:18px;padding-right:18px}.related-grid{grid-template-columns:repeat(2,1fr)}.queue-toggle{right:32px;top:10px;transform:none}.queue-drawer{right:8px;bottom:118px}.project-meta-premium span{font-size:5px}}