@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#f9f7ed;--ink:#30312b;--pink:#efadc1;--line:#45463d;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f1f0e6;background-image:radial-gradient(#bdbeb0 .65px,transparent .65px);background-size:5px 5px;font-family:var(--sans);font-size:13px}a{color:inherit;text-underline-offset:3px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}button:disabled{cursor:default;opacity:.35}button,a,input,select{outline-offset:4px}:focus-visible{outline:2px solid #ac466e}input[type=range]{accent-color:var(--ink);height:4px;cursor:pointer}::selection{background:#efadc1}.desktop-bar{height:45px;display:flex;align-items:center;gap:36px;padding:0 30px;border-bottom:1px solid var(--line);background:var(--paper);font-size:11px}.mini-brand{font-size:20px;letter-spacing:-1px;font-weight:700;text-decoration:none;white-space:nowrap}.desktop-bar nav{display:flex;gap:25px}.desktop-bar nav a{text-decoration:none}.desktop-note{margin-left:auto;color:#77786d;font-family:var(--mono);font-size:10px}.desktop-bar time{font-family:var(--mono);font-size:10px;white-space:nowrap}.desktop-bar time span{margin-left:16px}.desktop{max-width:1140px;margin:auto;padding:0 28px}.intro{display:flex;align-items:center;justify-content:space-between;padding:43px 0 32px}.eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:1.6px;display:flex;gap:9px;align-items:center}.status-dot{width:6px;height:6px;background:#779077;border-radius:50%;box-shadow:0 0 0 3px #dce0d1}h1{font-size:58px;line-height:.98;font-weight:500;letter-spacing:-3.4px;margin:19px 0 16px}h1 em{font-family:Georgia,serif;font-weight:400}.sparkle{display:inline-block;margin-left:12px;font-size:53px;color:#b75d7a;vertical-align:middle}.intro p{line-height:1.7;font-size:12px;color:#737467;margin:0}.intro-doodle{display:flex;align-items:center;position:relative;margin-right:74px;margin-top:40px}.intro-doodle>span{font-family:Georgia,serif;font-style:italic;font-size:17px;transform:rotate(-9deg);line-height:1.1}.intro-doodle svg{width:95px;height:85px;transform:rotate(-18deg);margin-top:40px;margin-right:20px;fill:none;stroke:#55564b;stroke-width:1.5}.sticker{width:125px;height:125px;border:1px solid var(--line);outline:5px solid #f7b9ca;background:#f7b9ca;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:var(--mono);font-size:26px;transform:rotate(12deg);box-shadow:4px 5px 0 #323329}.sticker b{font-size:12px;font-weight:400}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:25px;align-items:start}.window{background:var(--paper);border:1px solid var(--line);box-shadow:4px 4px 0 #45463d}.titlebar{height:30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10px;padding:0 10px;background:repeating-linear-gradient(to bottom,transparent,transparent 2px,#d7d7c9 2px,#d7d7c9 3px);gap:10px}.titlebar>span:first-child{background:var(--paper);padding:0 6px}.window-controls{background:var(--paper);font-size:14px;letter-spacing:3px;padding:0 3px;white-space:nowrap}.player-inside{padding:16px}.player-label{font-family:var(--mono);font-size:8px;display:flex;justify-content:space-between;margin-bottom:12px;letter-spacing:.5px}.cassette-scene{height:183px;background:#eab0bc;border:1px solid var(--line);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:linear-gradient(transparent 96%,#d89eaa 96%);background-size:100% 5px}.scene-floor{position:absolute;bottom:0;left:0;right:0;height:25px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 7px,#c98e9d 8px),repeating-linear-gradient(90deg,transparent 0px,transparent 25px,#c98e9d 26px);border-top:1px solid #c98e9d}.cassette{width:188px;height:115px;border:2px solid #383b32;background:#f1e6bc;transform:rotate(-9deg);border-radius:7px;box-shadow:7px 9px 0 #b27685;position:relative;z-index:1;padding:10px}.tape-label{height:73px;border:1px solid var(--line);background:#f8f6e7;border-radius:3px;text-align:center;padding:5px;font-family:var(--mono)}.tape-label>span{display:block;font-family:Georgia,serif;font-style:italic;font-size:15px;border-bottom:1px solid #9c9e8b;padding-bottom:3px}.tape-label>b{display:block;font-size:7px;letter-spacing:1px;margin-top:3px;font-weight:400}.reels{height:26px;background:#3d4035;border-radius:20px;display:flex;align-items:center;justify-content:space-around;margin:3px auto 0;width:126px}.reels>i{width:22px;height:22px;border:6px dashed #f2e6bd;background:#767769;border-radius:50%}.reels>span{font-size:10px;color:#baa779;letter-spacing:-3px}.tape-bottom{height:21px;display:flex;align-items:center;justify-content:space-around}.tape-bottom>i{width:4px;height:4px;border-radius:50%;background:var(--ink)}.tape-bottom>span{font-size:12px;border:1px solid var(--ink);border-bottom:0;height:21px;width:85px;text-align:center;transform:perspective(15px) rotateX(8deg);padding:3px}.tiny-star{position:absolute;color:#f9f4db;font-size:26px}.s1{left:15px;top:13px}.s2{right:13px;top:25px}.s3{left:18px;bottom:25px;font-size:15px}.track-caption{display:flex;align-items:center;justify-content:space-between;margin-top:18px;height:21px}.small-label{font-family:var(--mono);font-size:8px;letter-spacing:1.1px;color:#7b7d70}.save{font-size:22px;line-height:1;padding:5px;min-width:30px}.save[aria-pressed=true]{color:#b75378}.player h2{font-size:17px;font-weight:600;margin:6px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.current-id{font-size:10px;font-family:var(--mono);color:#7d7f71;display:flex;gap:8px;align-items:center}.current-id button{font-size:17px;margin-left:auto}.seek-row{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:8px;margin-top:16px}.seek-row input{width:100%;margin:0}.transport{display:flex;align-items:center;justify-content:space-between;margin:19px 4px}.transport button{font-size:15px;padding:8px}.transport .main-play{width:48px;height:43px;background:var(--pink);border:1px solid var(--line);box-shadow:2px 2px 0 var(--line);font-size:18px}.transport button[aria-pressed=true]{background:#e1e4d5}.volume-row{display:flex;gap:10px;align-items:center;font-family:var(--mono);font-size:8px}.volume-row input{width:100%}.playback-message{font-size:10px;color:#7c7e70;line-height:1.5;min-height:30px;margin:14px 0 6px}.roblox-link{font-family:var(--mono);font-size:9px;color:#66695d}.note{position:relative;background:#f1edcb;margin:28px 6px 0;padding:23px 22px 20px;transform:rotate(-2deg);box-shadow:2px 3px 4px #33333312;border:1px solid #d2cfae}.note:before{content:'';position:absolute;width:58px;height:19px;top:-10px;left:calc(50% - 29px);transform:rotate(6deg);background:#e4d9b5a8}.note-pin{position:absolute;right:17px;top:20px;font-size:25px;color:#818669}.note h3{font-family:Georgia,serif;font-style:italic;font-size:28px;line-height:1.05;font-weight:400;margin:16px 0}.note p{font-size:11px;line-height:1.9;color:#76765f}.handwritten{display:block;font-family:Georgia,serif;font-size:17px;font-style:italic;margin-top:18px}.sidebar-footer{display:flex;align-items:center;flex-direction:column;gap:13px;margin-top:26px;font-family:var(--mono);font-size:8px;color:#85887a;letter-spacing:1px}.sidebar-footer>span:last-child{font-size:14px}.library-top{padding:22px 22px 0}.library-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.library-heading h2{font-family:Georgia,serif;font-size:26px;letter-spacing:-.7px;font-weight:400;margin:0}.library-heading h2>span{font-family:var(--sans);font-size:22px;margin-left:13px;color:#a1a38f}.count-badge{border:1px solid #a6a892;padding:5px 7px;border-radius:2px;font-family:var(--mono);font-size:8px;color:#707460;background:#edf0de;white-space:nowrap}.search{display:flex;align-items:center;gap:10px;border:1px solid #97998b;background:#fffef6;height:42px;padding:0 12px;box-shadow:inset 2px 2px 0 #e4e3d7}.search>span{font-size:25px;line-height:1}.search input{background:none;border:0;min-width:0;width:100%;font-size:11px;height:100%;outline-offset:0}.search input::placeholder{color:#95978a}.search kbd{border:1px solid #cacabe;font-family:var(--mono);padding:1px 5px;font-size:10px;color:#97998b}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:19px;margin-bottom:14px;gap:8px}.tabs{display:flex;gap:4px}.tabs button{font-size:10px;white-space:nowrap;padding:7px 9px;border:1px solid transparent;border-radius:2px}.tabs button.active{background:var(--pink);border-color:var(--line)}.tabs button>span{font-family:var(--mono);font-size:8px;opacity:.6}.sort-label{font-family:var(--mono);font-size:8px;color:#8c8e80;white-space:nowrap}.sort-label select{background:none;border:0;font-size:9px;cursor:pointer;padding:4px;max-width:110px}table{width:100%;border-collapse:collapse;table-layout:fixed}thead{background:#eeeee2;border-top:1px solid #dedfd2;border-bottom:1px solid #c8cbb9}th{font-family:var(--mono);font-size:8px;font-weight:400;color:#818572;text-align:left;letter-spacing:.7px;height:30px}th:nth-child(1){width:40px;padding-left:20px}th:nth-child(2){width:31px}th:nth-child(4){width:155px}th:nth-child(5){width:36px}th:nth-child(6){width:75px}td{height:53px;border-bottom:1px solid #e3e4d7;padding:4px 0}tr:nth-child(even){background:#f4f3e9}tr.selected{background:#f8e5e9}tr:hover{background:#f2e8e6}.number{font-family:var(--mono);font-size:9px;color:#a0a18e;padding-left:20px}.row-play{width:23px;height:23px;border:1px solid #bfc2af;font-size:8px;padding:0;border-radius:50%;color:#6b715b;background:#faf9f0}.selected .row-play{background:#e9a9bf;border-color:#b57890}.song-name{padding-right:10px;overflow:hidden}.song-name button{font-size:11px;font-weight:500;padding:0;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.song-name>span{display:block;font-family:var(--mono);font-size:7px;letter-spacing:.2px;margin-top:5px;color:#a1a28e}.audio-id button{font-family:var(--mono);font-size:9px;padding:4px 0;color:#8e927f;letter-spacing:.2px}.copy{border:1px solid #bebfae;background:#fcfbf2;border-radius:2px;padding:5px 9px;font-size:9px}.copy>span{margin-left:5px}.library-bottom{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:8px;color:#858875}.pagination{display:flex;align-items:center;gap:9px}.pagination button{border:1px solid #c5c6b6;padding:3px 6px;font-size:11px}.bottom-heart{font-family:Georgia,serif;font-style:italic;font-size:12px}#empty{text-align:center;padding:70px 10px;color:#7f8272}#empty>span{font-size:40px}#empty h3{font-family:Georgia,serif;font-size:23px;font-weight:400}#empty button{border:1px solid var(--line);background:var(--pink);padding:8px 12px;font-size:11px;margin-top:10px}.site-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #b5b8a7;margin-top:40px;padding:22px 0 30px;gap:15px;font-size:8px;color:#8b8e7a}.footer-brand{text-decoration:none;font-size:17px;color:#565a48;white-space:nowrap}.footer-brand span{font-family:Georgia,serif;font-style:italic;font-size:11px;margin-left:8px;color:#8b8e7a}.site-footer nav{display:flex;gap:16px}.site-footer nav a{text-decoration:none}.site-footer>span{font-family:var(--mono);font-size:7px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 25px;border:1px solid var(--line);background:var(--pink);box-shadow:3px 3px 0 var(--ink);font-family:var(--mono);font-size:11px;z-index:20;max-width:90vw;width:max-content}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.info-page{max-width:700px;margin:70px auto}.info-page article{padding:32px}.info-page h1{font-size:40px;line-height:1.1;letter-spacing:-1px;margin:24px 0}.info-page h2{font-family:Georgia,serif;font-weight:400;font-size:24px;margin-top:30px}.info-page p{font-size:14px;line-height:1.9;color:#6d715e}.info-page code{overflow-wrap:anywhere}.is-playing .reels i{animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}
@media(max-width:1000px){.desktop-note{display:none}.desktop-bar time{margin-left:auto}.desktop{padding:0 22px}.workspace{grid-template-columns:260px minmax(0,1fr);gap:20px}.intro-doodle{margin-right:25px}.audio-id{display:none}th:nth-child(4){width:0}.toolbar{flex-wrap:wrap}.library-top{padding:20px 15px 0}.bottom-heart{display:none}.site-footer{flex-wrap:wrap}.site-footer>span{width:100%;text-align:center}}
@media(max-width:660px){.desktop-bar{padding:0 15px;gap:22px;height:42px}.desktop-bar nav{gap:16px;font-size:10px}.desktop-bar nav a:last-child{display:none}.desktop-bar time{font-size:8px}.desktop-bar time span{display:none}.desktop{padding:0 16px}.intro{padding:31px 0 27px}.eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:47px;letter-spacing:-2.8px}.sparkle{font-size:37px}.intro p{font-size:11px}.intro-doodle{margin:20px 8px 0 5px}.intro-doodle>span,.intro-doodle svg{display:none}.sticker{width:73px;height:73px;font-size:19px;outline-width:3px}.sticker b{font-size:8px}.workspace{display:flex;flex-direction:column;gap:22px}.sidebar{width:100%}.player-inside{display:grid;grid-template-columns:105px minmax(0,1fr);column-gap:15px;padding:14px}.player-label{grid-column:1/-1;margin-bottom:9px}.cassette-scene{grid-column:1;grid-row:2/7;height:116px}.cassette{transform:scale(.48) rotate(-9deg);flex-shrink:0}.tiny-star{font-size:16px}.scene-floor{height:15px}.s1{left:3px;top:5px}.s2{right:3px;top:7px}.s3{display:none}.track-caption{grid-column:2;grid-row:2;margin:0}.player h2{grid-column:2;grid-row:3;font-size:14px;margin:0}.current-id{grid-column:2;grid-row:4;font-size:8px}.seek-row{grid-column:2;grid-row:5;margin-top:2px}.transport{grid-column:2;grid-row:6;margin:8px 0 0}.transport button{font-size:10px;padding:4px}.transport .main-play{width:32px;height:27px;font-size:12px}.volume-row{display:none}.playback-message{grid-column:1/-1;margin:12px 0 0;min-height:0;font-size:9px}.roblox-link{grid-column:1/-1;font-size:8px;margin-top:6px}.note,.sidebar-footer{display:none}.library{width:100%}.library-top{padding:18px 14px 0}.library-heading h2{font-size:25px}.search input{font-size:10px}.toolbar{gap:6px;margin-top:14px;margin-bottom:10px}.tabs button{padding:7px;font-size:9px}.sort-label{font-size:7px}.sort-label select{font-size:8px;max-width:96px}.library-bottom{padding:13px 14px;font-size:7px}th:nth-child(1){width:32px;padding-left:12px}.number{padding-left:12px;font-size:8px}th:nth-child(2){width:27px}th:nth-child(5){width:28px}th:nth-child(6){width:62px}.copy{padding:5px 7px;font-size:8px}.copy>span{margin-left:2px}.song-name button{font-size:10px}.save{font-size:20px;padding:3px;min-width:25px}.site-footer{margin-top:27px;justify-content:center;padding:20px 0;gap:17px}.site-footer nav{font-size:8px}.footer-brand{font-size:16px}.info-page{margin:30px 16px}.info-page article{padding:22px}.info-page h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}

