@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b0c10;--line:#29232c;--muted:#95919b;--blue:#82a6e4;--red:#791e31}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eee9e7;font-family:Inter,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit;background:none;border:1px solid var(--line);border-radius:5px;padding:12px 18px}button:hover{border-color:var(--blue);background:#ffffff08}a{color:inherit;text-decoration:none}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:1px;font-size:14px}.brand small{display:block;font-size:9px;letter-spacing:4px;color:var(--muted);margin-top:6px}.mark{font-family:Georgia;font-size:30px;letter-spacing:-8px;border-right:1px solid #49303a;padding-right:25px}nav{display:flex;gap:12px}nav button{border:0;color:var(--muted);height:90px;border-radius:0}nav button.active{color:#fff;border-bottom:2px solid #b0475f}nav i{display:inline-block;background:#8e3144;width:6px;height:6px;border-radius:50%;margin-left:7px}.test{font-size:9px;letter-spacing:1.6px;color:var(--muted);border:1px solid var(--line);padding:8px 10px;border-radius:4px}main{max-width:1440px;margin:auto;padding:30px 5% 110px}.hero{position:relative;min-height:450px;overflow:hidden;border:1px solid #49202c;border-radius:9px;background:#39131e}.hero>img{position:absolute;right:0;top:0;height:100%;width:52%;object-fit:cover;object-position:center 34%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1b1018 0%,#2c111c 38%,transparent 75%),linear-gradient(0deg,#120f1688,transparent 40%);pointer-events:none}.hero-content{position:relative;z-index:1;padding:48px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.5px;color:#c28798;margin:0 0 20px}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(40px,5.6vw,78px);letter-spacing:-1px;line-height:.96;margin:0 0 28px;font-weight:800}h1 span{display:block;color:#bc6b7e;letter-spacing:8px;font-size:.65em;margin-top:10px}.tribute{font-size:11px;line-height:1.9;color:#c8b8be}.tribute strong{color:#f4e8ea}.tribute small{display:block;color:#9d868f;font-size:10px}.discord{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;border-bottom:1px solid #7d4a5a;padding-bottom:9px;margin-top:22px}.image-caption{position:absolute;z-index:2;bottom:22px;right:24px;font-size:8px;letter-spacing:3px;color:#d4a7b2}.notice{display:flex;gap:16px;align-items:center;border:1px solid var(--line);padding:16px 20px;margin-top:16px;border-radius:6px;font-size:11px;color:var(--muted)}.notice span{color:#b17f8b;font-size:9px;letter-spacing:1px;white-space:nowrap}.page{margin-top:45px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.blue{color:var(--blue);margin-bottom:10px}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;margin:0;font-weight:600}h2 span{font:12px Inter,Arial;color:#77717b;margin-left:16px;vertical-align:middle}.primary{background:#7d263c;border-color:#9a3b53;font-weight:600;font-size:12px}.toolbar{display:flex;gap:12px;margin:25px 0 0}.toolbar input{flex:1;min-width:0;background:#121218;border:1px solid var(--line);border-radius:5px;padding:14px;color:inherit}.toolbar select{background:#15141b;border:1px solid var(--line);padding:0 15px;color:#bfb7c0;border-radius:5px}.toolbar button{font-size:11px}.empty{text-align:center;padding:46px 15px 38px;margin-top:20px;border:1px dashed #302632;border-radius:7px;background:radial-gradient(ellipse at center,#21131c66,transparent 70%)}.disc{margin:0 auto 15px;width:58px;height:58px;border-radius:50%;border:1px solid #644052;outline:8px solid #241722;color:#a57489;display:grid;place-items:center;font-family:Georgia;font-size:26px}h3{font-size:19px;margin:20px 0 12px}.empty p,.radio-box p{color:var(--muted);font-size:12px;line-height:1.9}.secondary{font-size:11px;margin-top:12px;color:var(--blue)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:50px;padding-top:22px;color:#6e6772;font-size:9px;letter-spacing:1.5px}.track{display:flex;align-items:center;gap:16px;padding:16px 12px;border-bottom:1px solid var(--line)}.track .info{flex:1}.track strong{display:block;font-size:13px}.track small{color:var(--muted);display:block;margin-top:6px}.track button{padding:8px 12px}.track .remove{color:#a7828b}.radio-box{display:grid;grid-template-columns:300px 1fr;gap:55px;align-items:center;border:1px solid #26334c;background:linear-gradient(125deg,#161d2b,#111017);padding:35px;margin-top:25px;border-radius:8px}.radio-art{position:relative}.radio-art img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.radio-art span{position:absolute;top:15px;left:15px;background:#100c10cc;padding:8px 12px;border-radius:4px;font-size:9px;color:#e2879c;letter-spacing:2px}.radio-box h3{font-family:'Barlow Condensed',Impact;font-size:42px}.subtle{font-size:10px!important;margin-top:20px}aside{position:fixed;z-index:5;bottom:0;left:0;right:0;display:flex;align-items:center;gap:15px;background:#17141cef;border-top:1px solid #603047;padding:14px 5%;backdrop-filter:blur(20px)}[hidden]{display:none!important}aside img{width:42px;height:42px;object-fit:cover}#expand{padding:0;border:0}.playing{width:180px;min-width:0}.playing strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playing small{font-size:9px;color:var(--muted);display:block;margin-top:6px}aside button{padding:8px 10px}aside input{accent-color:#b86783;min-width:0}#seek{flex:1}#volume{width:75px}aside>span{font-size:10px;color:var(--muted)}dialog{background:#18121d;border:1px solid #603147;border-radius:12px;padding:35px;width:min(440px,90vw);text-align:center;color:#eee}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}dialog img{width:100%;max-height:330px;object-fit:cover;border-radius:6px}dialog h2{margin-top:20px}#close{float:right;padding:5px 9px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#2b2132;padding:14px 20px;border-radius:6px;z-index:10;display:none;max-width:90vw;font-size:12px}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}@media(max-width:700px){header{height:75px;padding:0 5%;gap:8px}.brand{font-size:10px}.mark{font-size:25px;padding-right:17px}nav{gap:0}nav button{height:75px;padding:8px;font-size:11px}header>.test{display:none}main{padding-top:16px}.hero{min-height:460px}.hero>img{width:100%;opacity:.65;object-position:65% 30%}.hero:after{background:linear-gradient(90deg,#1b1018ee,#23101b33),linear-gradient(0deg,#1b1018,transparent)}.hero-content{padding:35px 23px;padding-top:125px}h1{font-size:47px}.eyebrow{font-size:8px}.tribute{font-size:10px}.image-caption{display:none}.notice{align-items:flex-start;flex-direction:column;gap:8px;font-size:10px}.section-head h2{font-size:29px}.primary{padding:12px;font-size:10px}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.toolbar select{flex:1;padding:12px}.radio-box{grid-template-columns:1fr;padding:20px;gap:20px}.radio-art{max-width:260px;margin:auto}.radio-box h3{font-size:33px}aside{padding:10px 4%;gap:8px;flex-wrap:wrap}.playing{flex:1}#seek{flex-basis:50%}#volume{display:none}footer{font-size:8px;gap:20px}#repeat{padding:5px}}
/* Archive cards: cover-led layout matching the reference. */
#tracks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:24px;align-items:start}.song-card{min-width:0;border:1px solid #63414d;background:linear-gradient(130deg,#1b111a,#100e14);overflow:hidden}.song-card.is-playing{border-color:#8dace0;box-shadow:0 0 0 1px #8dace033}.song-art{position:relative;height:auto;aspect-ratio:1.6;overflow:hidden}.art-play{padding:0;border:0;border-radius:0;width:100%;height:100%;display:block;position:relative}.art-play img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block;transition:transform .25s}.art-play:hover img{transform:scale(1.035)}.art-play-icon{position:absolute;inset:0;display:grid;place-items:center;background:#0005;color:white;font-size:35px;opacity:0;transition:opacity .2s}.art-play:hover .art-play-icon,.art-play:focus-visible .art-play-icon{opacity:1}.song-badges{position:absolute;top:15px;right:15px;display:flex;align-items:flex-end;flex-direction:column;gap:7px;pointer-events:none}.song-badges span{font-size:11px;letter-spacing:.7px;font-weight:800;text-transform:uppercase;padding:8px 12px;color:#fff;background:#86344b}.song-badges .status-badge{background:#90afe1;color:#0d1424}.song-badges .dark-badge{background:#211725;color:#aac3ef}.song-badges .test-badge{background:#15121bd9;color:#b9b1bf;font-size:9px}.song-body{padding:22px 20px 15px}.track-number{margin:0 0 10px;font-size:12px;letter-spacing:1.8px;font-weight:800;color:#99b8e9}.song-heading{display:flex;align-items:flex-start;gap:12px}.song-title{padding:0;border:0;border-radius:0;font-size:23px;font-weight:800;text-align:left;line-height:1.25;flex:1;overflow-wrap:anywhere}.song-title:hover{background:none;color:#b8cff2}.favourite{padding:0;border:0;line-height:1;font-size:26px;color:#716674}.favourite[aria-pressed=true]{color:#b96780}.song-artist{font-size:13px;color:#867b89;margin:10px 0 23px}.song-meta{display:grid;gap:11px;min-height:120px}.meta-row{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:#b4a8b9;overflow-wrap:anywhere}.meta-row strong{color:#e9e2eb;font-weight:600}.meta-icon{color:#9eb9e4;font-size:18px;line-height:1.1;flex:0 0 19px}.alternative{margin-top:20px;border-top:1px solid #382531;font-size:12px;color:#d8cbd9;padding-top:15px}.alternative summary{cursor:pointer;font-weight:600}.alternative p{color:#a49aab;line-height:1.6;overflow-wrap:anywhere}.card-actions{display:flex;gap:8px;border-top:1px solid #382531;margin-top:15px;padding-top:14px}.card-actions button{font-size:11px;padding:9px 12px}.card-actions button:first-child{background:#722339;border-color:#89334b}.card-actions .remove{margin-left:auto;color:#ad8192;font-size:17px;padding:5px 10px}.no-results{grid-column:1/-1;color:var(--muted)}#editor{width:min(650px,94vw);max-height:90vh;overflow:auto;text-align:left;padding:28px}#editor h2{margin:0 0 22px}#editor label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#c3b7c5;margin-bottom:17px}#editor input,#editor select{width:100%;min-width:0;background:#0e0c12;border:1px solid #483040;border-radius:4px;color:#eee;padding:11px;font-size:13px}#editor small{font-size:10px;color:#978a9b}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.cover-edit{display:flex;gap:18px;align-items:center;margin-bottom:20px}.cover-edit img{width:90px;height:90px;object-fit:cover}.cover-edit label{flex:1;min-width:0;margin:0!important}.edit-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:1000px){#tracks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#tracks{grid-template-columns:1fr;gap:22px}.song-title{font-size:23px}.song-art{aspect-ratio:1.6}.song-body{padding:22px 20px}.edit-grid{grid-template-columns:1fr}.song-meta{min-height:0}#editor{padding:20px}}
.archive-actions,.sections{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.archive-actions button,.sections button{font-size:11px;padding:10px 13px}.sections{border-bottom:1px solid #382531;padding-bottom:15px}.sections .selected{background:#772a40;border-color:#a6526b}.card-actions{flex-wrap:wrap}.card-actions button{font-size:10px;padding:8px}.song-meta{min-height:135px}.version-link{display:block;width:100%;font-size:12px;margin-top:8px;text-align:left}.alternative p{white-space:pre-wrap}.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:24px}.album-link{display:block;width:100%;padding:0;border:0;text-align:left;border-radius:0}.album-link img{width:100%;aspect-ratio:1;object-fit:cover}.album-link h3,.album-link p{padding:0 18px}.album-link p{color:var(--muted);font-size:12px;padding-bottom:18px}.album-head{display:flex;gap:25px;padding:25px;background:#1b141e;border:1px solid #674052;margin-top:20px}.album-head>img{width:160px;height:160px;object-fit:cover}.album-head p{color:var(--muted)}#utility{width:min(760px,94vw);max-height:90vh;overflow:auto;text-align:left}dialog label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:16px 0}dialog input,dialog select,dialog textarea,.utility-body>input{font:inherit;color:#eee;background:#100d15;border:1px solid #4d3243;border-radius:4px;padding:10px;width:100%}dialog .check{flex-direction:row;align-items:center}dialog .check input{width:auto!important}dialog select[multiple]{min-height:100px}dialog small{color:var(--muted);font-size:10px}dialog p{font-size:12px;line-height:1.7;color:#b6a7b9}.dialog-close{float:right;padding:6px 10px}.list-row{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #372332}.list-row>span,.list-row>button:first-child{flex:1;text-align:left}.list-row button{font-size:11px;padding:8px 11px}.list-row input[type=color]{width:45px;padding:3px;flex-shrink:0}.list-row input:not([type=color]){min-width:50px}.draft-row{border-bottom:1px solid #493044;padding:18px 0}.draft-row button{margin-right:8px;font-size:11px}.toolbar select{max-width:200px}#repeat{background:#211626;color:#d0bfce;border:1px solid #54334a;padding:8px;font-size:10px;max-width:125px}.utility-body>input[type=color]{width:55px;margin:12px}.utility-body>button{margin-top:15px}@media(max-width:1000px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.album-grid{grid-template-columns:1fr}.album-head{flex-direction:column}.album-head>img{width:120px;height:120px}.toolbar select{max-width:none}.list-row{flex-wrap:wrap}.list-row>span{flex-basis:60%}#repeat{max-width:110px}}
/* Shared archive language, X palette. */
main{max-width:1800px;padding-left:3%;padding-right:3%}button,.hero,.notice,dialog{border-radius:0}.primary{background:linear-gradient(110deg,#ad536b,#92afe2);color:#100e16;border-color:#b0badd;font-weight:800}.sections{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;padding:0;border:1px solid #44313e}.sections button{grid-column:span 3;border:0;border-right:1px solid #44313e;border-bottom:1px solid #44313e;padding:20px 8px;font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#97909e}.sections button:nth-child(n+5){grid-column:span 4}.sections .selected{background:linear-gradient(110deg,#ad536b,#92afe2);color:#100e16;box-shadow:0 8px 22px #8d578133}.hero>img{object-position:center 42%}.section-head h2{font-family:Inter,Arial,sans-serif;font-size:28px;font-weight:800;text-transform:uppercase}.project-card{border:1px solid #63414d;background:#151019;min-width:0;display:flex;flex-direction:column}.project-art{padding:0;border:0;position:relative;aspect-ratio:1;display:block;overflow:hidden;text-align:left}.project-art>img{width:100%;height:100%;object-fit:cover;display:block}.project-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000f,#0009 35%,transparent 78%)}.project-info{position:absolute;bottom:20px;left:20px;right:18px;z-index:1}.project-info h3{font-size:25px;line-height:1.15;font-weight:800;margin:12px 0 8px;overflow-wrap:anywhere}.project-type{text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:800;color:#b9ccef}.project-info p{font-size:12px;margin:6px 0;line-height:1.5}.project-info .project-runtime{color:#b4a9ba}.project-controls{padding:14px;flex:1}.project-open{display:flex;gap:9px}.project-open>button:first-child{flex:1}.project-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.project-tools button{padding:9px;font-size:11px}.project-tools button:last-child{color:#ed9baa}.album-grid{align-items:stretch}.album-head{align-items:center}.song-art{aspect-ratio:1.35}#editor{width:min(880px,94vw);padding:30px}#editor h2,#utility h2{text-transform:uppercase;font-family:Inter,Arial,sans-serif;font-size:28px;font-weight:800}#editor label,dialog label{letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700}#editor input,#editor select,dialog input,dialog select,dialog textarea{font-size:14px;letter-spacing:0;text-transform:none;font-weight:400}.edit-grid{gap:0 22px}#editor input[type=file]{min-height:66px;border-style:dashed;padding:16px 10px}#editor .check{display:flex;flex-direction:row;align-items:center}#editor .check input{width:18px!important}.edit-actions{position:sticky;bottom:-30px;background:#18121df5;padding:16px 0}#full.expanded-player{width:min(820px,94vw);max-height:94vh;overflow:auto;padding:30px 45px;text-align:center;background:radial-gradient(ellipse at top,#342231,#131018 70%)}#full .record{width:min(330px,65vw);aspect-ratio:1;margin:20px auto 30px;border-radius:50%;padding:13px;background:repeating-radial-gradient(#0c0b10 0 3px,#29222d 4px,#0c0b10 5px 7px);box-shadow:0 0 0 1px #5b4054,0 15px 50px #0007;overflow:hidden}#full img.spinning-cover{display:block;width:100%;height:100%;max-height:none;object-fit:cover;border-radius:50%;animation:cover-spin 22s linear infinite;animation-play-state:paused}#full.playing-cover img{animation-play-state:running}#full h2{font-family:Inter,Arial;font-size:28px;font-weight:800;margin:12px 0;overflow-wrap:anywhere}.full-progress{margin:24px auto 12px;max-width:580px}.full-progress input{width:100%;padding:0;accent-color:var(--blue)}.full-times{display:flex;justify-content:space-between;font-size:11px;color:#b5a9bd;margin-top:8px}.full-transport,.full-options{display:flex;justify-content:center;align-items:center;gap:12px;margin:14px 0}.full-transport .primary{min-width:140px}.full-options{flex-wrap:wrap}.full-options select{width:auto;max-width:170px}.full-options button{font-size:12px}@keyframes cover-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#full img.spinning-cover{animation:none}}@media(max-width:1000px){.project-info h3{font-size:24px}}@media(max-width:600px){.sections{grid-template-columns:repeat(2,minmax(0,1fr))}.sections button,.sections button:nth-child(n+5){grid-column:span 1;font-size:11px;padding:16px 7px}.sections button:last-child{grid-column:1/-1}#full.expanded-player{padding:22px 16px;width:96vw}.full-options{gap:8px}.project-info h3{font-size:28px}.section-head h2{font-size:22px}#editor input,#editor select{font-size:16px}}
/* Tribute banner follows the supplied Peep archive reference. */
:root{--accent-red:#b34155;--accent-blue:#7599db;--archive-gradient:linear-gradient(105deg,var(--accent-red),var(--accent-blue))}.hero.tribute-banner{display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,17vw,300px);align-items:center;gap:32px;min-height:0;padding:28px 30px;border:1px solid #84638b;background:linear-gradient(105deg,#211319,#141218 70%,#23202c);box-shadow:inset 0 0 45px #8c5a7712}.tribute-banner:after{display:none}.tribute-banner .hero-content{padding:0;min-width:0}.tribute-banner .eyebrow{font:800 12px Inter,Arial,sans-serif;letter-spacing:3px;color:#9eb6e3;margin:0 0 20px}.tribute-banner h1{font-family:Inter,Arial,sans-serif;font-weight:900;font-size:clamp(28px,3.15vw,58px);line-height:1.12;letter-spacing:-1px;margin:0 0 14px;background:var(--archive-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px #c4a2bc77;filter:drop-shadow(0 0 9px #a3678b80)}.tribute-banner .tribute-owner,.tribute-banner .tribute-progress{font-family:Inter,Arial,sans-serif;font-weight:800;font-size:clamp(13px,1.22vw,22px);line-height:1.55;letter-spacing:.2px;margin:10px 0 0;background:var(--archive-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 5px #a3678b50)}.tribute-banner a{color:#a8bce8;text-decoration:underline;text-underline-offset:4px}.hero.tribute-banner>img{position:static;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center;opacity:1;border:1px solid #92768c;box-shadow:0 0 25px #8d547731}.primary,.sections .selected,.card-actions button:first-child{background:var(--archive-gradient);color:#100e16;border-color:#9d82aa}.sections .selected{box-shadow:0 5px 20px #8d57812b}button:hover{border-color:var(--accent-blue)}@media(max-width:700px){.hero.tribute-banner{grid-template-columns:minmax(0,1fr) 130px;gap:18px;padding:22px 18px}.tribute-banner h1{font-size:27px;letter-spacing:-.6px}.tribute-banner .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:14px}.tribute-banner .tribute-owner,.tribute-banner .tribute-progress{font-size:12px}}@media(max-width:480px){.hero.tribute-banner{grid-template-columns:1fr}.hero.tribute-banner>img{width:150px;justify-self:center;grid-row:1}.tribute-banner h1{font-size:28px}.tribute-banner .hero-content{text-align:left}}
body:not(.is-owner) .owner-only,body:not(.is-owner) #import,body:not(.is-owner) #first,body:not(.is-owner) #archive>.archive-actions{display:none!important}.album-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.album-actions button{font-size:11px}#owner-login{text-decoration:underline}