/* Selected design 03: inset strip. */
:root{color-scheme:dark;--ink:#e9e9e9;--pink:#ddd;--muted:#808080;--line:#292929}
body{background:#080808;color:var(--ink);font:13px/1.4 Arial,Helvetica,sans-serif;min-width:280px}header{display:none}main{min-height:100svh;width:100%;max-width:706px;margin:auto;padding:100px 28px;display:flex;flex-direction:column;justify-content:center;align-items:stretch}aside{display:block;width:100%;max-width:none;padding:0!important;position:relative}.radio-device{display:flex;align-items:center;gap:14px;height:62px;padding:0 14px;background:#151515;border:1px solid #242424;border-radius:8px;min-width:0}.artwork{display:block;width:34px;height:34px;flex:0 0 34px;object-fit:cover;border-radius:3px;background:#252525}#toggle,#nowLove,#next{display:grid;place-items:center;flex:0 0 32px;min-width:32px;height:34px;width:32px;line-height:1;align-self:center;padding:0;background:none;border:0;border-radius:0;box-shadow:none;color:#ccc}#toggle{font-size:0}#toggle:before{display:none;content:none}#toggle svg{width:18px;height:18px;display:block;flex-shrink:0}#toggle .transport-pause{display:none}#toggle[data-state=pause] .transport-play{display:none}#toggle[data-state=pause] .transport-pause{display:block}.track-info{flex:0 1 170px;min-width:0;margin:0;text-align:left;align-self:auto}#nowTitle{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#nowArtist{font-size:11px;color:#777;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-progress{display:flex;align-items:center;gap:15px;flex:1;min-width:35px}.radio-progress input{appearance:none;-webkit-appearance:none;width:100%;min-width:20px;height:2px;margin:0;padding:0;border:0;border-radius:0;background:linear-gradient(to right,#ddd var(--progress,0%),#333 var(--progress,0%));cursor:pointer}.radio-progress input::-webkit-slider-thumb{appearance:none;width:7px;height:7px;border-radius:50%;background:#ddd}.radio-progress input::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:#ddd}#duration{font-size:11px;color:#888;font-variant-numeric:tabular-nums;white-space:nowrap}#nowLove{font-size:0}#nowLove svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#nowLove[aria-pressed=true] svg{fill:currentColor}#nowLove[aria-pressed=true]{color:#fff}#next svg{width:15px;height:15px}#likedTotal{display:none}.player-wrap{display:none}body[data-source=youtube] .player-wrap{display:block;width:100%;height:220px;margin-top:24px;border-radius:5px}.feedback{display:none}.player-status{height:64px;flex-shrink:0;overflow:auto;margin:0 16px;padding-top:10px;display:flex;flex-direction:column;gap:4px}#playerNote,#feedbackNote{font-size:11px;line-height:1.5;color:#888;text-align:left;margin:0;flex-shrink:0;overflow-wrap:anywhere}#playerNote:empty,#feedbackNote:empty{display:none}.project-copy{text-align:left;padding:0 16px;margin:0;max-width:622px}.project-copy h1{color:var(--ink);font-size:26px;font-weight:400;line-height:1.35;letter-spacing:-.7px;margin:0 0 18px;white-space:normal}.project-copy p{font-size:20px;line-height:1.6;color:#808080;margin:0}.project-copy p.later{font-size:12px;line-height:1.5;color:#606060;margin-top:28px}dialog{background:#171717;color:#eee;border:1px solid #444}dialog p{color:#aaa}.mini main{padding:24px}.mini .project-copy{display:none}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #ddd;outline-offset:4px}
@media(max-width:600px){main{padding:80px 22px}.radio-device{padding:0 7px;gap:6px}.artwork{display:block;width:30px;height:30px;flex-basis:30px}#toggle,#nowLove,#next{width:26px;min-width:26px;flex-basis:26px}.track-info{flex-basis:95px}#nowTitle{font-size:12px}#nowArtist{font-size:10px}.radio-progress{gap:8px}.project-copy{margin-top:0}.project-copy h1{font-size:25px}.project-copy p{font-size:19px}}@media(max-width:360px){main{padding-left:12px;padding-right:12px}.radio-device{gap:4px}.track-info{flex-basis:75px}#duration{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Car-radio-style LCD bands, anchored to the viewport without affecting layout. */
#spectrum{display:block;position:fixed;inset:auto 0 0;width:100%;height:clamp(80px,18vh,160px);pointer-events:none;z-index:0;opacity:.6;mask-image:linear-gradient(to bottom,transparent,#000 50%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 50%)}main{position:relative;z-index:1}.mini #spectrum{height:48px;opacity:.35}body[data-source=youtube] #spectrum{visibility:hidden}

.player-status #signIn{font-size:11px;color:#bbb;text-decoration:underline;text-underline-offset:3px}
.bookmarks-entry{margin:28px 16px 0}.bookmarks-entry button{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:12px;color:#999}.bookmarks-entry button:hover{color:#eee}#bookmarksCount{font-size:10px;line-height:18px;min-width:22px;padding:0 6px;border:1px solid #333;border-radius:5px;text-align:center;font-variant-numeric:tabular-nums}.mini .bookmarks-entry{display:none}#bookmarksDialog{width:calc(100% - 32px);max-width:640px;max-height:80svh;padding:28px;background:#101010;border:1px solid #2a2a2a;border-radius:14px;color:#ddd;overflow:auto;box-shadow:0 30px 120px #0009}#bookmarksDialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.bookmarks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.bookmarks-header .eyebrow{font-size:9px;letter-spacing:.12em;color:#666;margin:0 0 9px}.bookmarks-header h2{font-size:24px;font-weight:400;margin:0}.bookmarks-header h2 span{font-size:13px;color:#777;margin-left:8px}.bookmarks-close{font-size:25px;color:#999;padding:0 5px}#bookmarksDialog h3{font-size:12px;font-weight:400;color:#bbb;margin:0}.bookmarks-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.bookmarks-list-heading span{font-size:10px;color:#666}#bookmarkList{list-style:none;padding:0;margin:0}.bookmark-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #202020;padding:14px 0}.bookmark-song{flex:1;min-width:0;text-align:left;padding:0}.bookmark-song strong{display:block;font-size:13px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bookmark-song span{display:block;font-size:11px;color:#777;margin-top:4px}.bookmark-song:hover strong{color:#fff}.bookmark-row time{font-size:10px;color:#666;white-space:nowrap}.bookmark-remove{font-size:17px;color:#aaa;padding:6px}.bookmark-remove:hover{color:#fff}#bookmarksMore{display:block;margin:20px auto 0;padding:8px 15px;font-size:11px;color:#aaa;border:1px solid #333;border-radius:6px}@media(max-width:450px){#bookmarksDialog{padding:22px}.bookmark-row{gap:8px}.bookmarks-entry{margin-top:22px}}

/* Keep optimistic likes bright while the request completes. */
#nowLove:disabled{opacity:1;cursor:wait}#nowLove svg{transform-origin:center}

.bookmark-artwork{display:block;width:40px;height:40px;flex:0 0 40px;object-fit:cover;border-radius:4px;background:#252525}.bookmarks-list-heading{margin-top:4px}

/* Inline pass offer and a demonstration checkout. */
.purchase-offer{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:0 0 20px;padding:0 2px}.purchase-offer p{display:flex;gap:10px;align-items:center;margin:0;font-size:11px;line-height:1.5}.purchase-offer strong{color:#bbb;font-weight:400}.purchase-terms{color:#707070}.purchase-buy{display:inline-flex;align-items:center;gap:14px;justify-content:center;min-height:32px;padding:6px 15px;border-radius:6px;background:#0071e3;color:#fff;font-size:12px;font-weight:500;line-height:20px;white-space:nowrap;box-shadow:0 1px 2px #0003}.purchase-buy:hover{background:#1680ed}.purchase-buy span{font-size:14px;opacity:.8}.purchase-buy:active{transform:translateY(1px)}.mini .purchase-offer{display:none}#purchaseDialog{color-scheme:light;position:fixed;width:calc(100% - 32px);max-width:420px;max-height:calc(100svh - 32px);padding:0;overflow:auto;border:0;border-radius:12px;background:#fff;color:#30313d;box-shadow:0 24px 100px #0009;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}#purchaseDialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.purchase-close{position:absolute;top:12px;right:14px;padding:4px 8px;font-size:24px;line-height:1;color:#787b86}.checkout-summary{padding:28px 30px 24px;border-bottom:1px solid #e8e8ed;background:#fafafb}#purchaseDialog .checkout-demo{display:inline-block;font-size:10px;font-weight:600;color:#686b78;background:#eceef2;padding:3px 7px;border-radius:4px}#purchaseDialog h2{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.3px;margin:18px 0 2px}#purchaseDialog .checkout-pass{font-size:13px;color:#777b87;margin:0}#purchaseDialog .checkout-total{display:flex;align-items:baseline;font-size:38px;font-weight:600;letter-spacing:-1.3px;color:#30313d;line-height:1.2;margin:14px 0 8px}.checkout-total>span{color:#30313d}.checkout-total small{font-size:12px;color:#7a7e8a;letter-spacing:0;font-weight:400;margin-left:9px}#purchaseDialog .checkout-renewal{font-size:11px;line-height:1.5;color:#777b87;margin:0}.checkout-payment{padding:24px 30px 22px}#purchaseDialog .checkout-section-title{font-size:14px;font-weight:600;color:#30313d;margin:0 0 18px}.checkout-field{margin:0 0 15px}.checkout-field>span{display:block;font-size:12px;font-weight:500;margin-bottom:6px}.checkout-input,.checkout-card{border:1px solid #d5d7dd;border-radius:6px;box-shadow:0 1px 2px #18244908;background:#fff;color:#91949d;font-size:13px}.checkout-input{padding:10px 12px}.checkout-card-number{padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.checkout-card-brand{font-size:9px;font-weight:800;font-style:italic;color:#515a75;border:1px solid #e1e3e9;padding:1px 4px;border-radius:3px}.checkout-card-bottom{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e1e3e9}.checkout-card-bottom span{padding:10px 12px}.checkout-card-bottom span+span{border-left:1px solid #e1e3e9}.checkout-country{display:flex;justify-content:space-between;color:#555966}.checkout-pay{display:flex;width:100%;align-items:center;justify-content:center;gap:9px;padding:12px 16px;min-height:44px;margin-top:22px;border:0;border-radius:6px;background:#0071e3;color:#fff;font-size:14px;font-weight:600;box-shadow:0 1px 3px #10255226}.checkout-pay:hover{background:#087cec}.checkout-pay svg{height:15px;width:15px;opacity:.85}#purchaseDialog .checkout-note{font-size:10px;text-align:center;color:#848894;line-height:1.5;margin:12px 0 0;min-height:15px}#purchaseDialog button:focus-visible{outline:2px solid #0071e3;outline-offset:3px}@media(max-width:500px){.purchase-offer{justify-content:space-between;gap:12px}.purchase-offer p{display:block}.purchase-terms{display:block;font-size:10px}.checkout-summary{padding:24px}.checkout-payment{padding:22px 24px}}@media(prefers-reduced-motion:reduce){.purchase-buy:active{transform:none}}

.project-copy p.browser-badge{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:8px 12px;border:1px solid #303030;border-radius:8px;background:linear-gradient(135deg,#1b1b1b,#111);box-shadow:inset 0 1px 0 #ffffff06;color:#c4c4c4;font-size:11px;font-weight:500;line-height:18px;letter-spacing:.05px}.browser-badge svg{width:17px;height:17px;color:#929daa;flex:none}

.bookmark-remove{display:grid;place-items:center;flex:0 0 32px;width:32px;height:34px;padding:0;color:#fff}.bookmark-remove svg{display:block;width:19px;height:19px;fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

#playPrompt[data-playing="true"]{text-decoration:line-through;text-decoration-thickness:1px;}