@media(min-width:1001px){.song-name button{font-size:12px}.audio-id button{font-size:10px}.song-name>span{font-size:8px}}
@media(max-width:660px){.sparkle{display:none}}
/* Archive-first layout and readable song cards. */
.desktop{max-width:1320px;padding:0 30px}.workspace{grid-template-columns:320px minmax(0,1fr);gap:28px;padding-top:28px}.sidebar{position:sticky;top:20px;align-self:start;min-width:0}.titlebar{height:34px;font-size:12px}.desktop-bar{font-size:13px;height:50px}.desktop-note{font-size:11px}.desktop-bar time{font-size:11px}.library-top{padding:24px 24px 0}.library-heading h2{font-size:34px}.count-badge{font-size:11px;padding:7px 9px}.search{height:49px}.search input{font-size:15px}.search kbd{font-size:13px}.toolbar{margin-top:20px;margin-bottom:20px;gap:12px}.tabs{gap:6px}.tabs button{font-size:13px;padding:9px 11px}.tabs button>span{font-size:11px}.sort-label{font-size:11px}.sort-label select{font-size:12px;max-width:130px}.song-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.cards-wrap{padding:0 24px 20px}.song-card{border:1px solid #b7baa9;background:#fffef5;box-shadow:2px 2px 0 #dddfd0;padding:15px;min-width:0;display:flex;flex-direction:column;gap:15px}.song-card:hover{border-color:#8b8e79;background:#fffdf0}.song-card.selected{border-color:#b57890;background:#fae9ee;box-shadow:2px 2px 0 #dbb3bf}.card-top{display:flex;align-items:center;gap:9px;min-width:0}.card-number{font-family:var(--mono);font-size:11px;color:#777c67}.preview-badge{font-family:var(--mono);font-size:9px;color:#737763;line-height:1.5}.preview-badge.available{color:#46704d}.card-top .save{margin-left:auto;font-size:26px;min-width:32px;padding:0;flex-shrink:0}.card-main{display:flex;gap:12px;align-items:center;min-height:46px}.song-card .row-play{width:38px;height:38px;font-size:13px;flex-shrink:0}.song-title{font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.3px;margin:0;min-width:0;overflow-wrap:anywhere}.song-title button{text-align:left;padding:0;font-size:inherit;line-height:inherit;font-weight:inherit;overflow-wrap:anywhere}.card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;border-top:1px solid #e0e2d4;padding-top:13px;margin-top:auto;flex-wrap:wrap}.card-id{text-align:left;padding:0;font-family:var(--mono);font-size:13px;line-height:1.6;min-width:0;overflow-wrap:anywhere}.card-id span{display:block;font-size:9px;letter-spacing:.8px;color:#737763;margin-bottom:2px}.song-card .copy{font-size:12px;padding:8px 10px;white-space:nowrap;min-height:35px}.library-bottom{border-top:1px solid #d8dacb;padding:17px 24px;font-size:11px;gap:10px;flex-wrap:wrap}.load-more{background:var(--pink);border:1px solid var(--line);box-shadow:2px 2px 0 #b3b5a3;padding:10px 16px;font-size:13px}.bottom-heart{font-size:14px}.player-label{font-size:10px}.player h2{font-size:22px;white-space:normal;overflow-wrap:anywhere;line-height:1.3}.small-label{font-size:10px}.current-id{font-size:12px}.seek-row{font-size:10px}.playback-message{font-size:12px}.roblox-link{font-size:11px}.volume-row{font-size:10px}.intro{padding:44px 0 20px;border-top:1px solid #b5b8a7;margin-top:40px}.intro h1{font-size:38px;letter-spacing:-1.5px;line-height:1.08;margin:15px 0}.intro h1 br{display:none}.intro p{font-size:14px}.intro .sparkle{font-size:32px}.intro-doodle{margin-top:0;margin-right:20px}.intro-doodle>span,.intro-doodle svg{display:none}.sticker{height:85px;width:85px;font-size:20px}.sticker b{font-size:9px}.site-footer{margin-top:20px;font-size:11px}.site-footer>span{font-size:9px}.info-page .titlebar{font-size:12px}
@media(max-height:760px) and (min-width:761px){.sidebar{top:12px}.player-inside{padding:13px}.cassette-scene{height:140px}.track-caption{margin-top:10px}.transport{margin:12px 4px}.playback-message{margin-top:10px}.volume-row{display:none}}
@media(max-width:1100px){.desktop{padding:0 22px}.workspace{grid-template-columns:290px minmax(0,1fr);gap:22px}.library-heading{gap:10px}.library-heading h2{font-size:28px}.toolbar{flex-wrap:wrap}.cards-wrap{padding:0 18px 18px}.library-top{padding:20px 18px 0}.song-grid{grid-template-columns:minmax(0,1fr)}.card-bottom{flex-wrap:nowrap}.song-title{font-size:20px}.card-id{font-size:14px}.desktop-note{display:none}}
@media(max-width:760px){.desktop{padding:0 14px}.desktop-bar{padding:0 15px;gap:22px;height:45px;font-size:12px}.desktop-bar nav{font-size:12px;gap:16px}.desktop-bar nav a:last-child{display:none}.desktop-bar time{font-size:9px}.workspace{display:flex;flex-direction:column;gap:20px;padding-top:16px}.sidebar{width:100%;position:static;top:auto;z-index:auto;align-self:stretch}.player{box-shadow:3px 3px 0 #45463d}.player .titlebar{height:28px;font-size:11px}.player-inside{display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:7px 12px;padding:12px 14px}.player-label,.cassette-scene,.track-caption,.volume-row{display:none}.player h2{grid-column:1;grid-row:1;margin:0;font-size:18px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-id{grid-column:1;grid-row:2;font-size:10px;gap:5px;align-self:start}.current-id button{margin-left:0;font-size:18px}.transport{grid-column:2;grid-row:1/3;margin:0;align-self:center;gap:4px}.transport button{padding:5px;font-size:12px}.transport .main-play{width:38px;height:36px;font-size:16px}.seek-row{grid-column:1/-1;grid-row:3;margin:3px 0 0;font-size:9px}.playback-message{grid-column:1/-1;grid-row:4;min-height:0;margin:3px 0 0;font-size:11px;line-height:1.4}.roblox-link{display:none}.library{width:100%}.library-heading h2{font-size:28px}.count-badge{font-size:10px}.library-top{padding:20px 15px 0}.search input{font-size:14px}.tabs button{font-size:12px;padding:8px}.sort-label,.sort-label select{font-size:11px}.cards-wrap{padding:0 15px 16px}.song-grid{gap:13px}.song-card{padding:15px;gap:13px}.song-title{font-size:19px}.card-id{font-size:14px}.card-number{font-size:11px}.preview-badge{font-size:10px}.card-id span{font-size:10px}.card-bottom{gap:12px}.song-card .copy{font-size:13px;min-height:40px;padding:8px 12px}.library-bottom{padding:16px;font-size:11px}.load-more{font-size:13px}.intro{margin-top:30px;padding:25px 0 10px}.intro h1{font-size:29px}.intro p{font-size:12px}.intro-doodle{display:none}.eyebrow{font-size:8px}.site-footer{font-size:10px;justify-content:center}.site-footer nav{font-size:11px;flex-wrap:wrap;justify-content:center}.site-footer>span{font-size:9px}.footer-brand{font-size:18px}.bottom-heart{display:none}}
@media(max-width:380px){.player-inside{grid-template-columns:minmax(0,1fr) 142px;column-gap:6px}.transport button{font-size:10px;padding:4px}.transport .main-play{width:32px;height:32px}.player h2{font-size:16px}.current-id{font-size:9px}.library-heading h2{font-size:25px}.count-badge{font-size:9px}.tabs button{font-size:11px;padding:7px}.song-title{font-size:18px}.card-id{font-size:12px}.song-card .copy{font-size:12px;padding:8px}.card-bottom{gap:8px}}
/* Lavender desktop, cream windows, and pixel-art mixtapes. */
:root{--paper:#faf7f0;--ink:#37313f;--line:#62556e;--pink:#d9b9e8}body{background-color:#b9a5ce;background-image:linear-gradient(45deg,#c6b5d9 25%,transparent 25%,transparent 75%,#c6b5d9 75%),linear-gradient(45deg,#c6b5d9 25%,transparent 25%,transparent 75%,#c6b5d9 75%);background-position:0 0,8px 8px;background-size:16px 16px}.desktop-bar{background:#e8dff0;border-color:#62556e}.window{box-shadow:4px 4px 0 #665273}.titlebar{background:repeating-linear-gradient(to bottom,#e4d9ec,#e4d9ec 2px,#bbaaC7 2px,#bbaaC7 3px)}.titlebar>span:first-child,.window-controls{background:#e4d9ec}.song-card{border-color:#c4b6cd;background:#fffdf7;box-shadow:2px 2px 0 #ded3e5}.song-card:hover{border-color:#a28bb4;background:#f8f1fc}.song-card.selected{background:#eee2f6;border-color:#9574af;box-shadow:2px 2px 0 #c5acd7}.card-top{gap:10px}.card-number{color:#7b6b86}.preview-badge{color:#786c7d}.preview-badge.available{color:#4a7153}.card-main{gap:15px;min-height:88px}.song-card .song-artwork{width:88px;height:88px;border-radius:0;border:1px solid #82718d;background:#d4c4e0;position:relative;overflow:hidden;flex-shrink:0;display:block;padding:0}.song-artwork img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.play-glyph{position:absolute;bottom:5px;right:5px;width:27px;height:27px;display:grid;place-items:center;background:#fffaf0e8;border:1px solid #62556e;font-size:11px;line-height:1;color:#51445d}.song-artwork:hover .play-glyph{background:#dbc3eb}.selected .song-artwork{border-color:#795992}.card-bottom{border-color:#e3dce6}.song-card .copy{background:#efe6f5;border-color:#c3afcf}.count-badge{background:#ece4f1;border-color:#bba6ca;color:#6e5a7c}.search{border-color:#b09cbd}.card-id span{color:#7b6b86}.intro{border-color:#8e75a4}.intro p,.eyebrow,.site-footer,.site-footer>span,.footer-brand span{color:#51405e}.site-footer{border-color:#8e75a4}.footer-brand{color:#443250}.intro .sparkle{color:#715084}.status-dot{background:#77558c;box-shadow:0 0 0 3px #d8c7e3}.sticker{background:#dfc4ec;outline-color:#dfc4ec}.library-bottom{border-color:#ded2e5}.small-label{color:#7d7086}.cassette-scene{background-color:#d1b6df;background-image:linear-gradient(transparent 96%,#b99dca 96%)}.scene-floor{border-color:#af91c1;background:repeating-linear-gradient(0deg,transparent 0px,transparent 7px,#b99dca 8px),repeating-linear-gradient(90deg,transparent 0px,transparent 25px,#b99dca 26px)}.cassette{box-shadow:7px 9px 0 #a386b6}.intro h1{color:#3e2c4c}.bottom-heart{color:#695477}
@media(max-width:760px){.sidebar{position:static;top:auto;z-index:auto}.player{box-shadow:3px 3px 0 #665273}.card-main{min-height:76px;gap:13px}.song-card .song-artwork{width:76px;height:76px}.song-title{font-size:18px}.play-glyph{width:25px;height:25px}}
@media(max-width:380px){.song-card .song-artwork{width:66px;height:66px}.card-main{min-height:66px;gap:11px}.song-title{font-size:17px}}
/* Simplified chrome and a read-me window below the archive. */
.player h2{margin-top:18px}.library-top{padding-top:22px}.song-card{gap:16px}.intro.window{display:block;padding:0;margin-top:36px;border:1px solid var(--line);background:var(--paper)}.intro .titlebar{margin:0}.intro-content{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:38px 40px;align-items:center}.intro-copy .eyebrow{font-size:10px;letter-spacing:1.8px}.intro-copy h1{font-size:48px;line-height:1.02;letter-spacing:-2px;margin:18px 0}.intro-copy h1 br{display:block}.intro-copy h1 em{font-family:Georgia,serif}.intro-copy>p{font-size:14px;line-height:1.8;margin:0}.intro-instructions{display:flex;flex-direction:column;gap:20px}.instruction{display:flex;align-items:center;gap:16px}.instruction-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);font-family:var(--mono);font-size:20px;flex-shrink:0}.instruction h2{font-family:var(--sans);font-size:15px;font-weight:600;margin:0 0 5px}.instruction p{font-size:12px;line-height:1.6;margin:0}.intro-guide{font-family:var(--mono);font-size:11px;margin-left:56px;width:fit-content}.playback-message[hidden]{display:none}
@media(max-width:900px){.intro-content{gap:28px;padding:28px}.intro-copy h1{font-size:40px}}
@media(max-width:760px){.player h2{margin:0}.player-inside{row-gap:8px}.library-top{padding-top:18px}.intro-content{grid-template-columns:minmax(0,1fr);gap:28px;padding:25px}.intro-copy h1{font-size:38px}.intro-copy>p{font-size:13px}.intro-instructions{gap:18px}.intro.window{margin-top:24px}.instruction h2{font-size:14px}.instruction p{font-size:12px}}
/* Four live theme choices. Lavender remains the default. */
.theme-picker{display:flex;align-items:center;gap:8px;white-space:nowrap;font-family:var(--mono);font-size:10px}.theme-picker select{font-family:var(--mono);font-size:11px;padding:6px 24px 6px 8px;border:1px solid var(--line);border-radius:0;background-color:var(--paper);cursor:pointer;min-width:114px}.desktop-note{font-size:10px}.desktop-bar{gap:25px}
html[data-theme=warm]{--paper:#f3f0e8;--ink:#36342f;--line:#64615a;--pink:#b5c8c0;--desk:#b8b4ad;--desk-alt:#c2beb7;--bar:#e1ddd4;--stripe:#c3beb3;--card:#faf8f2;--hover:#eeebe3;--selected:#e3dfd4;--muted:#706c63;--edge:#cbc6ba;--shadow:#77736a;--tape:#d4cfc2;--field:#fffdf7;color-scheme:light}
html[data-theme=dark]{--paper:#282828;--ink:#ededeb;--line:#878783;--pink:#60778a;--desk:#181818;--desk-alt:#202020;--bar:#373737;--stripe:#50504e;--card:#303030;--hover:#3c3c3a;--selected:#484845;--muted:#b8b8af;--edge:#555551;--shadow:#080808;--tape:#4c4c49;--field:#202020;color-scheme:dark}
html[data-theme=light]{--paper:#fff;--ink:#202020;--line:#626262;--pink:#c6d8e6;--desk:#e8e8e8;--desk-alt:#f0f0f0;--bar:#ededed;--stripe:#c7c7c7;--card:#fff;--hover:#f6f6f6;--selected:#e8e8e8;--muted:#666;--edge:#d4d4d4;--shadow:#8c8c8c;--tape:#ddd;--field:#fff;color-scheme:light}
html[data-theme]:not([data-theme=current]) body{background-color:var(--desk);background-image:linear-gradient(45deg,var(--desk-alt) 25%,transparent 25%,transparent 75%,var(--desk-alt) 75%),linear-gradient(45deg,var(--desk-alt) 25%,transparent 25%,transparent 75%,var(--desk-alt) 75%)}
html[data-theme]:not([data-theme=current]) :is(.desktop-bar,.titlebar>span:first-child,.window-controls){background:var(--bar)}
html[data-theme]:not([data-theme=current]) .desktop-bar{border-color:var(--line)}
html[data-theme]:not([data-theme=current]) .window{box-shadow:4px 4px 0 var(--shadow)}
html[data-theme]:not([data-theme=current]) .titlebar{background:repeating-linear-gradient(to bottom,var(--bar),var(--bar) 2px,var(--stripe) 2px,var(--stripe) 3px)}
html[data-theme]:not([data-theme=current]) .song-card{background:var(--card);border-color:var(--edge);box-shadow:2px 2px 0 var(--edge)}
html[data-theme]:not([data-theme=current]) .song-card:hover{background:var(--hover);border-color:var(--line)}
html[data-theme]:not([data-theme=current]) .song-card.selected{background:var(--selected);border-color:var(--line);box-shadow:2px 2px 0 var(--shadow)}
html[data-theme]:not([data-theme=current]) :is(.card-bottom,.library-bottom){border-color:var(--edge)}
html[data-theme]:not([data-theme=current]) :is(.song-card .copy,.load-more,.tabs button.active,.transport .main-play,.transport button[aria-pressed=true]){background:var(--pink);border-color:var(--line);box-shadow:none}
html[data-theme]:not([data-theme=current]) .search{background:var(--field);border-color:var(--line);box-shadow:inset 2px 2px 0 var(--edge)}
html[data-theme]:not([data-theme=current]) :is(.desktop-note,.desktop-bar time,.player-label,.current-id,.seek-row,.small-label,.volume-row,.playback-message,.card-id span,.library-bottom,.sort-label,.intro p,.eyebrow,.site-footer,.site-footer>span,.footer-brand span,.bottom-heart,.info-page p){color:var(--muted)}
html[data-theme]:not([data-theme=current]) :is(.intro h1,.footer-brand,.intro h2,.intro-guide,.instruction-icon){color:var(--ink)}
html[data-theme]:not([data-theme=current]) :is(.intro,.site-footer){border-color:var(--line)}
html[data-theme]:not([data-theme=current]) .song-artwork{background:var(--tape);border-color:var(--line)}

html[data-theme]:not([data-theme=current]) .play-glyph{background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme]:not([data-theme=current]) .song-artwork:hover .play-glyph{background:var(--pink)}
html[data-theme]:not([data-theme=current]) input::placeholder{color:var(--muted)}
html[data-theme]:not([data-theme=current]) .toast{background:var(--pink);color:var(--ink);box-shadow:3px 3px 0 var(--shadow)}
html:is([data-theme=dark],[data-theme=navy]) :is(input[type=range]){accent-color:#c7c7be}
@media(max-width:1200px){.desktop-note{display:none}.theme-picker{margin-left:auto}.desktop-bar time{margin-left:0}}
@media(max-width:760px){.desktop-bar{gap:16px}.theme-picker{margin-left:auto;font-size:10px}.theme-picker>span{display:none}.theme-picker select{font-size:10px;min-width:107px;padding:6px}.desktop-bar time{display:none}.desktop-bar nav{gap:12px}}
@media(max-width:380px){.desktop-bar nav a:not(:first-child){display:none}.desktop-bar{gap:14px}.theme-picker select{min-width:100px}}
.theme-picker{position:relative}
.theme-picker select{appearance:none;-webkit-appearance:none;padding-right:30px}
.theme-picker::after{content:'';position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:translateY(-70%) rotate(45deg);pointer-events:none}
html[data-input-method=pointer] :focus{outline:none}

/* A compact entry into the music-maker guide. */
.artist-referral{--banner-start:#fff0b8;--banner-end:#deedda;--banner-glow:#fff9e1c9;--banner-ink:#263c32;display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:20px;margin:24px 0 0;padding:12px 24px;background:radial-gradient(ellipse at 4% 20%,var(--banner-glow),transparent 58%),linear-gradient(110deg,var(--banner-start),var(--banner-end));color:var(--banner-ink);border:1px solid var(--line);box-shadow:3px 3px 0 var(--shadow,#665273)}
html:is([data-theme=dark],[data-theme=navy]) .artist-referral{--banner-start:#465137;--banner-end:#243e43;--banner-glow:#d5b96820;--banner-ink:#fff5d9}
.artist-referral-avatar{display:block;width:88px;height:96px;object-fit:contain}
.artist-referral-portraits{display:grid;width:88px;height:96px;align-items:center;justify-items:center}
.referral-portrait{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .08s ease,transform .08s ease,visibility 0s .08s}
.referral-portrait.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease .08s,transform .18s cubic-bezier(.2,.65,.3,1) .08s,visibility 0s .08s}
.referral-portrait.is-leaving{transform:translateY(-6px)}
.artist-referral-copy{min-width:0}
.artist-referral h2{margin:0 0 6px;font-size:23px;font-weight:600;line-height:1.2;letter-spacing:-.5px}
.artist-referral-copy{display:grid;align-items:center}
.referral-slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .26s cubic-bezier(.2,.65,.3,1),visibility 0s .26s;pointer-events:none}
.referral-slide.is-active{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}
.referral-slide.is-leaving{transform:translateY(-6px)}
.referral-slide>p{margin:0;font-size:13px;line-height:1.5}
.referral-animated .referral-slide:first-child.is-active{animation:referral-intro .26s cubic-bezier(.2,.65,.3,1) both}
@keyframes referral-intro{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.artist-referral-actions{display:flex;align-items:center;gap:12px}
@media(prefers-reduced-motion:reduce){.referral-slide,.referral-portrait,.referral-portrait.is-active{transition:none;transform:none!important}.artist-referral-cta{transition:none}}
.artist-referral-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:44px;padding:11px 18px;background:var(--pink);color:var(--ink);border:1px solid var(--line);box-shadow:2px 2px 0 var(--shadow,#665273);text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}
.artist-referral-cta:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--shadow,#665273)}
.artist-referral-cta:active{transform:none;box-shadow:none}
@media(max-width:760px){.artist-referral{grid-template-columns:68px minmax(0,1fr);gap:8px 14px;margin-top:16px;padding:16px}.artist-referral-avatar,.artist-referral-portraits{width:68px;height:68px}.artist-referral-portraits{align-self:start}.artist-referral-copy{align-self:start;align-items:start}.artist-referral h2{font-size:clamp(13px,3.8vw,18px);letter-spacing:-.3px}.referral-title-line{display:block;white-space:nowrap}.artist-referral h2.referral-single-line{white-space:nowrap}.referral-single-line .referral-title-line{display:inline}.referral-slide>p{font-size:12px}.artist-referral-actions{grid-column:1/-1}.artist-referral-actions .artist-referral-cta{flex:1}}
@media(min-width:480px) and (max-width:760px){.artist-referral{grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:14px}.artist-referral-portraits,.artist-referral-copy{align-self:center}.artist-referral-actions{grid-column:auto}.artist-referral-actions .artist-referral-cta{gap:14px;padding:11px 14px}}
@media(max-width:760px){.artist-referral-copy>.referral-slide:first-child{align-self:center}}



/* Neutral surfaces keep the mixtape artwork and small accents in color. */
.cassette{color:#37313f}

/* Additional retro desktop palettes. */
html[data-theme=teal]{--paper:#d4d0c8;--ink:#202724;--line:#5a6863;--pink:#9fc8c2;--desk:#087b7a;--desk-alt:#147f7d;--bar:#c1c5be;--stripe:#9aaba4;--card:#e7e5dc;--hover:#d9e3da;--selected:#c8dcd3;--muted:#56645c;--edge:#a7b3a8;--shadow:#284d49;--tape:#bbd0bf;--field:#f8f7ed;color-scheme:light}
html[data-theme=navy]{--paper:#233142;--ink:#f0ece0;--line:#8999a7;--pink:#526e85;--desk:#101c2b;--desk-alt:#142131;--bar:#34465a;--stripe:#526477;--card:#2b3b4d;--hover:#344b60;--selected:#3d566c;--muted:#b8c6ce;--edge:#506477;--shadow:#050e19;--tape:#3e566c;--field:#1b2939;color-scheme:dark}
html[data-theme=olive]{--paper:#eeecd9;--ink:#333b29;--line:#687252;--pink:#c0c799;--desk:#626e4d;--desk-alt:#6b7755;--bar:#d0d3b5;--stripe:#aeb794;--card:#f6f3e5;--hover:#e9ecd7;--selected:#dce3c0;--muted:#667052;--edge:#c0c6a5;--shadow:#3a452b;--tape:#d2d7b9;--field:#fffcef;color-scheme:light}
html[data-theme=beige]{--paper:#f5efdf;--ink:#493c2d;--line:#877055;--pink:#d6ad71;--desk:#aa9275;--desk-alt:#b29b7f;--bar:#e2d1b4;--stripe:#c4af8c;--card:#fcf7eb;--hover:#f3e8d2;--selected:#ebd9b5;--muted:#7a6953;--edge:#d2bea0;--shadow:#715b43;--tape:#e7d3ae;--field:#fffaf0;color-scheme:light}

/* Separate playback and copy controls, with three selectable archive layouts. */
.toolbar{flex-wrap:wrap;justify-content:flex-start;gap:12px 18px}.tabs{margin-right:auto}.layout-picker{font-family:var(--mono);font-size:11px;color:inherit;white-space:nowrap}.layout-picker select{font-size:12px;padding:6px 4px;background:var(--paper);border:1px solid var(--line);border-radius:0;cursor:pointer;max-width:125px}.card-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.card-actions{display:flex;align-items:center;gap:8px}.song-card .card-play{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;height:38px;min-width:74px;padding:8px 11px;border:1px solid var(--line);border-radius:2px;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:12px;white-space:nowrap}.card-play .play-glyph{position:static;display:inline;width:auto;height:auto;border:0;background:none;color:inherit;font-size:10px}.play-label{line-height:1}.song-card .copy{height:38px;min-width:78px;font-size:12px;transition:background-color .12s,color .12s,transform .12s,box-shadow .12s}.song-card .copy:is(:hover,:focus-visible){background:var(--ink)!important;color:var(--paper);border-color:var(--ink);box-shadow:2px 2px 0 var(--line)!important;transform:translate(-1px,-1px)}.song-card .copy:active{transform:translate(0,0);box-shadow:none!important}.song-card .card-play:is(:hover,:focus-visible){background:var(--pink);color:var(--ink)}.song-card .song-artwork:hover{outline:2px solid var(--line);outline-offset:2px}.song-card.selected .card-play{background:var(--pink)}
html[data-layout=list] .song-grid,html[data-layout=compact] .song-grid{grid-template-columns:minmax(0,1fr)}
html[data-layout=list] .song-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:14px}
html[data-layout=list] .card-main{min-height:58px;gap:14px}
html[data-layout=list] .song-card .song-artwork{width:58px;height:58px}
html[data-layout=list] .song-title{font-size:17px}
html[data-layout=list] .card-bottom{padding:0;border:0;display:flex;gap:20px;margin:0;align-items:center}
html[data-layout=list] .card-id{font-size:12px}
html[data-layout=compact] .song-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 15px}
html[data-layout=compact] .song-artwork{display:none}
html[data-layout=compact] .card-main{min-height:38px}
html[data-layout=compact] .song-title{font-size:15px;line-height:1.4}
html[data-layout=compact] .card-bottom{padding:0;border:0;display:flex;gap:16px;margin:0;align-items:center}
html[data-layout=compact] .card-id{font-size:11px}
html[data-layout=compact] .card-id span{display:none}
html[data-layout=compact] .song-grid{gap:8px}
@media(max-width:1200px){html[data-layout=list] .song-card,html[data-layout=compact] .song-card{grid-template-columns:minmax(0,1fr);gap:12px}html[data-layout=list] .card-bottom,html[data-layout=compact] .card-bottom{justify-content:space-between;gap:10px}}
@media(max-width:760px){.toolbar{gap:12px}.tabs{width:100%;margin:0}.layout-picker{margin-right:auto;font-size:11px}.layout-picker select{font-size:11px}.card-bottom{grid-template-columns:minmax(0,1fr);gap:12px}.card-actions{justify-content:flex-end}.song-card .card-play,.song-card .copy{min-height:40px;font-size:13px;padding:8px 13px}.song-card .card-play{min-width:80px}.song-card .copy{min-width:90px}html[data-layout=list] .card-bottom,html[data-layout=compact] .card-bottom{flex-wrap:wrap}html[data-layout=list] .card-actions,html[data-layout=compact] .card-actions{margin-left:auto}html[data-layout=compact] .song-title{font-size:16px}}
@media(max-width:380px){html[data-layout=list] .card-bottom,html[data-layout=compact] .card-bottom{display:grid;grid-template-columns:minmax(0,1fr)}html[data-layout=compact] .card-id{font-size:12px}.layout-picker select{max-width:106px}}
html[data-theme] .card-play .play-glyph{background:none;color:inherit;border:0}
/* A readable footer surface in every theme. */
html[data-theme] .site-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:26px 28px;margin-top:28px;margin-bottom:30px;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:4px 4px 0 var(--shadow,#665273)}
html[data-theme] .site-footer .footer-brand{color:var(--ink);font-size:24px;white-space:normal}
html[data-theme] .site-footer .footer-brand span{display:block;color:var(--ink);font-size:14px;margin:7px 0 0;font-style:normal;line-height:1.5}
html[data-theme] .site-footer nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;justify-content:flex-end}
html[data-theme] .site-footer nav a{color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:4px;padding:5px 0}
html[data-theme] .site-footer nav a:hover{text-decoration-thickness:2px}
html[data-theme] .site-footer>span{grid-column:1/-1;color:var(--ink);font-family:var(--sans);font-size:13px;line-height:1.6;text-align:left;border-top:1px solid var(--line);padding-top:16px;width:100%}
.mobile-layout-picker{display:none}
@media(max-width:760px){
  .layout-picker{display:none}
  .mobile-layout-picker{display:flex;align-items:center;gap:8px;margin-right:auto;font-family:var(--mono);font-size:11px;white-space:nowrap}
  .mobile-layout-picker select{max-width:140px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:0;font-size:12px;min-height:38px;padding:6px;cursor:pointer}
  .toolbar{gap:12px 16px}.sort-label select{min-height:38px}
  html[data-theme] .site-footer{grid-template-columns:minmax(0,1fr);gap:20px;padding:23px 20px}
  html[data-theme] .site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;font-size:14px}
  html[data-theme] .site-footer nav a{display:flex;align-items:center;min-height:44px;padding:8px 10px;border:1px solid var(--line);text-decoration:none;line-height:1.4}
  html[data-theme] .site-footer nav a:hover{background:var(--pink)}
  html[data-theme] .site-footer>span{font-size:12px}
  html[data-layout=stack] .song-grid{grid-template-columns:minmax(0,1fr)}
  html[data-layout=tiles] .song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  html[data-layout=tiles] .cards-wrap{padding:0 10px 14px}
  html[data-layout=tiles] .song-card{padding:10px;gap:12px}
  html[data-layout=tiles] .card-main{flex-direction:column;align-items:stretch;gap:12px;min-height:0}
  html[data-layout=tiles] .song-card .song-artwork{width:100%;height:auto;aspect-ratio:1;max-width:none;margin:0}
  html[data-layout=tiles] .song-title{font-size:15px;line-height:1.4}
  html[data-layout=tiles] .card-bottom{gap:10px;padding-top:10px;grid-template-columns:minmax(0,1fr)}
  html[data-layout=tiles] .card-id{font-size:10px;letter-spacing:-.2px}
  html[data-layout=tiles] .card-id span{font-size:8px;letter-spacing:.5px}
  html[data-layout=tiles] .card-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
  html[data-layout=tiles] .song-card .card-play,html[data-layout=tiles] .song-card .copy{width:100%;min-width:0;height:44px;padding:8px 5px;font-size:12px}
  html[data-layout=media] .song-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  html[data-layout=media] .song-card{padding:13px;gap:10px}
  html[data-layout=media] .card-main{min-height:48px;gap:12px}
  html[data-layout=media] .song-card .song-artwork{width:48px;height:48px}
  html[data-layout=media] .song-title{font-size:17px}
  html[data-layout=media] .card-bottom{margin-left:60px;border:0;padding-top:0;gap:10px;grid-template-columns:minmax(0,1fr)}
  html[data-layout=media] .card-id{font-size:12px}
  html[data-layout=media] .card-id span{display:none}
  html[data-layout=media] .card-actions{display:flex;gap:7px}
  html[data-layout=media] .song-card .card-play,html[data-layout=media] .song-card .copy{min-width:0;flex:1;height:44px;font-size:12px;padding:7px}
  html[data-layout=dense] .song-grid{grid-template-columns:minmax(0,1fr);gap:7px}
  html[data-layout=dense] .song-card{padding:12px;gap:8px}
  html[data-layout=dense] .song-artwork{display:none}
  html[data-layout=dense] .card-main{min-height:0}
  html[data-layout=dense] .song-title{font-size:16px;line-height:1.4}
  html[data-layout=dense] .card-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border:0;padding:0}
  html[data-layout=dense] .card-id{font-size:12px}
  html[data-layout=dense] .card-id span{display:none}
  html[data-layout=dense] .card-actions{margin-left:auto;gap:7px}
  html[data-layout=dense] .song-card .card-play,html[data-layout=dense] .song-card .copy{height:44px;min-width:0;padding:7px 10px;font-size:12px}
}
@media(max-width:380px){.mobile-layout-picker{font-size:10px;gap:6px}.mobile-layout-picker select{max-width:130px;font-size:11px}html[data-theme] .site-footer{padding:20px 15px}html[data-theme] .site-footer nav{font-size:13px}}
@media(max-width:760px){
  .toolbar{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px}
  .toolbar .tabs{grid-column:1/-1}
  .mobile-layout-picker,.toolbar .sort-label{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;margin:0;font-family:var(--mono);font-size:10px}
  .mobile-layout-picker select,.toolbar .sort-label select{width:100%;max-width:none;min-height:40px;padding:7px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:0;font-size:11px}
}
/* Chosen mobile layout: two columns, with a full-width sort control. */
.toolbar .sort-label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;font-family:var(--mono);font-size:11px}
.toolbar .sort-label select{flex:1;width:100%;max-width:none;min-height:40px;padding:7px 10px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:0;font-size:12px;cursor:pointer}
@media(max-width:760px){.toolbar{grid-template-columns:minmax(0,1fr)}.toolbar .sort-label{flex-direction:row;align-items:center;gap:12px;font-size:12px}.toolbar .sort-label select{min-height:44px;font-size:13px}.site-footer nav a:last-child:nth-child(odd){grid-column:1/-1}}

/* Unlabelled sort control with an inset chevron. */
.toolbar .sort-label{position:relative;gap:0}
.toolbar .sort-label select{appearance:none;-webkit-appearance:none;padding-left:12px;padding-right:44px}
.toolbar .sort-label::after{content:'';position:absolute;right:17px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:translateY(-70%) rotate(45deg);pointer-events:none}
/* Keep navigation visible while the archive scrolls. */
.desktop-bar{position:sticky;top:0;z-index:20}
#library{scroll-margin-top:70px}
@media(min-width:761px){.sidebar{top:70px}}
@media(max-width:760px){#library{scroll-margin-top:60px}}
/* Found-image frames and a little old-web scrapbook character. */
.memory-photo{position:relative;width:240px;max-width:calc(100% - 28px);margin:24px auto 8px;padding:8px 8px 20px;background:#fffaf0;border:1px solid var(--line);box-shadow:3px 4px 0 var(--shadow,#665273);transform:rotate(-3deg)}
.memory-photo::before{content:'';position:absolute;z-index:1;top:-9px;left:calc(50% - 34px);width:68px;height:19px;background:#d9cda6b8;border:1px solid #b9aa7d60;transform:rotate(7deg);pointer-events:none}
.memory-photo a{display:block}.memory-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.mobile-memory{display:none}
.song-card .photo-artwork{background:var(--paper);border-color:var(--line)}
.photo-artwork img{image-rendering:auto;object-fit:cover;object-position:center top}
.info-page article li{font-size:14px;line-height:1.8;margin:8px 0}
@media(min-width:761px) and (max-height:900px){.desktop-memory{width:190px;margin-top:20px;padding-bottom:15px}}
@media(min-width:761px) and (max-height:740px){.desktop-memory{width:135px;margin-top:16px;padding:6px 6px 12px}}
@media(max-width:760px){.desktop-memory{display:none}.mobile-memory{display:block;width:240px;margin:32px auto}.photo-artwork img{object-position:center top}}
/* Compressed photo scraps sit behind the usable windows. */
.desktop{position:relative;z-index:1}
.desktop-scraps{position:fixed;inset:70px 0 0;z-index:0;pointer-events:none;overflow:hidden}
.desktop-scraps img{position:absolute;width:110px;height:110px;object-fit:cover;border:5px solid #fffaf0;box-shadow:2px 3px 0 #24202828;opacity:.6}
.desktop-scraps .scrap-1{left:12px;top:12%;transform:rotate(-12deg)}
.desktop-scraps .scrap-2{right:10px;top:5%;transform:rotate(11deg)}
.desktop-scraps .scrap-3{left:15px;top:67%;transform:rotate(9deg)}
.desktop-scraps .scrap-4{right:8px;top:63%;transform:rotate(-9deg)}
.mobile-scrapbook{display:none}
@media(max-width:1380px){.desktop-scraps{display:none}}
@media(min-width:1700px){.desktop-scraps img{width:135px;height:135px}.desktop-scraps .scrap-1,.desktop-scraps .scrap-3{left:5%}.desktop-scraps .scrap-2,.desktop-scraps .scrap-4{right:5%}}
@media(max-width:760px){.mobile-scrapbook{display:block;position:relative;margin:28px 0;padding:18px 4px;overflow:hidden}.mobile-scrapbook .mobile-memory{position:relative;z-index:1;margin:12px auto;max-width:calc(100% - 48px)}.mobile-scrapbook>.mobile-scrap{position:absolute;width:95px;height:95px;object-fit:cover;border:5px solid #fffaf0;box-shadow:2px 3px 0 #24202828}.mobile-scrapbook>.scrap-left{left:4px;top:25px;transform:rotate(-15deg)}.mobile-scrapbook>.scrap-right{right:4px;bottom:28px;transform:rotate(13deg)}}

/* Selected-song photocard in the little player. */
.player-artwork-stage{display:grid;place-items:center;margin-top:12px;padding:22px 25px 20px;background:transparent;border:0;overflow:visible}
.player-photo{position:relative;width:100%;margin:0;padding:7px 7px 19px;background:#fffaf0;border:1px solid #a6a296;box-shadow:4px 5px 0 #00000030;transform:rotate(-3deg)}
.player-photo::before{content:'';position:absolute;z-index:1;top:-12px;left:calc(50% - 33px);width:66px;height:23px;background:#c8bd8cbd;border:1px solid #b9aa7d60;transform:rotate(7deg);pointer-events:none}
.player-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
@media(max-width:760px){
 .player-inside{grid-template-columns:82px minmax(0,1fr);gap:8px 14px;padding:14px}
 .player-artwork-stage{grid-column:1;grid-row:1/4;margin:0;padding:10px 7px 9px;align-self:start}
 .player-photo{padding:3px 3px 8px;box-shadow:2px 2px 0 #00000030}
 .player-photo::before{top:-6px;left:calc(50% - 14px);width:28px;height:11px}
 .player h2{grid-column:2;grid-row:1;font-size:19px;align-self:end}
 .current-id{grid-column:2;grid-row:2;font-size:11px;margin:0}
 .transport{grid-column:2;grid-row:3;justify-content:space-between;gap:4px}
 .seek-row{grid-column:1/-1;grid-row:4;margin-top:6px}
 .playback-message{grid-column:1/-1;grid-row:5}
}
@media(max-width:380px){.player-inside{grid-template-columns:72px minmax(0,1fr);gap:7px 10px}.player h2{font-size:17px}.current-id{font-size:10px}}
/* Roblox-inspired blue controls and neutral surfaces, with a classic red accent. */
html[data-theme=roblox]{--paper:#f7f7f8;--ink:#202227;--line:#515a70;--pink:#ccdDff;--desk:#e2e5eb;--desk-alt:#e9ecf2;--bar:#dce6ff;--stripe:#b6c8ee;--card:#fff;--hover:#f1f5ff;--selected:#ebf1ff;--muted:#566176;--edge:#c6cedc;--shadow:#7c879e;--tape:#e0e5ed;--field:#fff;color-scheme:light}
html[data-theme=roblox] .mini-brand{color:#bd2432}
html[data-theme=roblox]:not([data-theme=current]) :is(.player .transport .main-play,.song-card .card-play){background:#335fff;color:#fff;border-color:#1446ff}
.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}
.pagination a{display:grid;place-items:center;min-width:38px;min-height:40px;padding:6px 10px;background:var(--paper);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-family:var(--mono);font-size:13px}
.pagination a:hover{background:var(--pink)}
.pagination a[aria-current=page]{background:var(--ink);color:var(--paper)}
.pagination span{padding:0 2px}
.pagination .page-jump{display:flex;align-items:center;justify-content:center;gap:6px;margin-left:8px;font:12px var(--mono);color:var(--ink)}
.page-jump label{display:flex;align-items:center;gap:6px}
.page-jump input{width:72px;min-width:0;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:0;background:var(--field,var(--paper));color:var(--ink);font:inherit}
.pagination .page-jump button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--line);background:var(--pink);color:var(--ink);font:inherit}
.pagination .page-jump button:is(:hover,:focus-visible){background:var(--ink);color:var(--paper)}
@media(max-width:760px){.pagination .page-jump{flex-basis:100%;margin-left:0;margin-top:6px}}
.library-bottom{flex-wrap:wrap;gap:16px}
.card-message{margin:0;font-size:12px;line-height:1.6;color:var(--ink);border-top:1px solid var(--line);padding-top:10px;overflow-wrap:anywhere}
.card-message[hidden],.pagination[hidden]{display:none}
@media(max-width:760px){.library-bottom{justify-content:center}.library-bottom>#result-count{width:100%;text-align:center}.pagination{gap:4px}.pagination a{min-width:32px;min-height:44px;padding:6px 8px;font-size:12px}.card-message{font-size:11px}.bottom-heart{width:100%;text-align:center}}
/* Keep each mobile card at its own height when its neighbor shows a message. */
@media(max-width:760px){html[data-layout=tiles] .song-grid{align-items:start}html[data-layout=tiles] .card-bottom{margin-top:0}}
/* The compact mobile player appears once the main player has scrolled away. */
.mini-player{display:none}
@media(max-width:760px){
 .mini-player:not([hidden]){position:fixed;z-index:30;inset:auto 0 0;display:grid;grid-template-columns:40px minmax(0,1fr) 44px 44px;gap:10px;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);border-top:2px solid var(--line);box-shadow:0 -3px 0 #00000016}
 .mini-player>img{width:40px;height:40px;object-fit:cover;border:1px solid var(--line)}
 .mini-track{min-width:0;display:flex;flex-direction:column;gap:3px}
 #mini-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mini-meta{font-family:var(--mono);font-size:10px;white-space:nowrap}
 #mini-status{font-size:10px;line-height:1.3}
 #mini-status:empty{display:none}
 .mini-player button{height:44px;border:1px solid var(--line);background:var(--paper);font-size:11px}
 .mini-player #mini-play{background:var(--pink);font-size:18px}
 .mini-player #mini-copy:hover{background:var(--ink);color:var(--paper)}
 html[data-theme=roblox] .mini-player #mini-play{background:#335fff;color:#fff;border-color:#1446ff}
 body.mini-player-visible{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
 body.mini-player-visible .toast{bottom:calc(100px + env(safe-area-inset-bottom))}
}

html[data-theme=roblox]:not([data-theme=current]) :is(.player .transport .main-play,.song-card .card-play,.mini-player #mini-play):is(:hover,:focus-visible){background:#1446ff;color:#fff}
html[data-theme=roblox] input[type=range]{accent-color:#335fff}

/* A small looping activity indicator in the mobile player. */
#mini-status.is-playing::after{content:'';display:inline-block;width:3ch;text-align:left;animation:playing-dots 2.4s steps(1,end) infinite}
@keyframes playing-dots{0%,100%{content:'...'}16.67%{content:'..'}33.33%{content:'.'}50%{content:''}66.67%{content:'..'}83.33%{content:'...'}}
@media(prefers-reduced-motion:reduce){#mini-status.is-playing::after{animation:none;content:'...'}}

@media(max-width:380px){.desktop-bar{gap:9px}.desktop-bar .mini-brand{font-size:19px}}

.song-artist{display:block;margin-top:6px;font-family:var(--sans);font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0;color:var(--muted,#6e6577)}.song-artist:empty{display:none}

/* Square, beveled browser chrome follows the selected desktop theme. */
html{scrollbar-gutter:stable}
@supports not selector(::-webkit-scrollbar){html{scrollbar-color:var(--line) var(--paper);scrollbar-width:auto}}
html::-webkit-scrollbar{width:16px;height:16px}
html::-webkit-scrollbar-track{background:repeating-conic-gradient(var(--paper) 0% 25%,var(--edge,#c4b6cd) 0% 50%) 0 0/4px 4px;border-left:1px solid var(--line)}
html::-webkit-scrollbar-thumb{min-height:48px;background:var(--bar,#e4d9ec);border:1px solid var(--line);box-shadow:inset 1px 1px 0 var(--paper),inset -1px -1px 0 var(--shadow,#665273)}
html::-webkit-scrollbar-thumb:hover{background:var(--pink)}
html::-webkit-scrollbar-thumb:active{background:var(--line);box-shadow:none}
html::-webkit-scrollbar-corner{background:var(--paper)}
@media(pointer:coarse){html{scrollbar-gutter:auto}html::-webkit-scrollbar{width:8px;height:8px}}

/* Archive filters and traceable source posts. */
.toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.toolbar .sort-label{width:100%}.toolbar .sort-label select{min-width:0;font-size:12px}
.favourites-filter{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;width:100%;padding:7px 10px;border:1px solid var(--line);background:var(--paper);font-family:var(--mono);font-size:12px;white-space:nowrap}
.favourites-filter>span:first-child{font-size:18px;line-height:1}.favourites-filter[aria-pressed=true]{background:var(--pink);color:var(--ink)}
.favourites-filter:is(:hover,:focus-visible){background:var(--pink)}#favourites-count{font-size:10px;opacity:.75}
.favourites-note{margin:0 0 13px;font-family:var(--mono);font-size:10px;color:var(--muted,var(--ink))}
.card-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:28px;margin-top:-4px;margin-bottom:-7px}
.card-added{font-family:var(--mono);font-size:9px;line-height:1.4;color:var(--muted,var(--ink))}
.card-favourite{display:grid;place-items:center;flex:none;margin-left:auto;width:30px;height:30px;padding:6px;color:var(--ink);border:1px solid transparent;border-radius:2px}
.card-favourite svg{width:18px;height:18px;fill:transparent;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.card-favourite[aria-pressed=true] svg{fill:currentColor}.card-favourite:focus-visible{background:var(--pink);border-color:var(--line)}
@media(hover:hover){.card-favourite:hover{background:var(--pink);border-color:var(--line)}}
html[data-layout=list] .card-meta,html[data-layout=compact] .card-meta{grid-column:1/-1}
@media(max-width:760px){.favourites-filter{min-height:44px;font-size:11px}.card-added{font-size:8px}.card-favourite{width:32px;height:32px}.card-meta{margin-top:-3px;margin-bottom:-5px}}
@media(max-width:760px){.toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar .favourites-filter{grid-column:1/-1}.toolbar .sort-label select{font-size:12px}}

.public-discovery{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-top:1px solid var(--line);background:var(--paper);color:var(--ink)}.public-discovery[hidden]{display:none}.public-discovery h3{margin:0 0 7px;font-size:20px;line-height:1.3}.public-discovery p{margin:0;max-width:45ch;font-size:13px;line-height:1.6;color:var(--ink)}.public-discovery a{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;min-height:44px;padding:10px 14px;border:1px solid var(--line);box-shadow:2px 2px 0 var(--line);background:var(--pink);color:var(--ink);font-family:var(--mono);font-size:12px;text-decoration:none}.public-discovery a:is(:hover,:focus-visible){background:var(--ink);color:var(--paper)}@media(max-width:760px){.public-discovery{align-items:stretch;flex-direction:column;gap:15px;padding:20px 15px}.public-discovery h3{font-size:19px}.public-discovery p{font-size:13px}.public-discovery a{align-self:flex-start}}

/* Optional analytics: same paper, ink, and compact controls as the archive. */
.analytics-consent{position:fixed;z-index:1000;bottom:max(18px,env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right));width:min(390px,calc(100vw - 36px));padding:15px 16px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:13px;line-height:1.6}
.analytics-consent[hidden],.analytics-consent div[hidden]{display:none}.analytics-consent p{margin:0 0 12px}.analytics-consent .analytics-brand{font-weight:700;letter-spacing:-.05em;white-space:nowrap}.analytics-consent div{display:flex;justify-content:flex-end;gap:10px}.analytics-consent button{padding:7px 15px;border:1px solid currentColor;background:var(--paper);color:var(--ink);font-weight:500;min-height:38px}.analytics-consent>button[data-close]{display:block;margin-left:auto}.analytics-consent button:hover{filter:brightness(.94)}.analytics-settings{padding:0;color:inherit;text-decoration:underline;text-underline-offset:3px;font:inherit}.info-page article>.analytics-settings{display:block;margin-top:20px;font-size:13px}
@media(max-width:760px){body.mini-player-visible .analytics-consent{bottom:100px}.analytics-consent{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));width:auto;bottom:max(12px,env(safe-area-inset-bottom))}}

/* Compact screenshot-led music submission guide. */
.music-guide{max-width:940px;margin:32px auto 50px;background:var(--paper);color:var(--ink)}
.music-guide article{padding:28px 36px 0}
.music-guide .titlebar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.music-guide .guide-hero{display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:20px;padding:0 0 22px;border-bottom:1px solid var(--edge,var(--line))}
.music-guide .guide-hero h1{font-size:42px;line-height:1.08;letter-spacing:-1.4px;margin:0 0 12px}
.music-guide .guide-hero p{font-size:14px;line-height:1.6;margin:0}
.guide-hero>img{width:140px;height:150px;object-fit:contain}
.guide-step{padding:24px 0;border-bottom:1px solid var(--edge,var(--line));scroll-margin-top:20px}
.guide-step-heading{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px}
.guide-number{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);background:var(--pink);font-family:var(--mono);font-size:12px}
.music-guide .guide-step h2{font-family:var(--sans);font-size:23px;line-height:1.3;letter-spacing:-.4px;font-weight:600;margin:1px 0 6px}
.music-guide .guide-step p{font-size:13px;line-height:1.7;margin:0}
.guide-step .artist-referral-cta{margin-top:13px}
.guide-register{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;padding:20px;border:1px solid var(--line);background:var(--card,var(--paper))}
.guide-register .artist-referral-cta{margin-top:0}
.guide-figure{margin:16px 0 0;border:1px solid var(--line);background:#fff;color:#202724}
.guide-figure>a{display:block;overflow:hidden;background:#f6f7f9}
.guide-figure img,.guide-closeup img{display:block;width:100%;height:auto}
.guide-annotated{position:relative;display:block}
.guide-circle{position:absolute;left:20.2%;top:34.5%;width:11.7%;height:6.4%;border:clamp(2px,.25vw,3px) solid #ed2839;border-radius:50%;transform:rotate(-7deg);pointer-events:none;box-shadow:0 0 0 1px #ffffff80}
.guide-step-last{border:0;padding-bottom:20px}
.guide-finish{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;margin:0 0 24px;border:1px solid var(--line);background:var(--card,var(--paper))}
.music-guide .guide-finish h2{font-family:var(--sans);font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.3px;margin:0}
.guide-footer{padding:18px 0 22px;border-top:1px solid var(--line);font-size:11px}
.guide-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}
.guide-footer nav a,.guide-footer .analytics-settings{display:inline-block;font-size:11px;line-height:1.6}
.guide-details{margin-top:14px;font-size:10px;color:var(--muted,var(--ink));line-height:1.7}
.guide-details summary{cursor:pointer;width:max-content}
.music-guide .guide-details p{font-size:10px;margin:10px 0 0;line-height:1.8}
.guide-closeup{display:none}
.guide-closeup:target{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:24px}
.guide-closeup-backdrop{position:absolute;inset:0;background:#000b}
.guide-closeup-content{position:relative;width:min(1000px,100%);border:1px solid var(--line);background:#fff;box-shadow:5px 5px 0 #0005}
.guide-closeup-close{position:absolute;z-index:1;right:-10px;top:-16px;width:36px;height:36px;display:grid;place-items:center;font-size:25px;background:var(--paper);color:var(--ink);border:1px solid var(--line);text-decoration:none}
@media(max-width:980px){.music-guide{margin-inline:20px}}
@media(max-width:660px){.music-guide{margin:18px 12px 30px}.music-guide article{padding:20px 16px 0}.music-guide .guide-hero{grid-template-columns:minmax(0,1fr) 68px;gap:8px;padding-bottom:18px}.music-guide .guide-hero h1{font-size:30px;letter-spacing:-.8px}.music-guide .guide-hero p{font-size:12px}.guide-hero>img{width:68px;height:100px}.guide-step{padding:20px 0}.guide-step-heading{grid-template-columns:28px minmax(0,1fr);gap:10px}.guide-number{width:28px;height:28px;font-size:10px}.music-guide .guide-step h2{font-size:20px}.music-guide .guide-step p{font-size:12px}.guide-figure{margin-top:14px}.guide-finish{padding:16px;flex-wrap:wrap;margin-bottom:20px}.music-guide .guide-finish h2{font-size:21px}.music-guide .artist-referral-cta{font-size:12px;gap:20px}.guide-footer nav{gap:12px 18px}.guide-closeup:target{padding:16px}}

/* Mark the two actions after a song reaches Roblox. */
.guide-copy-circle{left:76%;top:85%;width:17.5%;height:4.7%;transform:rotate(-4deg)}
.guide-radio-id-circle{left:37%;top:33.3%;width:25%;height:10.5%;transform:rotate(-3deg)}
.guide-radio-play-circle{left:40.2%;top:45.4%;width:20.4%;height:9.7%;transform:rotate(3deg)}
.guide-example-label{position:absolute;top:10px;left:10px;padding:5px 8px;border:1px solid #202724;background:#ffffffe8;color:#202724;font-size:10px;line-height:1.3}
@media(max-width:660px){.guide-register{grid-template-columns:28px minmax(0,1fr);padding:16px}.guide-register .artist-referral-cta{grid-column:1/-1;justify-content:space-between;margin-top:4px}}
@media(max-width:660px){.guide-step-heading>div{min-width:0}.music-guide .guide-step h2{font-size:16px;letter-spacing:-.4px;white-space:nowrap}}

/* A mobile music-player layout using the existing retro window and theme. */
.mobile-player-only,.mobile-player-icon{display:none}
@media(max-width:760px){
 .player .player-inside{display:grid;grid-template-columns:minmax(0,1fr) 40px;grid-template-rows:auto auto auto auto auto auto auto;gap:4px 10px;padding:14px 20px 16px}
 .player .player-artwork-stage{grid-column:1/-1;grid-row:1;margin:0 0 12px;padding:16px 25px 20px;width:100%;align-self:auto}
 .player .player-photo{width:min(100%,230px);max-width:100%;margin:0;padding:7px 7px 17px;border:1px solid #a6a296;border-radius:0;background:#fffaf0;box-shadow:3px 4px 0 #00000030;transform:rotate(-3deg);overflow:visible}
 .player .player-photo::before{display:block;top:-10px;left:calc(50% - 28px);width:56px;height:20px}
 .player .player-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:0}
 .player #current-title{grid-column:1;grid-row:2;align-self:center;min-width:0;margin:0;font-size:23px;font-weight:600;line-height:1.2;letter-spacing:-.5px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 .player .mobile-player-artist{display:block;grid-column:1;grid-row:3;margin:0;font-size:12px;line-height:1.5;color:var(--muted,#6e6577)}
 .player .mobile-player-favourite{display:grid;place-items:center;grid-column:2;grid-row:2/4;align-self:center;width:40px;height:40px;padding:10px;color:var(--ink);border:1px solid var(--line);border-radius:0;background:var(--paper);box-shadow:2px 2px 0 var(--shadow,var(--line))}
 .mobile-player-favourite svg{width:20px;height:20px;fill:transparent;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
 .mobile-player-favourite[aria-pressed=true]{background:var(--pink)}
 .mobile-player-favourite[aria-pressed=true] svg{fill:currentColor}
 .player .seek-row{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;grid-row:4;align-items:center;gap:0 12px;margin:12px 0 9px;color:var(--muted,#6e6577);font-family:var(--mono);font-size:9px;font-variant-numeric:tabular-nums}
 .player #seek{grid-column:1/-1;grid-row:1;appearance:none;-webkit-appearance:none;width:100%;height:24px;margin:0;background:transparent;cursor:pointer;accent-color:var(--ink)}
 .player #seek:disabled{cursor:default;opacity:.6}
 .player #seek::-webkit-slider-runnable-track{height:4px;border:1px solid var(--line);border-radius:0;background:linear-gradient(to right,var(--ink) var(--seek-progress,0%),var(--paper) var(--seek-progress,0%))}
 .player #seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:16px;margin-top:-7px;border:1px solid var(--line);border-radius:0;background:var(--pink);box-shadow:1px 1px 0 var(--shadow,var(--line))}
 .player #seek::-moz-range-track{height:3px;border:1px solid var(--line);border-radius:0;background:var(--paper)}
 .player #seek::-moz-range-progress{height:3px;border-radius:0;background:var(--ink)}
 .player #seek::-moz-range-thumb{width:10px;height:14px;border:1px solid var(--line);border-radius:0;background:var(--pink)}
 .player #elapsed{grid-column:1;grid-row:2;white-space:nowrap}
 .player #duration{grid-column:2;grid-row:2;text-align:right;white-space:nowrap}
 .player .transport{display:grid;grid-template-columns:44px 1fr 62px 1fr 44px;grid-column:1/-1;grid-row:5;align-items:center;justify-items:center;gap:4px;margin:0 0 8px}
 .player .transport button{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none}
 .player .transport .desktop-player-icon{display:none}
 .player .transport .mobile-player-icon{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}
 .mobile-player-icon .solid-icon{fill:currentColor;stroke:none}
 .player #shuffle .mobile-player-icon,.player #repeat .mobile-player-icon{width:18px;height:18px}
 .player #play{width:62px;height:56px;padding:16px;border:1px solid var(--line);border-radius:0;background:var(--pink);color:var(--ink);box-shadow:3px 3px 0 var(--shadow,var(--line));transform:none}
 .player #play .mobile-player-icon{width:27px;height:27px;stroke-width:3.2}
 .player #play:active{box-shadow:1px 1px 0 var(--shadow,var(--line));transform:translate(1px,1px)}
 .mobile-pause-glyph{display:none}
 .player.is-playing .mobile-play-glyph{display:none}
 .player.is-playing .mobile-pause-glyph{display:block}
 .player #repeat[aria-pressed=true]{background:var(--pink);border:1px solid var(--line)}
 .player .current-id{display:flex;grid-column:1/-1;grid-row:6;align-items:center;justify-content:center;gap:7px;margin:0;font-family:var(--mono);font-size:10px;color:var(--muted,#6e6577);white-space:nowrap}
 .player #player-copy{display:grid;place-items:center;width:36px;height:36px;min-width:36px;margin:0;padding:7px;font-size:19px;color:var(--ink)}
 .player .player-label,.player .volume-row{display:none}
 .player .playback-message{grid-column:1/-1;grid-row:7;min-height:0;margin:4px 0 0;padding:9px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font-size:11px;line-height:1.5}
}
@media(max-width:360px){.player .player-inside{padding:12px 16px 14px}.player .player-artwork-stage{padding-left:17px;padding-right:17px}.player #current-title{font-size:21px}.player .transport{grid-template-columns:40px 1fr 58px 1fr 40px;gap:0}.player #play{width:58px;height:54px}}

/* Keep the user-selected Stereo Love character crop consistent across all players and cards. */
img[src*="/reviewed-stereo-love-roblox-"]{object-position:50% 38%}

/* Mobile cards offer playback with or without returning to the player. */
.card-play-top,.card-id-copy-icon{display:none}
.card-id-value{font:inherit}
@media(max-width:760px){
 html[data-layout] .song-card .card-id{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;column-gap:5px;min-height:44px;width:100%;padding:0;text-align:left}
 html[data-layout] .card-id>span{grid-column:1;display:block;font-size:8px;letter-spacing:.5px}
 .card-id-value{grid-column:1;white-space:nowrap}
 .card-id-copy-icon{display:block;grid-column:2;grid-row:1/3;width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linejoin:miter}
 html[data-layout] .song-card .card-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:7px}
 html[data-layout] .song-card .card-actions>.copy{display:none}
 html[data-layout] .song-card .card-play-top{order:2;display:flex;align-items:center;justify-content:center;width:100%;height:44px;padding:8px 4px;border:1px solid var(--line);border-radius:2px;background:var(--pink);color:var(--ink);font-family:var(--sans);font-size:12px;font-weight:600;white-space:nowrap}
 html[data-layout] .song-card .card-play{width:100%;min-width:0}
 .card-play-top:is(:hover,:focus-visible){filter:brightness(.96)}
}
@media(max-width:360px){html[data-layout=tiles] .card-id{font-size:9px;letter-spacing:-.4px}}

/* Discovery pages extend the existing desktop windows and theme variables. */
.song-title>a{display:block;color:inherit;text-decoration:none;line-height:inherit;font-size:inherit;font-weight:inherit;overflow-wrap:anywhere}
.archive-heading{padding:18px 0 10px}.archive-heading h1,.expansion-page h1{font-size:clamp(21px,3.2vw,30px);font-weight:700;line-height:1.2;letter-spacing:-.8px;margin:0 0 7px}.archive-heading p,.page-heading p{margin:0;line-height:1.6;max-width:76ch;color:var(--muted,var(--ink));font-size:13px}
.affiliate-note{font-size:10px;margin:8px 0 0;color:var(--muted,var(--ink))}.discovery-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}.discovery-chips a{font-family:var(--mono);font-size:11px;text-decoration:none;background:var(--paper);border:1px solid var(--line);padding:7px 10px;min-height:32px;display:inline-flex;align-items:center}.discovery-chips a:hover{background:var(--pink)}
.compact-content{padding:18px 20px;font-size:14px;line-height:1.6}.compact-content h2,.section-label{font-size:18px;line-height:1.3;letter-spacing:-.3px;margin:0 0 10px}.compact-content p{margin:8px 0 14px}.compact-content details{border-top:1px solid var(--edge,var(--line));padding:11px 0}.compact-content summary{cursor:pointer;font-weight:600;min-height:26px}.compact-content details p{margin-bottom:0}.seo-information,.seo-questions,.tester-promotion{margin-top:22px}.tester-promotion .compact-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.tester-promotion p{margin:0}.tester-promotion h2{margin:0 0 5px}
.retro-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;border:1px solid var(--line);box-shadow:2px 2px 0 var(--shadow,var(--line));background:var(--pink);color:var(--ink);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}.retro-button:active{box-shadow:none;transform:translate(1px,1px)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 12px;font-family:var(--mono);font-size:11px;line-height:1.5}.page-heading{margin-bottom:16px}.song-information{margin-bottom:18px}.song-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 18px;margin:0}.song-facts dt{color:var(--muted,var(--ink));font-size:12px}.song-facts dd{margin:0;overflow-wrap:anywhere}.song-information .discovery-chips{margin:0}.small-promotion{padding:14px 0;line-height:1.6;font-size:13px}.small-promotion small{display:block;font-size:10px;color:var(--muted,var(--ink))}
.compact-songs .song-grid{grid-template-columns:minmax(0,1fr);gap:10px}.compact-songs .song-card{padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.compact-songs .card-meta{display:none}.compact-songs .card-main{min-height:48px;gap:12px}.compact-songs .song-artwork{width:48px;height:48px;flex-shrink:0}.compact-songs .song-title{font-size:14px}.compact-songs .card-bottom{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.compact-songs .card-id>span{display:none}.compact-songs .card-id{font-size:11px}.compact-songs .card-play,.compact-songs .copy{min-width:60px}.compact-songs .card-play-top{display:none!important}.compact-songs .card-message{grid-column:1/-1}.related-list .library-top[hidden]{display:none}
.category-directory{list-style:none;margin:12px 0 0;padding:0}.category-directory li{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--edge,var(--line));padding:12px 0}.category-directory span{font-family:var(--mono);font-size:11px}.tool-window{max-width:820px;margin:auto}.tool-window label{display:grid;gap:5px;font-size:13px;margin:10px 0}.tool-window input,.tool-window textarea,.tool-window select{width:100%;min-width:0;padding:10px;border:1px solid var(--line);background:var(--field,var(--paper));color:var(--ink);font:inherit;font-size:14px;border-radius:0;min-height:44px}.tester-input{display:flex;gap:10px}.tester-input input{flex:1}.tool-window .honeypot{display:none}#test-result{border:1px solid var(--line);padding:14px;margin:16px 0;background:var(--hover,var(--paper))}#test-result a{display:block;margin:8px 0}.tool-help{margin-top:18px}#tool-status{min-height:24px;overflow-wrap:anywhere}.admin-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.admin-toolbar label{flex:1}.submission-review{border-top:1px solid var(--line);padding:18px 0}.submission-review h2{overflow-wrap:anywhere}.submission-review form>div{display:flex;gap:12px;margin-top:16px}.submission-review input[type=checkbox]{width:22px;min-height:22px;margin:0}.submission-review label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.expansion-page{padding-top:0}
@media(max-width:1000px){.compact-songs .song-card{grid-template-columns:minmax(0,1fr)}.compact-songs .card-bottom{justify-content:space-between}.desktop-note{display:none}}
@media(max-width:760px){.archive-heading{padding-top:14px}.archive-heading h1,.expansion-page h1{font-size:23px;letter-spacing:-.6px}.discovery-chips{gap:6px;margin-bottom:14px}.discovery-chips a{font-size:10px;min-height:36px;padding:7px 9px}.compact-content{padding:16px}.tester-promotion .compact-content{align-items:start;flex-direction:column;gap:10px}.song-workspace{gap:18px}.compact-songs .song-card{grid-template-columns:minmax(0,1fr)}.compact-songs .card-main{display:flex}.compact-songs .song-artwork{width:48px;height:48px}.compact-songs .card-bottom{display:flex;align-items:center;justify-content:space-between}.compact-songs .card-id{min-height:44px}.compact-songs .card-id-copy-icon{display:inline-block}.compact-songs .card-actions>.copy{display:none}.song-facts{gap:7px 12px}.tester-input{gap:8px}.tool-window{margin-top:0}.desktop-bar nav a{white-space:nowrap}.compact-songs .card-play{min-width:72px;min-height:44px}}
@media(max-width:380px){.desktop-bar nav a:not(:first-child){display:inline}.desktop-bar nav{gap:8px}.desktop-bar{padding:0 12px;gap:10px}.theme-picker select{min-width:84px;max-width:96px}.mini-brand{font-size:18px}}
.archive-heading,.page-heading{background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:2px 2px 0 var(--shadow,var(--line));padding:13px 16px;margin:12px 0}.affiliate-note{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:3px 7px;width:fit-content;max-width:100%;line-height:1.5}.breadcrumbs{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:7px 10px;margin-top:16px;width:fit-content;max-width:100%}.section-label{background:var(--paper);padding:8px 12px;border:1px solid var(--line);font-size:15px;margin-bottom:8px}
@media(max-width:480px){.desktop-bar{padding:0 12px;gap:12px}.desktop-bar .mini-brand{font-size:18px}.desktop-bar nav{gap:10px;font-size:10px}.desktop-bar nav a:not(:first-child){display:inline}.theme-picker select{min-width:84px;max-width:96px}.desktop-bar .theme-picker{margin-left:auto}}

/* Song navigation shares the existing top bar instead of adding page-heading boxes. */
.mini-brand,.footer-brand{font-family:var(--sans);font-weight:700}
.footer-brand span{font-weight:400}
.desktop-bar:has(nav[aria-label="Main navigation"]){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;height:50px}
.desktop-bar>nav[aria-label="Main navigation"]{grid-column:1;grid-row:1;justify-self:start}
.desktop-bar>.mini-brand{grid-column:2;grid-row:1;justify-self:center}
.desktop-bar>.theme-picker{grid-column:3;grid-row:1;justify-self:end;margin-left:0}
.desktop-bar nav[aria-label="Main navigation"] a{display:inline-flex;align-items:center;min-height:36px;white-space:nowrap}
.mobile-menu-toggle{display:none}
@media(max-width:660px){
 .desktop-bar:has(nav[aria-label="Main navigation"]){height:auto;gap:2px 14px;padding:8px 14px 0}
 .desktop-bar nav[aria-label="Main navigation"]{grid-column:1/-1;grid-row:2;gap:22px;font-size:12px}
 .desktop-bar nav[aria-label="Main navigation"] a{min-height:40px}
}
@media(max-width:760px){
 html[data-navigation=interactive] .desktop-bar:has(nav[aria-label="Main navigation"]){position:relative;grid-template-columns:minmax(0,1fr) auto;height:50px;padding:0 14px;gap:14px;z-index:21}
 html[data-navigation=interactive] .desktop-bar>.mini-brand{grid-column:1;grid-row:1;justify-self:start}
 html[data-navigation=interactive] .desktop-bar>.theme-picker{display:none}
 html[data-navigation=interactive] .mobile-menu-toggle{display:grid;place-items:center;grid-column:2;grid-row:1;justify-self:end;width:44px;height:40px;padding:9px;border:1px solid var(--line);border-radius:0;background:var(--paper);box-shadow:2px 2px 0 var(--shadow,var(--line))}
 .mobile-menu-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square}
 .mobile-menu-toggle .menu-close-glyph{display:none}
 .mobile-menu-toggle[aria-expanded=true] .menu-open-glyph{display:none}
 .mobile-menu-toggle[aria-expanded=true] .menu-close-glyph{display:block}
 html[data-navigation=interactive] .desktop-bar>nav[aria-label="Main navigation"]{display:none;position:absolute;top:100%;left:14px;right:14px;grid-column:auto;grid-row:auto;justify-self:stretch;flex-direction:column;gap:0;margin:0;padding:6px;background:var(--paper);border:1px solid var(--line);box-shadow:3px 3px 0 var(--shadow,var(--line));font-size:13px}
 html[data-navigation=interactive] .mobile-menu-toggle[aria-expanded=true]~nav[aria-label="Main navigation"]{display:flex}
 html[data-navigation=interactive] .desktop-bar nav[aria-label="Main navigation"] a{display:flex;min-height:44px;padding:0 12px}
 html[data-navigation=interactive] .desktop-bar nav[aria-label="Main navigation"] a:hover{background:transparent;color:var(--nav-link-hover,#116256)}
 html[data-navigation=interactive] .desktop-bar nav .theme-picker{display:flex;justify-content:space-between;gap:16px;margin:6px 0 0;padding:10px 12px;border-top:1px solid var(--edge,var(--line));font-size:12px}
 html[data-navigation=interactive] .desktop-bar nav .theme-picker>span{display:inline}
 html[data-navigation=interactive] .desktop-bar nav .theme-picker select{width:150px;min-width:0;max-width:100%;min-height:40px;font-size:12px;padding:8px 28px 8px 10px}
 html[data-navigation=interactive] .desktop-bar nav .theme-picker::after{right:24px}
}
.song-nav{position:sticky;top:0;z-index:20;background:var(--bar,var(--paper));color:var(--ink)}
.song-nav>.desktop-bar{position:static}
.song-nav .song-breadcrumbs{width:100%;max-width:none;margin:0;padding:6px 30px;background:var(--bar,var(--paper));color:var(--ink);border:0;border-bottom:1px solid var(--line);box-shadow:none;gap:8px;line-height:1.5;font-size:11px}
.song-breadcrumbs [aria-current=page]{min-width:0;overflow-wrap:anywhere}
.song-page .song-workspace{margin-top:20px}
.song-information .song-heading{font-size:20px;line-height:1.3;letter-spacing:-.5px;margin:0 0 14px;overflow-wrap:anywhere}
.related-library-button{gap:14px}
.related-library-button>span{font-size:18px;font-weight:400;line-height:1}
.related-library-button:hover{filter:brightness(.97)}
.related-library-action{display:flex;justify-content:center;margin-top:18px;padding-bottom:2px}
@media(max-width:760px){.song-nav .song-breadcrumbs{padding:6px 14px;font-size:10px}.song-page .song-workspace{margin-top:16px}.song-information .song-heading{font-size:18px}}
.song-nav .song-breadcrumbs{flex-wrap:nowrap}
.song-breadcrumbs [aria-current=page]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.song-breadcrumbs>a,.song-breadcrumbs>[aria-hidden]{flex-shrink:0}

/* A compact introduction using the archive's existing window chrome. */
.archive-heading.window{padding:0;margin:16px 0 20px}
.archive-heading .compact-content{padding:16px 20px}
.archive-heading.window h1{font-size:clamp(22px,2.3vw,28px);line-height:1.2;letter-spacing:-.7px;margin:0 0 8px}
.archive-heading.window p{max-width:88ch;margin:0;font-size:13px;line-height:1.6}
@media(max-width:760px){.archive-heading.window{margin:14px 0 16px}.archive-heading .compact-content{padding:14px 16px}.archive-heading.window h1{font-size:22px;letter-spacing:-.5px}}

/* The homepage is a full-width library; playback lives on song pages. */
.home-page .archive-heading.window{margin:20px 0}
.home-page>.workspace{display:block;padding-top:0}
.home-page .song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-page .card-play{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
@media(min-width:761px){.home-page .song-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-page .song-title{font-size:20px}.home-page .card-bottom{grid-template-columns:minmax(0,1fr);gap:12px}.home-page .card-actions{justify-content:flex-end}}
@media(min-width:761px) and (max-width:1100px){.home-page .song-card{padding:14px}.home-page .card-main{gap:10px}.home-page .song-card .song-artwork{width:64px;height:64px}.home-page .song-title{font-size:17px}.home-page .card-id{font-size:12px}.home-page .card-actions{gap:6px}.home-page .song-card .card-play,.home-page .song-card .copy{min-width:0;min-height:40px;padding:8px 12px}}

/* The ID tester uses the same cutout characters and little-player window. */
.tester-page{padding-top:20px}
.submission-page{padding-top:20px}
.submission-hint{font-size:12px;color:var(--muted,var(--ink));line-height:1.6}
.submission-feedback{border:1px solid var(--line);background:var(--hover,var(--paper));padding:14px 16px;margin-top:18px;line-height:1.6;overflow-wrap:anywhere}
.submission-feedback p{margin:8px 0 0}.submission-feedback a{display:block;margin-top:8px}
.tester-intro{display:grid;grid-template-columns:106px minmax(0,1fr);align-items:center;gap:20px;margin:0 0 16px;min-height:142px}
.tester-intro>img{width:106px;height:138px;object-fit:contain}
.tester-intro h1{margin:0 0 10px}
.tester-intro p{margin:0;max-width:46ch}
.tester-results{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:22px;align-items:start;margin-top:22px}
.tester-results[hidden],.tester-feedback[hidden]{display:none}
.tester-player{min-width:0}.tester-result-info{min-width:0}
.tester-player :is(#shuffle,#previous,#next,#player-favourite){display:none!important}
.tester-player .transport{display:flex;justify-content:center}
.tester-player #player-copy{min-width:44px;min-height:44px;padding:8px}
.tester-player .volume-row input{min-height:24px;padding:0}
.tester-player .seek-row input{padding:0;min-height:24px}
.tester-player input[type=range]{border:0;background:transparent;box-shadow:none;border-radius:0}
.tester-player .current-id{flex-wrap:wrap;gap:6px;overflow-wrap:anywhere}
.tester-player #current-id{white-space:nowrap}
.tester-player .player-artwork-stage{padding:18px 22px}
.tester-player .player-label{line-height:1.5;gap:8px}
.tester-result-info #test-result{border:0;padding:0;margin:0 0 18px;background:none}
.tester-result-info #test-result h2{font-size:16px}
.tester-feedback{display:flex;align-items:center;gap:18px;padding:14px 16px;margin-top:20px;border:1px solid var(--line);background:var(--hover,var(--paper))}
.tester-feedback>img{width:84px;height:108px;object-fit:contain;flex-shrink:0}
.tester-feedback h2{margin:0 0 6px;font-size:18px}
.tester-feedback p{margin:0 0 10px}
.tester-feedback .retro-button{font-size:12px;padding:7px 12px;min-height:38px}
@media(max-width:760px){.tester-intro{grid-template-columns:78px minmax(0,1fr);gap:14px;min-height:132px}.tester-intro>img{width:78px;height:116px}.tester-intro h1{font-size:22px}.tester-intro p{font-size:13px}.tester-results{grid-template-columns:minmax(0,1fr);gap:20px}.tester-feedback{gap:12px;padding:12px}.tester-feedback>img{width:66px;height:94px}.tester-feedback h2{font-size:16px}.tester-feedback p{font-size:13px}.tester-player .player .transport{display:flex;justify-content:center}.tester-player .player .volume-row{display:flex;grid-column:1/-1;grid-row:7}.tester-player .player .mobile-player-artist[hidden]{display:none}.tester-player .player .current-id{grid-column:1/-1}.tester-player .player #current-title{grid-column:1/-1}}

/* Keep the tester compact, including its empty status and collapsed help. */
.tester-window>.compact-content{padding:16px 20px}
.tester-window .tester-intro{grid-template-columns:84px minmax(0,1fr);gap:18px;min-height:108px;margin-bottom:12px}
.tester-window .tester-intro>img{width:84px;height:108px}
.tester-window .tester-intro p{max-width:none}
.tester-window #tester-form label{margin:0 0 8px}
.tester-window .tool-help{margin-top:14px;padding:10px 0 0}
.tester-window #tool-status{min-height:0;margin:12px 0 0}
.tester-window #tool-status:empty{display:none}
html[data-theme] .tester-page>.site-footer{margin-top:20px}
@media(min-width:761px){
 .tester-page{padding-top:16px}
 html[data-theme] .tester-page>.site-footer{margin-top:20px;margin-bottom:16px;padding:20px 24px;gap:16px}
}
@media(max-width:760px){.tester-window>.compact-content{padding:14px 16px}.tester-window .tester-intro{grid-template-columns:68px minmax(0,1fr);gap:12px;min-height:100px}.tester-window .tester-intro>img{width:68px;height:100px}}

/* Tester results show a usable player; failures stay in the compact message. */
.tester-workspace{min-width:0}
.tester-results{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:18px}
.tester-result-info #test-result{margin:0}
.tester-result-info #test-result h2{margin:0;font-size:15px}
.tester-result-info #test-result a{font-size:12px;margin:4px 0 0}
@media(min-width:761px){
 .tester-page{display:flex;flex-direction:column;width:100%;padding-top:0}
 .tester-workspace{width:100%;max-width:1040px;margin:0 auto;padding:18px 0 0;flex-shrink:0}
 .tester-workspace>.tester-window{max-width:none;width:100%;margin:0}
 html[data-theme] .tester-page>.site-footer{width:100%;max-width:1040px;flex-shrink:0;margin:20px auto 16px;padding:18px 20px}

}
 .tester-examples{display:block;margin-top:18px;padding-top:16px;border-top:1px solid var(--edge,var(--line))}
 .tester-examples-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
 .tester-examples-heading h2{font-size:16px;margin:0 0 4px}
 .tester-examples-heading p{font-size:12px;margin:0}
 .tester-examples ul{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;list-style:none;padding:0;margin:0}
 .tester-examples li{min-width:0}
 .tester-example{display:flex;align-items:center;gap:10px;text-align:left;width:100%;height:100%;min-height:56px;padding:8px 10px;border:1px solid var(--line);background:var(--card,var(--paper));box-shadow:2px 2px 0 var(--edge,var(--line))}
 .tester-example img{width:40px;height:40px;object-fit:cover;border:1px solid var(--line);flex-shrink:0}
 .tester-example>span{min-width:0}
 .tester-example strong{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
 .tester-example small{display:block;font-family:var(--mono);font-size:10px;margin-top:4px}
 .tester-example .tester-example-try{margin-left:auto;flex-shrink:0;min-width:54px;min-height:40px;padding:8px 12px;font-size:12px}
 .tester-browse{font-size:12px;white-space:nowrap}
@media(min-width:761px) and (max-width:1000px){.tester-example{gap:8px;padding:10px}.tester-example img{width:40px;height:40px}.tester-example strong{font-size:12px}.tester-example small{font-size:9px}}
@media(min-width:761px){
 .tester-player .player-inside{display:grid;grid-template-columns:124px minmax(0,1fr) 56px;gap:8px 18px;padding:16px}
 .tester-player .player-artwork-stage{grid-column:1;grid-row:1/6;margin:0;padding:10px 5px;align-self:center}
 .tester-player .player-photo{padding:5px 5px 12px}
 .tester-player .player-photo::before{width:40px;height:16px;left:calc(50% - 20px);top:-8px}
 .tester-player .player-label{grid-column:2/-1;grid-row:1;display:flex;margin:0;font-size:9px}
 .tester-player #current-title{grid-column:2;grid-row:2;margin:0;font-size:21px;align-self:center}
 .tester-player .current-id{grid-column:2;grid-row:3;font-size:11px;margin:0;justify-content:flex-start}
 .tester-player .current-id button{margin-left:0}
 .tester-player .transport{grid-column:3;grid-row:2/4;display:flex;margin:0;align-self:center}
 .tester-player #play{width:52px;height:48px}
 .tester-player .seek-row{grid-column:2/-1;grid-row:4;margin:0;min-width:0}
 .tester-player .seek-row input{min-width:0}
 .tester-player .seek-row span{white-space:nowrap}
 .tester-player .volume-row{display:flex;grid-column:2/-1;grid-row:5;font-size:9px;min-width:0}
 .tester-player .volume-row>span{white-space:nowrap;flex-shrink:0}
 .tester-player .volume-row input{min-width:0}
}

/* Reserve one desktop result panel so checks do not move the page. */
.tester-controls{min-width:0}
.tester-preview-slot{display:contents}
.tester-idle{display:none}
@media(min-width:761px){
 .tester-test-area{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,35%);gap:24px;align-items:stretch}
 .tester-preview-slot{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-self:stretch;min-height:0;min-width:0}
 .tester-preview-slot>*{position:absolute;inset:0;grid-area:1/1;min-width:0}
 .tester-idle{display:flex;flex-direction:column;height:100%;margin:0}
 .tester-idle>.titlebar{flex-shrink:0}
 .tester-idle-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:24px;text-align:center}
 .tester-idle-icon{display:grid;place-items:center;width:72px;height:72px;font-size:40px;border:1px solid var(--edge,var(--line));background:var(--field,var(--paper));color:var(--muted,var(--ink));box-shadow:3px 3px 0 var(--edge,var(--line));margin-bottom:20px}
 .tester-idle-content h2{font-size:18px;margin:0 0 8px}
 .tester-idle-content p{font-size:13px;margin:0;max-width:24ch}
 .tester-preview-slot .tester-feedback{height:100%;margin:0;flex-direction:column;justify-content:center;text-align:center;padding:18px;gap:12px}
 .tester-preview-slot .tester-feedback>img{width:70px;height:94px}
 .tester-preview-slot .tester-feedback h2{font-size:18px}
 .tester-preview-slot .tester-feedback p{font-size:13px}
 .tester-preview-slot .tester-results{height:100%;margin:0;grid-template-rows:minmax(0,1fr);align-items:stretch;gap:0}
 .tester-preview-slot .tester-player{grid-row:1;min-height:0}
 .tester-preview-slot .tester-result-info{grid-row:2}
 .tester-preview-slot #test-result h2{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .tester-preview-slot #test-result a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:12px}
 .tester-preview-slot .player{display:flex;flex-direction:column;height:100%}
 .tester-preview-slot .player>.titlebar{flex-shrink:0;font-size:10px}
 .tester-preview-slot .player-inside{flex:1;min-height:0;grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto 84px auto auto auto;gap:6px 12px;padding:12px}
 .tester-preview-slot .player-label{grid-column:1/-1;grid-row:1;font-size:9px}
 .tester-preview-slot .player-artwork-stage{grid-column:1;grid-row:2;width:84px;height:84px;padding:0;margin:0;align-self:center}
 .tester-preview-slot .player-photo{width:74px;padding:4px 4px 10px}
 .tester-preview-slot .player-photo::before{width:30px;height:13px;left:calc(50% - 15px);top:-7px}
 .tester-preview-slot #current-title{grid-column:2;grid-row:2;font-size:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;align-self:center}
 .tester-preview-slot .current-id{grid-column:1/-1;grid-row:3;justify-content:center;flex-wrap:nowrap;font-size:10px}
 .tester-preview-slot .seek-row{grid-column:1/-1;grid-row:4;font-size:9px}
 .tester-preview-slot .transport{grid-column:1/-1;grid-row:5;justify-content:center}
 .tester-preview-slot .volume-row{grid-column:2;grid-row:5}
}

/* Playback speed stays visible below the transport, in both players. */
.player-speed{min-width:0;width:100%;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--edge,var(--line));font-family:var(--mono);font-size:11px}
.speed-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.speed-heading>span{font:12px var(--sans)}
.player-speed output{font-weight:600;min-width:4ch;text-align:right}
.speed-actions{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px;margin-top:10px}
.speed-actions button{display:grid;place-items:center;min-width:0;min-height:38px;padding:8px 10px;border:1px solid var(--line);background:var(--field,var(--paper));box-shadow:2px 2px 0 var(--shadow,var(--line));font-family:var(--sans);font-size:12px;font-weight:600}
.speed-actions #speed-reset{background:var(--pink)}
.player #player-copy{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:74px;min-height:36px;padding:7px 10px;margin-left:auto;border:1px solid var(--line);background:var(--pink);box-shadow:2px 2px 0 var(--shadow,var(--line));font-family:var(--sans);font-size:11px;font-weight:600;color:var(--ink);white-space:nowrap}
.tester-preview-slot #player-copy{margin-left:6px}
@media(max-width:760px){.speed-actions button{min-height:44px}.player #player-copy{min-height:40px;margin-left:8px}}
.speed-actions button:active{box-shadow:none;transform:translate(1px,1px)}
@media(min-width:761px){.tester-preview-slot .player-speed{grid-column:1/-1;grid-row:6;align-self:end;margin:0}}
@media(max-width:760px){
 .player .player-speed{grid-column:1/-1;grid-row:7;margin:10px 0 0}
 .player .playback-message{grid-row:8}
 .tester-player .player .volume-row{grid-row:8}
 .tester-player .player .playback-message{grid-row:9}
}

/* Match the rounded volume slider, with a visible thumb before playback. */
.player #seek{appearance:none;-webkit-appearance:none;height:24px;min-height:24px;padding:0;border:0;background:transparent;opacity:1}
.player #seek:disabled{opacity:1;cursor:default}
.player #seek::-webkit-slider-runnable-track{height:8px;border:1px solid #969d98;border-radius:999px;background:linear-gradient(to right,#17211d var(--seek-progress,0%),#c3c6c3 var(--seek-progress,0%))}
.player #seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;border:0;border-radius:50%;background:#17211d;box-shadow:none}
.player #seek::-moz-range-track{height:6px;border:1px solid #969d98;border-radius:999px;background:#c3c6c3}
.player #seek::-moz-range-progress{height:6px;border:0;border-radius:999px;background:#17211d}
.player #seek::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#17211d}

/* Keep the ID with the song details, above the timeline. */
.player .current-id{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:normal;gap:12px;margin:12px 0 0;padding:8px 10px;border:1px solid var(--edge,var(--line));background:var(--field,var(--paper));white-space:normal}
.player-id-value{display:grid;gap:4px;min-width:0;text-align:left}
.player-id-label{font-family:var(--mono);font-size:9px;line-height:1.2;letter-spacing:.6px;text-transform:uppercase;color:var(--muted,var(--ink))}
.player-id-value #current-id{font-family:var(--mono);font-size:12px;line-height:1.3;color:var(--ink);white-space:nowrap}
.player .current-id #player-copy{margin:0;min-width:70px;min-height:36px}
@media(min-width:761px){.tester-preview-slot .current-id{margin:0}}
@media(max-width:760px){
 .player .current-id{grid-row:4;margin:10px 0 0}
 .player .seek-row{grid-row:5;margin-top:8px}
 .player .transport{grid-row:6}
}

/* The first transport icon opens volume controls only when requested. */
.volume-control{position:relative;min-width:0}
.tester-player .transport{position:relative}
.tester-player .volume-control{position:absolute;left:0}
.player .transport #volume-toggle{display:grid;place-items:center;width:38px;height:40px;padding:9px;color:var(--ink);background:transparent;border:0;box-shadow:none}
#volume-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.volume-muted-line,.volume-control.is-muted .volume-waves{display:none}
.volume-control.is-muted .volume-muted-line{display:block}
.volume-panel{position:absolute;left:0;bottom:calc(100% + 8px);z-index:5;width:200px;max-width:calc(100vw - 64px);padding:12px;border:1px solid var(--line);background:var(--paper);box-shadow:3px 3px 0 var(--shadow,var(--line))}
.volume-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}
.player .volume-heading label{display:block;margin:0;font-size:12px}
.volume-heading output{font-family:var(--mono);font-size:10px}
.player .volume-panel #volume{display:block;width:100%;height:24px;min-height:24px;margin:8px 0;padding:0;border:0;background:transparent;accent-color:#17211d}
.player .transport #volume-mute{display:flex;align-items:center;justify-content:center;width:100%;min-height:34px;height:auto;padding:7px 10px;border:1px solid var(--line);background:var(--field,var(--paper));box-shadow:2px 2px 0 var(--shadow,var(--line));font:12px var(--sans)}
@media(max-width:760px){.player .transport #volume-toggle{width:44px;height:44px}.player .transport #volume-mute{min-height:40px}}

/* An external ID uses its Roblox name without substitute artwork. */
@media(min-width:761px){
 .tester-preview-slot .player.has-no-artwork{height:auto}
 .tester-preview-slot .player.has-no-artwork .player-inside{flex:initial;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(6,auto);align-content:start;row-gap:12px}
 .tester-preview-slot .player.has-no-artwork #current-title{grid-column:1/-1;grid-row:2;margin:0;font-size:23px;line-height:1.3;-webkit-line-clamp:5}
}
@media(max-width:760px){
 .tester-player .player.has-no-artwork .player-inside{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(5,auto)}
 .tester-player .player.has-no-artwork #current-title{grid-column:1;grid-row:1;margin:0}
 .tester-player .player.has-no-artwork .current-id{grid-row:2}
 .tester-player .player.has-no-artwork .seek-row{grid-row:3}
 .tester-player .player.has-no-artwork .transport{grid-row:4}
 .tester-player .player.has-no-artwork .player-speed{grid-row:5}
 .tester-player .player.has-no-artwork .playback-message{grid-row:6}
}

/* Match the simple outlined Play button selected by the user. */
.player .current-id #player-copy{background:var(--paper);border:1px solid var(--line);border-radius:2px;box-shadow:none;font-weight:400;font-size:12px}
.player .current-id #player-copy:active{box-shadow:none;transform:none}

/* Balance the tester transport: volume, Play, then repeat. */
.tester-player .transport #repeat{position:absolute;right:0;display:grid;place-items:center;width:40px;height:40px;padding:9px}
.tester-player #repeat .desktop-player-icon{display:none}
.tester-player #repeat .mobile-player-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter}
.tester-player .player.has-no-artwork .player-speed{margin-top:0}
@media(max-width:760px){.tester-player .transport #repeat{width:44px;height:44px}}

/* Keep the same three quick-test cards available on phones. */
@media(max-width:760px){
 .tester-examples-heading{gap:10px;align-items:end}
 .tester-examples-heading h2{font-size:15px}
 .tester-examples-heading p{font-size:11px;line-height:1.5}
 .tester-browse{font-size:11px}
 .tester-example{gap:10px;padding:8px 10px}
 .tester-example img{width:32px;height:32px}
 .tester-example strong{font-size:12px;line-height:1.3}
 .tester-example small{font-size:10px}
 .tester-example .tester-example-try{min-width:44px;min-height:44px;padding:8px 10px}
}

@media(max-width:760px){.tester-page #tester-player,.tester-page .tester-feedback{scroll-margin-top:64px}}

/* Match tool-page spacing without adding workspace padding twice. */
.song-page .song-workspace{margin-top:18px;padding-top:0}
@media(min-width:761px){.song-page .sidebar{top:68px}}
@media(max-width:760px){
 .song-page .song-workspace{margin-top:20px}
 html[data-theme] .site-footer nav .analytics-settings{display:flex;align-items:center;min-height:44px;padding:8px 10px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-weight:500;line-height:1.4;text-align:left;text-decoration:none}
 html[data-theme] .site-footer nav .analytics-settings:hover{background:var(--pink)}
}

#submission-form>button[type=submit]{display:flex;width:fit-content;margin-left:auto}

/* Stretch the existing song link while keeping controls and ID selection above it. */
.song-card{position:relative;cursor:pointer}
.song-card .card-play,.song-card .card-play:is(:hover,:focus-visible){text-decoration:none}
.song-title>a::after{content:'';position:absolute;inset:0}
.song-card :is(button,.card-id,.song-artwork,.card-play){position:relative;z-index:1}
.song-card .card-id,.song-card .card-id-value{cursor:text;user-select:text;-webkit-user-select:text}
.song-card .card-id-copy-icon{cursor:pointer;user-select:none;-webkit-user-select:none;padding:0;border:0;background:transparent}
.card-id-copy-icon svg{display:block;width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linejoin:miter}
@media(max-width:760px){
 html[data-layout] .song-card .card-id{grid-template-columns:minmax(0,1fr) 26px}
 .song-card .card-id-copy-icon{display:grid;place-items:center;width:26px;height:44px}
}

.tester-promotion.window{background:color-mix(in srgb,var(--paper) 70%,#82bad6)}

/* Desktop archive actions fill two equal columns. */
@media(min-width:761px){
 .home-page .card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
 .home-page .song-card .card-play,.home-page .song-card .copy{width:100%;min-width:0;min-height:44px;height:44px;padding:8px 10px}
}
@media(max-width:760px){
 html[data-layout] .home-page .song-card .card-actions>.copy{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:44px;height:44px}
}

/* Visible hover and keyboard feedback for the shared calls to action. */
.retro-button:not(:disabled):is(:hover,:focus-visible),
.player .current-id #player-copy:is(:hover,:focus-visible),
.player .speed-actions button:not(:disabled):is(:hover,:focus-visible),
.player .speed-actions #speed-reset:is(:hover,:focus-visible),
.player .transport #play:not(:disabled):is(:hover,:focus-visible),
.player .transport #volume-mute:is(:hover,:focus-visible){background:var(--ink);color:var(--paper);border-color:var(--ink)}
.player .transport :is(#volume-toggle,#previous,#next,#repeat):not(:disabled):is(:hover,:focus-visible){background:var(--pink);color:var(--ink)}
.desktop-bar nav[aria-label="Main navigation"] a:is(:hover,:focus-visible){background:transparent;color:var(--nav-link-hover,#116256);box-shadow:none}
html[data-theme=dark],html[data-theme=navy]{--nav-link-hover:#a5ddd2}

/* One labelled display banner, outside the player and song actions. */
.advertisement{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px;margin:28px 0;min-width:0}
.advertisement[hidden]{display:none}
.advertisement:not([data-state=filled]){height:0;margin:0;gap:0;overflow:hidden;visibility:hidden}
.tester-page>.advertisement[data-state=filled]{margin:20px 0 0}
.advertisement>span{font:10px var(--mono);letter-spacing:.06em;color:var(--muted,var(--ink))}
.advertisement>iframe{display:block;width:300px;height:250px;border:0;background:transparent}

/* Keep the submission form readable while using desktop space more efficiently. */
.submission-page{padding-top:18px}
.submission-page>.tool-window{width:100%;max-width:none}
.submission-featured{margin-top:20px}
.submission-featured-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.submission-featured-heading h2{margin:0}
.submission-featured-heading>a{margin-left:auto}
.submission-featured-heading>a{font-size:12px}
.submission-featured ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.featured-audio-link{display:flex;align-items:center;gap:12px;min-height:76px;padding:12px;border:1px solid var(--line);background:var(--card,var(--paper));text-decoration:none;box-shadow:2px 2px 0 var(--edge,var(--line))}
.featured-audio-link:is(:hover,:focus-visible){background:var(--hover,var(--pink))}
.featured-audio-link>img{width:48px;height:48px;object-fit:cover;flex-shrink:0;border:1px solid var(--line)}
.featured-audio-link>span:nth-child(2){min-width:0;flex:1}
.featured-audio-link strong{display:block;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.featured-audio-link small{display:block;margin-top:4px;font:11px var(--mono);overflow-wrap:anywhere;color:var(--muted,var(--ink))}
@media(max-width:1000px){.submission-featured ul{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.submission-featured-heading{align-items:start;flex-direction:column;gap:8px}}
.tester-page>.artist-referral,.submission-page>.artist-referral{width:100%;margin:20px auto 0}
.tester-page>.artist-referral{max-width:1040px}
html[data-theme] .submission-page>.site-footer{margin-top:20px}
.submission-page .tester-intro{min-height:100px;grid-template-columns:76px minmax(0,1fr);gap:16px;margin-bottom:14px}
.submission-page .tester-intro>img{width:76px;height:100px}
.submission-page .tester-intro h1{font-size:clamp(22px,2.5vw,28px)}
@media(min-width:761px){
 .submission-page #submission-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;align-items:start}
 .submission-page #submission-form>label{min-width:0;grid-column:1/-1;margin:0}
 .submission-page #submission-form>label:has([name=title]),.submission-page #submission-form>label:has([name=artist]){grid-column:auto}
 .submission-page #submission-form>.submission-hint{grid-column:1/-1;margin:0}
 .submission-page #submission-form>.submission-hint:last-of-type{grid-column:1;align-self:center;font-size:11px}
 .submission-page #submission-form>button[type=submit]{grid-column:2;justify-self:end;align-self:center;min-height:44px}
 .submission-page #submission-form textarea{height:76px;min-height:64px;resize:vertical}
}
@media(min-width:761px) and (max-height:820px){
 .submission-page .compact-content{padding:12px 18px}
 .submission-page .tester-intro{min-height:80px;grid-template-columns:64px minmax(0,1fr);margin-bottom:10px}
 .submission-page .tester-intro>img{width:64px;height:80px}
 .submission-page #submission-form{row-gap:8px}
 .submission-page #submission-form textarea{height:64px}
 html[data-theme] .submission-page>.site-footer{gap:10px;padding:14px 20px;margin-bottom:16px}
 html[data-theme] .submission-page>.site-footer .footer-brand{font-size:22px}
 html[data-theme] .submission-page>.site-footer>span{padding-top:12px}
}
@media(max-width:760px){
 .song-card .song-title>a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
 .song-information .song-heading{font-size:clamp(18px,5vw,23px);line-height:1.35;word-break:normal;overflow-wrap:anywhere}
 .player #current-title{overflow-wrap:anywhere;word-break:normal;-webkit-line-clamp:3}
 .submission-page .tester-intro{grid-template-columns:64px minmax(0,1fr);gap:12px}
 .submission-page .tester-intro>img{width:64px;height:88px}
 .submission-page #submission-form textarea{min-height:88px;resize:vertical}
}