:root{--paper:#f6f4ec;--ink:#242820;--line:#d8d9ce;--acid:#dcff63}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #628123;outline-offset:6px}header{display:flex;justify-content:space-between;align-items:center;padding:30px 5%;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:25px;letter-spacing:-1px}.brand span{font-style:italic}.brand i{font-style:normal;padding-left:12px}nav{display:flex;gap:32px;align-items:center;font-size:11px}nav>a{text-transform:uppercase;letter-spacing:1px}.status{border:1px solid var(--line);padding:10px 14px;border-radius:30px}.status b{display:inline-block;width:6px;height:6px;background:#688334;border-radius:50%;margin-right:6px}.hero{padding:66px 8% 40px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}h1{font-family:Georgia,serif;font-size:clamp(58px,7.5vw,112px);line-height:.99;letter-spacing:-5px;font-weight:400;margin:28px 0 50px}h1 em,h2 em{font-weight:400}.hero-side{position:absolute;right:12%;top:105px;transform:rotate(7deg)}.hero-side p{font-size:12px;line-height:1.65;text-align:center;margin-top:26px;transform:rotate(-7deg)}.record{width:240px;height:240px;border-radius:50%;background:repeating-radial-gradient(circle,#262b24 0px,#262b24 2px,#40453a 3px,#262b24 4px);display:grid;place-items:center;box-shadow:10px 14px 0 #e6e5db}.record-label{background:var(--acid);width:102px;height:102px;border-radius:50%;text-align:center;padding-top:20px;font-size:13px;font-weight:bold;letter-spacing:-.5px}.record-label span{display:block;font-size:7px;letter-spacing:1px;margin:8px 0}.search-area{max-width:840px;margin:0 auto;padding-top:20px}.search-area label{font-size:10px;letter-spacing:1.6px;display:block;margin-bottom:14px}form{display:flex;align-items:center;border-bottom:2px solid var(--ink);padding:8px 0 16px;gap:18px}form>span{font-size:30px}input{font-family:Georgia,serif;font-size:25px;flex:1;min-width:0;border:0;background:transparent;color:var(--ink);padding:10px 0}input::placeholder{color:#8a8e80}form button{border:0;border-radius:50%;background:var(--acid);width:48px;height:48px;font-size:26px;flex-shrink:0}.suggestions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.suggestions>span{font-size:8px;letter-spacing:1.5px;margin-right:7px}.suggestions button{background:transparent;border:1px solid var(--line);border-radius:25px;padding:9px 13px;font-size:10px}.suggestions button:hover{background:var(--acid);border-color:var(--acid)}#search-summary{font-size:12px;min-height:14px;margin-bottom:0}.ticker{background:var(--acid);padding:20px 0;display:flex;gap:40px;justify-content:center;overflow:hidden;white-space:nowrap;font-size:10px;letter-spacing:1.7px}.ticker i{font-style:normal}.tracks{padding:75px 8%}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}h2{font-family:Georgia,serif;font-size:43px;font-weight:400;letter-spacing:-1.5px;margin:14px 0}.section-top p{font-size:12px;line-height:1.6}.table-head,.track{display:grid;grid-template-columns:70px 1fr 180px 30px;align-items:center}.table-head{font-size:8px;letter-spacing:1.7px;padding-bottom:15px;color:#6c7165}.track{border:0;border-top:1px solid var(--line);background:transparent;width:100%;text-align:left;padding:24px 0;transition:padding .2s,background .2s}.track:hover{background:#eaf0d4;padding-left:15px;padding-right:15px}.track .num{font-size:10px;color:#717769}.track .name{font-family:Georgia,serif;font-size:30px;letter-spacing:-.5px}.track .mood{font-size:10px;color:#636a5d}.track .arrow{font-size:22px}.album-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:20px;font-size:8px;letter-spacing:1px}.album-foot button,#reset{border:0;background:none;font-size:10px}.about{margin:0 5%;background:#e9ebdf;padding:70px 6%;display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.about h2{font-size:57px;line-height:1.1;margin-top:28px}.about-copy{padding-top:10px}.asterisk{font-size:65px;display:block;margin-bottom:30px}.about-copy p{font-size:15px;line-height:1.8;max-width:360px}.note{display:block;font-size:8px;letter-spacing:1.4px;margin-top:35px}.encore{text-align:center;padding:100px 20px}.encore h2{font-size:65px;margin:22px 0 30px}.encore>a{font-size:12px;border-bottom:1px solid;padding-bottom:10px}.encore>a span{margin-left:30px}footer{margin:0 5%;padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}footer>span:first-child{font-family:Georgia,serif;font-size:17px;letter-spacing:-.5px}dialog{background:var(--paper);color:var(--ink);border:0;width:min(620px,90vw);padding:55px;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#20251b99;backdrop-filter:blur(6px)}dialog h2{font-size:48px}dialog p{line-height:1.8;font-size:15px}dialog h3{font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-top:30px}.close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:28px}.concept{font-size:8px;letter-spacing:1.2px;background:var(--acid);display:inline-block;padding:10px 12px}.back{border:0;background:var(--ink);color:var(--paper);padding:14px 20px;margin-top:15px}#empty{padding:35px 0}#empty h3{font-family:Georgia,serif;font-size:28px;font-weight:400}#empty p{font-size:13px}[hidden]{display:none!important}@media(max-width:800px){header{padding:23px 6%}nav{gap:15px}.status{display:none}.brand{font-size:21px}.hero{padding:50px 6% 35px}h1{letter-spacing:-3px;margin-bottom:30px}.hero-side{right:7%;top:105px}.record{width:150px;height:150px}.record-label{width:75px;height:75px;font-size:10px;padding-top:13px}.record-label span{font-size:5px;margin:4px}.hero-side p{display:none}.hero h1{font-size:9vw}.search-area{padding-top:28px}input{font-size:21px}.tracks{padding:55px 6%}.section-top{display:block}.section-top p{margin-top:20px}.table-head,.track{grid-template-columns:42px 1fr 90px 20px}.track .name{font-size:23px}.track .mood{font-size:9px}.about{gap:35px;padding:45px 7%}.about h2{font-size:38px}.about-copy p{font-size:13px}.encore h2{font-size:50px}footer{flex-wrap:wrap;gap:20px}}@media(max-width:520px){nav>a:first-child{display:none}nav>a{font-size:9px}h1{font-size:15vw!important}.hero-side{display:none}.hero{padding-top:40px}.hero .eyebrow{font-size:8px}.search-area label{font-size:8px}input{font-size:18px}form{gap:10px}form>span{font-size:23px}form button{width:39px;height:39px}.suggestions{gap:6px}.suggestions button{font-size:9px;padding:8px 10px}.suggestions>span{display:none}h2{font-size:34px}.table-head,.track{grid-template-columns:30px 1fr 20px}.track .mood,.table-head span:nth-child(3){display:none}.track .name{font-size:24px}.about{grid-template-columns:1fr;gap:0}.about h2{font-size:44px}.asterisk{margin:0 0 10px;font-size:48px}.about-copy p{max-width:none}.album-foot{font-size:7px}.encore{padding:70px 20px}dialog{padding:40px 28px}dialog h2{font-size:37px}footer>span:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.track{transition:none}}

/* Neon arcade edition */
:root{--paper:#070a18;--ink:#d9ffff;--line:#263a59;--acid:#ff4eb8;--cyan:#57fff4}body{font-family:'Courier New',monospace;background:radial-gradient(ellipse at 75% 15%,#321047 0,transparent 35%),radial-gradient(ellipse at 5% 50%,#092a3b 0,transparent 40%),#070a18}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#0002 4px);opacity:.45}header{border-bottom-color:#57fff440;background:#070a18b0}.brand{font-family:'Courier New',monospace;font-weight:bold;letter-spacing:-1px;color:var(--cyan);text-shadow:0 0 15px #57fff450}.brand i{color:var(--acid)}nav>a{color:#b4bacf}.status{border-radius:0;border-color:#57fff460;color:var(--cyan);font-size:9px}.status b{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.eyebrow{color:var(--cyan);font-weight:normal}.hero{overflow:hidden}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.17;background:linear-gradient(90deg,#57fff4 1px,transparent 1px),linear-gradient(#57fff4 1px,transparent 1px);background-size:65px 65px;transform:perspective(400px) rotateX(55deg) scale(2);transform-origin:bottom;z-index:-1}h1{font-family:'Courier New',monospace;text-transform:uppercase;font-weight:900;font-size:clamp(50px,6.5vw,95px);letter-spacing:-6px;line-height:1.03;color:#fff;text-shadow:3px 3px 0 #264b65,0 0 25px #57fff430}h1 em{font-style:normal;color:var(--acid);text-shadow:3px 3px 0 #6f245b,0 0 25px #ff4eb850;font-weight:900}.hero-side{right:10%;top:110px;transform:rotate(-8deg)}.record{border:2px solid var(--cyan);background:repeating-radial-gradient(circle,#090e21 0,#090e21 4px,#143b4b 5px,#090e21 6px);box-shadow:0 0 35px #57fff450,8px 8px 0 #ff4eb840}.record-label{background:#11162c;border:2px solid var(--acid);color:var(--acid);box-shadow:0 0 20px #ff4eb850}.hero-side p{color:#949fb9;transform:rotate(8deg)}form{border:1px solid var(--cyan);padding:12px 15px;box-shadow:0 0 20px #57fff420,inset 0 0 18px #57fff408;background:#080e22}form>span{color:var(--cyan);text-shadow:0 0 15px var(--cyan)}input{font-family:'Courier New',monospace;font-size:20px}input::placeholder{color:#8290aa}form button{border-radius:0;color:#070a18;box-shadow:3px 3px 0 #85326d}.suggestions button{border-radius:0;border-color:#36425d;color:#b9c3d8}.suggestions button:hover{color:#070a18}.suggestions>span{color:var(--cyan)}.ticker{background:#090e22;color:var(--cyan);border-top:1px solid #57fff470;border-bottom:1px solid #57fff470;box-shadow:0 0 20px #57fff420}.ticker i{color:var(--acid)}h2{font-family:'Courier New',monospace;font-weight:bold;letter-spacing:-2px}.section-top h2{color:#fff}.section-top p{color:#8e9bb4}.table-head{color:#7689a5}.track:hover{background:#132036;box-shadow:inset 3px 0 var(--acid)}.track .name{font-family:'Courier New',monospace;font-size:25px;font-weight:bold}.track .num{color:var(--acid)}.track .mood{color:#899cb5}.track .arrow{color:var(--cyan)}.album-foot{color:#8191ad}.album-foot button{color:var(--cyan)}.about{background:linear-gradient(135deg,#102137,#1e1030);border:1px solid #4c4270;position:relative;box-shadow:8px 8px 0 #020614}.about h2 em{font-style:normal;color:var(--cyan);text-shadow:0 0 15px #57fff430}.asterisk{color:var(--acid);text-shadow:0 0 20px #ff4eb860}.about-copy p{color:#b1bed2}.note{color:var(--acid)}.encore h2 em{color:var(--acid);font-style:normal}.encore a{color:var(--cyan)}footer{color:#7c91ae}footer>span:first-child{font-family:'Courier New',monospace;color:var(--cyan)}dialog{background:#0d1429;border:1px solid var(--cyan);box-shadow:0 0 50px #57fff430}dialog h2{color:var(--acid)}dialog p{color:#b1bed2}.concept{color:#080d20}.back{background:var(--cyan);color:#081323}.close{color:var(--cyan)}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--acid)}@media(max-width:800px){h1{font-size:7.5vw}.hero-side{right:7%}.track .name{font-size:20px}}@media(max-width:520px){h1{font-size:12vw!important;letter-spacing:-3px}input{font-size:14px}.track .name{font-size:20px}.about h2{font-size:35px}.encore h2{font-size:40px}.brand{font-size:17px}.section-top h2{font-size:29px}}

/* Custom cabinet and analog terminal art, inspired by the supplied moodboard. */
:root{--paper:#030609;--ink:#c1e0dc;--line:#263b3d;--acid:#cfeb57;--cyan:#58f6e2}body{background:radial-gradient(ellipse at 78% 10%,#0a2528 0,transparent 35%),#030609}header{background:#030609;border-color:#344140}nav>a{color:#98aaa8}.brand i{color:#cfeb57}h1{font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-size:clamp(64px,8.5vw,130px);letter-spacing:-3px;line-height:.92;font-weight:400;color:#d8ede8;text-shadow:2px 0 #0c6059,-1px 0 #c2dba3,0 0 22px #69eec430}h1 em{font-weight:400;color:var(--cyan);text-shadow:0 0 22px #36e9d480;font-style:normal}.hero{min-height:680px;padding-bottom:50px}.hero:before{opacity:.09}.hero-side{top:55px;right:14%;transform:rotate(2deg)}.hero-side p{font-size:10px;color:#7b9996;margin-top:18px;transform:rotate(-2deg)}.cabinet{width:230px;height:370px;clip-path:polygon(9% 0,91% 0,100% 8%,92% 57%,100% 66%,94% 100%,6% 100%,0 66%,8% 57%,0 8%);background:linear-gradient(95deg,#1d3333,#061113 14%,#10292c 83%,#25433d);padding:18px 22px;border-top:2px solid var(--cyan);filter:drop-shadow(0 0 12px #57fff4)}.marquee{font-family:Impact,sans-serif;font-size:30px;letter-spacing:3px;text-align:center;line-height:1;border:1px solid #58f6e280;box-shadow:inset 0 0 14px #58f6e230,0 0 12px #58f6e240;padding:10px 0;color:#cefff3;text-shadow:0 0 12px #58f6e2}.marquee span{display:block;font-family:'Courier New',monospace;font-size:12px;letter-spacing:3px;margin-top:6px}.crt{height:185px;background:radial-gradient(ellipse,#174844,#061d21 70%);border:8px solid #061014;border-radius:15px;box-shadow:0 0 0 1px #355852,inset 0 0 25px #000;position:relative;text-align:center;margin:16px 0 0;overflow:hidden;color:#83ffe1}.crt:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0,transparent 2px,#02101077 3px);pointer-events:none}.crt-top{font-size:6px;display:flex;justify-content:space-between;padding:9px 7px}.crt-top b{font-weight:normal}.pixel-bot{font-size:17px;line-height:.85;white-space:pre;font-weight:bold;color:var(--acid);margin:15px 0 12px;text-shadow:0 0 10px #cfeb5760}.crt strong{font-size:13px;letter-spacing:2px;text-shadow:0 0 8px #58f6e2}.crt-bottom{position:absolute;bottom:7px;left:0;right:0;font-size:5px;letter-spacing:1px}.controls{height:45px;background:linear-gradient(#22433d,#0b1c20);transform:perspective(60px) rotateX(15deg);display:flex;gap:8px;align-items:center;justify-content:center;border:1px solid #4c7461}.controls i{width:24px;height:10px;background:#020607;border-radius:50%;position:relative;margin-right:18px}.controls i:before{content:'';position:absolute;width:5px;height:22px;background:#88aaa2;bottom:6px;left:10px}.controls i:after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:var(--cyan);bottom:21px;left:5px;box-shadow:0 0 10px #58f6e280}.controls b{width:13px;height:13px;border-radius:50%;background:var(--acid);border:2px solid #31494a}.controls b:nth-child(3){background:var(--cyan)}.controls b:nth-child(4){background:#f56846}.coin{margin:14px auto 0;border:1px solid #41615a;width:125px;padding:9px;font-size:16px;color:var(--cyan);text-align:center}.coin span{display:block;font-size:5px;letter-spacing:1px;margin-top:4px}.search-area{max-width:none;padding-top:12px}form{background:#061011;border-color:#608e82;border-radius:7px;box-shadow:0 0 30px #58f6e210}form button{background:var(--acid);box-shadow:3px 3px 0 #526338;border-radius:3px}.suggestions button{border-color:#344b47;color:#96b5ae}.ticker{background:#081310;color:var(--acid);border-color:#3a5146;box-shadow:none}.ticker i{color:var(--cyan)}.tracks{padding-top:60px}.terminal-bar{background:#95b4ad;color:#07120f;padding:8px 12px;display:flex;justify-content:space-between;font-size:10px;margin-top:35px;border-radius:6px 6px 0 0}.table-head{padding:15px 14px;background:#0e1918;color:#85aaa0}.track{padding:23px 14px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.track:hover{background:#10221d;padding-left:22px;box-shadow:inset 3px 0 var(--acid)}.track .num{color:var(--acid)}.track .name{font-family:'Courier New',monospace;color:#c1d9d0;font-size:23px;font-weight:normal}.track .mood{color:#7c9b91}.album-foot{padding:16px 14px;border:1px solid var(--line)}.about{background:#07110f;border-color:#3a4b42;box-shadow:8px 8px 0 #111b15}.about h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:normal;font-size:62px;letter-spacing:0}.about h2 em{color:var(--acid)}.asterisk{color:var(--cyan)}.about-copy p{color:#94b1a3}.note{color:var(--acid)}.encore h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:normal;font-size:80px;letter-spacing:0}.encore h2 em{color:var(--acid)}dialog{background:#07120f;border-color:#578578}dialog h2{color:var(--cyan)}.concept{background:var(--acid)}dialog p{color:#a4beb1}@media(max-width:800px){.hero-side{right:9%;top:65px}.cabinet{width:180px;height:300px;padding:15px 18px}.marquee{font-size:22px}.crt{height:145px;margin-top:12px}.pixel-bot{margin:8px 0;font-size:14px}.crt strong{font-size:10px}.controls{height:35px}.coin{margin-top:8px;padding:5px}.hero{min-height:600px}h1{font-size:10vw}.search-area{padding-top:35px}.track .name{font-size:19px}}@media(max-width:520px){.hero{min-height:auto}.hero-side{display:block;position:relative;right:auto;top:auto;transform:none;width:max-content;margin:35px auto}.hero-side p{display:none}.cabinet{width:195px;height:315px}.hero h1{font-size:20vw!important;letter-spacing:-2px;margin-bottom:0}.search-area{padding-top:0}.eyebrow{font-size:8px}.track .name{font-size:18px}.about h2{font-size:48px}.encore h2{font-size:58px}}

/* Smoky lilac / chrome editorial edition */
:root{--paper:#0e0b14;--ink:#e8e1ee;--line:#403749;--acid:#d5b4ed;--cyan:#cec6f7}body{background:radial-gradient(ellipse at 79% 12%,#40304a 0,transparent 36%),radial-gradient(ellipse at 6% 52%,#241d30 0,transparent 44%),#0e0b14}body:before{opacity:.2}header{background:#100c16a6;border-color:#5e506444}.brand{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:28px;letter-spacing:-1px;color:#f4eaf2;text-shadow:none}.brand span{font-style:italic;color:#dcc2e8}.brand i{color:#cbb4e1;font-size:20px}nav>a{color:#bdadc9}.status{border-color:#98819d60;color:#dbc6e6}.status b{background:#d1b0e8;box-shadow:0 0 12px #d1b0e8}.hero{padding-top:60px}.hero .eyebrow{color:#bdaacb;letter-spacing:2.5px}h1{font-family:Georgia,'Times New Roman',serif;text-transform:none;font-size:clamp(65px,8vw,110px);font-weight:400;line-height:1.03;letter-spacing:-6px;color:#f1e7e8;text-shadow:none;margin:28px 0 48px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;color:#dec7ed;letter-spacing:-5px;text-shadow:0 0 32px #bd8bde30}.hero-side{right:12%;top:58px;transform:rotate(4deg)}.hero-side p{transform:rotate(-4deg);color:#b7a4c1;line-height:1.8}.hero:before{background:linear-gradient(90deg,#ceb0ea 1px,transparent 1px),linear-gradient(#ceb0ea 1px,transparent 1px);background-size:65px 65px;opacity:.075}.cabinet{background:linear-gradient(100deg,#b2a8be 0,#4e445c 5%,#231b2b 15%,#302639 79%,#93839f 96%,#e2d5df);border-top-color:#e5d9eb;filter:drop-shadow(0 0 15px #bba1d24a)}.marquee{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:1px;background:linear-gradient(115deg,#5f506f,#18121f 40%,#372b42);border-color:#e4cdef70;color:#f7e7f3;text-shadow:0 0 15px #dec0f3;box-shadow:inset 0 0 20px #d5b4ed25,0 0 20px #d5b4ed25}.marquee span{font-style:normal;color:#c9b3da;font-size:10px}.crt{background:radial-gradient(ellipse,#49375d,#20162d 73%);border-color:#211827;box-shadow:0 0 0 1px #af95b560,inset 0 0 30px #000;color:#e9d4f7}.pixel-bot{color:#e2bdda;text-shadow:0 0 13px #eccae795}.crt strong{font-weight:normal;text-shadow:0 0 10px #dcc6fa}.controls{background:linear-gradient(105deg,#a195b1,#4e425b 30%,#665575 75%,#b7a6c5);border-color:#baacc1}.controls i:before{background:#e4d5df}.controls i:after{background:#ddbad6;box-shadow:0 0 12px #ddbad690}.controls b{background:#e1c8ed;border-color:#6d567c}.controls b:nth-child(3){background:#b5a8d7}.controls b:nth-child(4){background:#c989a8}.coin{border-color:#9b81a577;color:#d9bfdc}.search-area label{color:#bdacc6;letter-spacing:2px}form{background:#140f1d;border-color:#93839f90;border-radius:2px;box-shadow:0 0 38px #c1a1de16}form>span{color:#dfbee9;text-shadow:0 0 15px #cfabdf70}input{color:#eee0f0}input::placeholder{color:#a796b4}form button{background:linear-gradient(135deg,#f0e0ed,#ad8bbd);color:#281a32;border-radius:50%;box-shadow:0 0 20px #d7bae936}.suggestions button{border-color:#57445f;color:#c5b1ce;font-size:10px}.suggestions button:hover{background:#c8a8db;color:#24172d}.suggestions>span{color:#b39dc0}.ticker{background:#1d1527;color:#ceb6df;border-color:#57445f;letter-spacing:2px}.ticker i{color:#efcedf}.eyebrow{color:#bdacc9}h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.8px}.section-top h2{color:#eee1ec}.section-top p{color:#b6a1c1}.terminal-bar{background:linear-gradient(110deg,#dbd0df,#b0a0ba 40%,#dbc8d9);color:#34243e}.table-head{background:#191221;color:#b8a0c9}.track{border-color:#49374f}.track:hover{background:#2b1c37;box-shadow:inset 2px 0 #d6b9e6}.track .name{font-family:Georgia,serif;font-size:29px;color:#e4d4e6;letter-spacing:-.5px}.track .num{color:#c79ed9}.track .mood{color:#ac92ba}.track .arrow{color:#dab9e8}.album-foot{border-color:#49374f;color:#ad95b9}.album-foot button{color:#d5b4ed}.about{background:radial-gradient(ellipse at 80% 20%,#3d2b49,#201727 70%);border-color:#62466e;box-shadow:none}.about h2{font-family:Georgia,serif;font-weight:400;font-size:57px;letter-spacing:-2px;line-height:1.12;color:#eee1e9}.about h2 em{font-style:italic;color:#dec1ed;text-shadow:none}.asterisk{color:#d5b4ed;text-shadow:0 0 30px #c596db40}.about-copy p{color:#c0adc9}.note{color:#d4b1e3}.encore h2{font-family:Georgia,serif;font-weight:400;font-size:75px;letter-spacing:-3px}.encore h2 em{font-style:italic;color:#dfbee8}.encore a{color:#cfb6df}footer{border-color:#48314f;color:#a98db6}footer>span:first-child{font-family:Georgia,serif;color:#e0cce6}dialog{background:#1c1426;border-color:#b18dc2;box-shadow:0 0 60px #af86c02b}dialog h2{color:#e5c5ec}dialog p{color:#c5aed1}.concept{background:#cab0dc}.back{background:#d4b7e2;color:#23172b}.close{color:#ddc4eb}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#e1bedc}@media(max-width:800px){h1{font-size:9vw;letter-spacing:-4px}h1 em{letter-spacing:-3px}.hero-side{right:8%}.brand{font-size:24px}.track .name{font-size:24px}.about h2{font-size:42px}}@media(max-width:520px){.hero h1{font-size:17vw!important;letter-spacing:-3px;line-height:1.03}.hero h1 em{letter-spacing:-3px}.hero-side{margin:35px auto}.brand{font-size:22px}.track .name{font-size:23px}.about h2{font-size:43px}.encore h2{font-size:52px}.section-top h2{font-size:31px}}

/* Side A: fashion editorial meets synth-pop sleeve. */
.hero{padding-top:65px;min-height:740px}.hero .eyebrow{letter-spacing:3px;font-size:9px}.hero-side{top:55px;right:11%}.cabinet{position:relative;z-index:2;width:200px;height:345px;padding:16px 21px}.crt{height:170px}.marquee{font-size:26px}.vinyl{width:270px;height:270px;position:absolute;right:-95px;top:30px;border-radius:50%;background:repeating-radial-gradient(circle,#130f19 0,#130f19 2px,#382d42 3px,#130f19 4px);box-shadow:0 0 0 1px #9483a150,0 0 45px #cba5e535;display:grid;place-items:center;z-index:1}.vinyl-label{width:110px;height:110px;border-radius:50%;background:linear-gradient(130deg,#dbc3e8,#a58bb8);color:#352640;font-family:Georgia,serif;font-size:16px;text-align:center;line-height:1.1;padding-top:18px;box-shadow:inset 0 0 15px #faeaff60}.vinyl-label em{font-size:14px}.vinyl-label span{display:block;font-family:'Courier New',monospace;font-size:6px;letter-spacing:1px;margin-top:9px}.vinyl-label i{display:block;font-style:normal;font-size:17px;margin-top:5px}.hero-side p{position:relative;z-index:3;margin-top:20px;font-size:9px}.music-player{display:flex;gap:22px;align-items:center;margin:0 0 32px;padding-top:5px}.music-player button{background:transparent;border:1px solid #a18aad;border-radius:30px;padding:13px 18px;color:#ead6ef;font-family:Georgia,serif;font-size:16px}.music-player button span{font-family:Arial,sans-serif;font-size:11px;margin-right:8px}.player-note{font-size:8px;letter-spacing:1px;color:#d1b5df;line-height:1.8}.player-note small{font-size:6px;letter-spacing:.8px;color:#a58eb3}.equalizer{display:flex;gap:3px;height:28px;align-items:center}.equalizer i{width:2px;height:8px;background:#c5a0d9;box-shadow:0 0 8px #cca5de40}.equalizer i:nth-child(2n){height:19px}.equalizer i:nth-child(3n){height:28px}.equalizer i:nth-child(5n){height:13px}.music-playing .equalizer i{animation:pulse-note .6s ease-in-out infinite alternate}.music-playing .equalizer i:nth-child(2n){animation-delay:.2s}.music-playing .equalizer i:nth-child(3n){animation-delay:.4s}.music-playing .vinyl{animation:spin-record 12s linear infinite}@keyframes pulse-note{to{transform:scaleY(.3)}}@keyframes spin-record{to{transform:rotate(360deg)}}.section-top h2{font-style:italic}.terminal-bar span:nth-child(2){letter-spacing:2px}.track .num:after{content:' /';font-size:7px}.encore .eyebrow{letter-spacing:2px}@media(max-width:800px){.hero-side{right:13%;top:55px}.cabinet{width:170px;height:300px;padding:15px 18px}.crt{height:145px}.marquee{font-size:22px}.vinyl{width:215px;height:215px;right:-65px}.vinyl-label{width:92px;height:92px;font-size:14px;padding-top:15px}.hero{min-height:680px}.music-player{gap:12px}.music-player button{font-size:14px}.player-note{font-size:7px}}@media(max-width:520px){.hero{padding-top:40px;min-height:auto}.hero-side{top:auto;right:auto;margin:32px auto 24px;transform:rotate(3deg)}.vinyl{width:230px;height:230px;right:-65px;top:25px}.cabinet{width:180px;height:310px}.music-player{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:30px}.player-note{width:100%;text-align:center}.hero .eyebrow{font-size:7px;letter-spacing:1.5px}.hero h1{font-size:17vw!important}.hero-side p{display:none}}@media(prefers-reduced-motion:reduce){.music-playing .equalizer i,.music-playing .vinyl{animation:none}}

/* A playful studio desktop, inspired by the reference's floating windows. */
.hero{padding-top:55px;min-height:790px}.hero-side{top:100px;right:12%;transform:rotate(5deg);padding:25px 35px 15px;background:linear-gradient(135deg,#4a375b,#1a1322 65%);border:1px solid #9b84ac70;box-shadow:18px 20px 65px #0008}.sleeve-caption{position:absolute;left:14px;top:10px;font-size:6px;letter-spacing:1.2px;color:#c8afdc}.vinyl{right:-100px;top:35px}.hero-side p{max-width:195px}.studio-note{position:absolute;top:20px;right:8%;width:240px;padding:17px 20px;background:linear-gradient(120deg,#e4d8e8,#b4a3c2);color:#35253f;transform:rotate(-4deg);box-shadow:0 12px 30px #0004;z-index:4}.studio-note>span{font-size:8px;letter-spacing:1px}.studio-note p{font-family:Georgia,serif;font-size:22px;line-height:1.25;margin:15px 0}.studio-note p em{font-size:16px}.studio-note a{font-size:9px;color:#4c365c}.music-player{position:relative;width:max-content;max-width:100%;padding:48px 22px 20px;border:1px solid #ad94bd90;border-radius:8px;background:#251b30e6;box-shadow:8px 10px 30px #0004;transform:rotate(-1deg);gap:18px;margin-top:8px;margin-bottom:32px}.window-title{position:absolute;left:0;right:0;top:0;padding:8px 12px;background:linear-gradient(100deg,#d4c9dd,#a695b2,#e5d6e4);border-radius:7px 7px 0 0;color:#34273e;font-size:8px;letter-spacing:1.3px;display:flex;justify-content:space-between}.search-area{position:relative;z-index:5}.ticker{font-size:12px}.hero:before{opacity:.04}@media(max-width:800px){.studio-note{width:205px;right:4%;top:26px}.studio-note p{font-size:19px}.hero-side{right:12%;top:145px;padding:25px 22px 10px}.hero{min-height:760px}.music-player{gap:10px;padding-left:15px;padding-right:15px}.player-note{font-size:6px}}@media(max-width:520px){.hero{padding-top:38px;min-height:auto}.studio-note{position:relative;top:auto;right:auto;margin:28px 0 0 auto;width:230px;transform:rotate(-3deg)}.hero-side{position:relative;top:auto;right:auto;margin:30px auto 35px;padding:25px 25px 15px;transform:rotate(3deg)}.vinyl{right:-60px}.music-player{width:100%;transform:none;padding-top:45px}.hero h1{margin-bottom:25px}.hero .eyebrow{letter-spacing:1px}}

/* Neon pink universe */
:root{--paper:#090612;--ink:#f8e6ff;--line:#6b285e;--acid:#ff46c7;--cyan:#ff87e0}body{background:radial-gradient(ellipse at 78% 15%,#70124966,transparent 38%),radial-gradient(ellipse at 15% 60%,#37126866,transparent 45%),#090612}body:before{opacity:.13}.hero{isolation:isolate}.hero:before{opacity:.19;background:linear-gradient(90deg,#ff38c5 1px,transparent 1px),linear-gradient(#ff38c5 1px,transparent 1px);background-size:65px 65px;box-shadow:0 -12px 70px #ff2abd30;pointer-events:none}h1{color:#fff1fa;text-shadow:0 0 35px #ff68d520}h1 em{color:#ff80df;text-shadow:0 0 18px #ff2ac880,0 0 70px #ff27c540}.hero .eyebrow{color:#ff9be6}.hero-side{background:linear-gradient(135deg,#501743,#170b28 65%);border-color:#ff68d990;box-shadow:0 0 24px #ff32c338,18px 20px 65px #0008}.cabinet{filter:drop-shadow(0 0 20px #ff3fc35c);border-top-color:#ffc4f0}.marquee{color:#ffe8f8;border-color:#ff58d9;text-shadow:0 0 15px #ff38cd;box-shadow:inset 0 0 20px #ff42cd30,0 0 25px #ff32c950}.crt{background:radial-gradient(ellipse,#5b175c,#190b2a 73%);box-shadow:0 0 0 1px #ff7ae0aa,inset 0 0 30px #000;color:#ffbcf2}.pixel-bot{color:#ff85e0;text-shadow:0 0 13px #ff34c9}.crt strong{text-shadow:0 0 15px #ff46d3}.controls b{background:#ff77d9;box-shadow:0 0 12px #ff43bf60}.controls i:after{background:#ff72d5;box-shadow:0 0 16px #ff39bf}.vinyl{box-shadow:0 0 0 1px #ff68d880,0 0 45px #ff2ac840}.vinyl-label{background:linear-gradient(130deg,#ffa6e6,#dd39bc);color:#330d37}.studio-note{background:linear-gradient(120deg,#ffd0ed,#e482cc);box-shadow:0 0 25px #ff38c530,0 12px 30px #0004}.music-player{background:#210d2ce6;border-color:#ff72da;box-shadow:0 0 25px #ff32c32b,8px 10px 30px #0004}.window-title,.terminal-bar{background:linear-gradient(100deg,#ffd3ef,#c577b7,#ffe2f6);color:#3c153c}.music-player button{border-color:#ff71d6;color:#ffe3f6}.equalizer i{background:#ff4fcc;box-shadow:0 0 10px #ff34d0}.player-note{color:#ffa1e5}.player-note small{color:#c98fc5}form{background:#150b20;border-color:#ff56cc;box-shadow:0 0 30px #ff33c32b}form>span{color:#ff7cdb;text-shadow:0 0 15px #ff35ce}form button{background:linear-gradient(135deg,#ffb4eb,#ff37c3);box-shadow:0 0 24px #ff39c980}.suggestions button{border-color:#a23e85;color:#ecaddf}.suggestions button:hover{background:#ff67d7;color:#270a2b}.ticker{background:#240c2b;color:#ff8add;border-color:#d743b1}.ticker i{color:#ffc2ee}.track:hover{background:#321039;box-shadow:inset 2px 0 #ff65d5}.track .num,.track .arrow,.album-foot button{color:#ff6fd9}.about{background:radial-gradient(ellipse at 80% 20%,#56183f,#1c0c2b 70%);border-color:#a83b85}.about h2 em,.encore h2 em{color:#ff87dd;text-shadow:0 0 24px #ff39c540}.asterisk{color:#ff66d3;text-shadow:0 0 35px #ff30c785}.note,.encore a{color:#ff90df}dialog{background:#200d2b;border-color:#ff68d5;box-shadow:0 0 60px #ff38c32b}.concept,.back{background:#ff81da}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#ff80dc}

/* Open composition after removing the decorative sleeve. */
.hero{min-height:auto;padding-bottom:60px}.hero h1{max-width:none}.hero:before{height:280px}

.band-portrait{position:absolute;right:1%;top:25px;width:38%;max-height:460px;object-fit:contain;filter:drop-shadow(0 0 24px #ff3bc538);pointer-events:none}@media(max-width:800px){.band-portrait{width:38%;top:75px;right:0}}@media(max-width:520px){.band-portrait{position:relative;display:block;width:80%;max-height:350px;top:auto;right:auto;margin:15px auto}.hero h1{margin-top:20px}}