:root{color-scheme:dark;--bg:#10121c;--panel:#171b2b;--line:#42475d;--ink:#f5f1df;--muted:#bcc2d2;--accent:#ffe32b;--cyan:#33c6f2;--blue:#203dc5;--pink:#ec4b97;color:var(--ink);background:var(--bg);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 85% 0,#182964 0,#0000 55%);margin:0}header,main,footer{max-width:1320px;margin:auto;padding:28px 44px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex}a{color:var(--cyan);text-underline-offset:4px}.brand{color:var(--ink);letter-spacing:-.5px;align-items:center;gap:12px;font-size:18px;font-weight:900;text-decoration:none;display:flex}.brand b{background:var(--blue);color:#fff;box-shadow:4px 4px 0 var(--pink);padding:8px 10px;font-size:28px;font-style:italic}.brand span{color:var(--cyan);letter-spacing:2px;border-left:1px solid var(--line);padding-left:12px;font:10px monospace}.on-air,.eyebrow,.section-head,footer{letter-spacing:1.5px;font-family:monospace;font-size:11px}.on-air{background:var(--accent);color:#111329;white-space:nowrap;padding:9px 12px;font-weight:700}.intro{padding:42px 0 36px}.eyebrow{color:var(--cyan)}h1{letter-spacing:-5px;margin:24px 0;font-size:clamp(58px,7.6vw,106px);font-weight:900;line-height:.94}h1 em{color:var(--accent);font-family:inherit;font-weight:900}.lede{color:var(--muted);font-size:17px;line-height:1.7}.workspace{grid-template-columns:.9fr 1.1fr;align-items:start;gap:28px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:28px}.editor{border-top:4px solid var(--blue)}.tape{border-top:4px solid var(--pink)}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.tag{border:1px solid var(--line);padding:5px;font-size:10px}h2{letter-spacing:-.7px;font-size:27px}p{line-height:1.6}button,input,textarea{font:inherit}button{background:var(--accent);color:#14162c;cursor:pointer;border:1px solid #0000;border-radius:3px;min-height:44px;padding:13px 17px;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.1)}.secondary,.quiet{color:var(--ink);background:0 0;border-color:#68708b}.quiet{padding:8px 10px;font-size:12px}label{margin:24px 0 9px;font-size:13px;font-weight:700;display:block}label span{color:var(--muted);font-weight:400}input,textarea{width:100%;color:var(--ink);background:#0e1322;border:1px solid #626d8b;border-radius:3px;min-width:0;padding:13px}textarea{resize:vertical}.search-row{gap:8px;display:flex}.tracks{margin:20px 0;padding:0;list-style:none}.tracks li{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-width:0;padding:13px 0;display:flex}.track-text{overflow-wrap:anywhere;flex:1;min-width:0}.track-text strong{font-size:14px;display:block}.track-text small{color:var(--muted)}.track-controls{gap:4px;display:flex}.track-controls button{padding:7px}.small,#empty{color:var(--muted);font-size:12px;line-height:1.7}#empty{text-align:center;border-block:1px dashed var(--line);padding:22px 0}.cassette-art{aspect-ratio:1004/638;filter:drop-shadow(0 12px 18px #0005);width:100%;height:auto;margin:26px 0;display:block}.actions{flex-direction:column;gap:10px;display:flex}#share-output{margin-top:20px}#share-output a{margin:12px 0;font-size:13px;display:inline-block}#download-cassette{width:100%;margin-top:16px;display:block}#received-note{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}#status{background:var(--accent);color:#14162c;z-index:2;border-radius:3px;padding:14px 20px;position:sticky;bottom:14px;box-shadow:0 4px 20px #0006}#status:empty{display:none}footer{border-top:4px solid var(--cyan);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-top:44px;display:flex}footer p{letter-spacing:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.skip{background:var(--bg);z-index:3;padding:10px;position:absolute;top:-100px;left:12px}.skip:focus{top:12px}[hidden]{display:none!important}.recipient .editor,.recipient #selection,.recipient #count{display:none}.recipient .workspace{grid-template-columns:minmax(0,760px);justify-content:center}.recipient .intro{text-align:center;padding-bottom:20px}.recipient h1{font-size:clamp(46px,6.5vw,78px)}.recipient .tape{background:0 0;border:0;padding-top:0}.recipient .intro>.eyebrow,.recipient .tape>.section-head{display:none}.recipient #tape-title{text-align:center;font-size:32px}.recipient #received-note{text-align:center}.player{border-block:1px solid var(--line);text-align:center;margin:22px 0;padding:20px 0}.player-controls{justify-content:center;margin:18px 0;display:flex}.player-controls button{background:var(--cyan);min-width:180px;font-size:18px}#now-playing{font-size:14px}#playback-message:empty{display:none}#new-mix{text-align:center;margin-top:22px;display:block}@media (width<=760px){header,main,footer{padding:22px}.workspace{grid-template-columns:1fr}.panel{padding:20px}h1{letter-spacing:-3px}.intro{padding-top:22px}footer{flex-direction:column;align-items:start;gap:0}.section-head{letter-spacing:.5px}.brand{gap:8px;font-size:14px}.brand span{display:none}.on-air{letter-spacing:.5px;padding:8px;font-size:10px}.recipient .tape{padding-inline:0}}@media (width<=380px){header,main,footer{padding:16px}.brand{font-size:12px}.brand b{font-size:24px}.track-controls{gap:2px}}.share-preview{border:1px solid var(--line);background:#24283a;border-radius:18px;margin:20px 0;overflow:hidden}.share-preview img{width:100%;height:auto;display:block}.share-preview>div{padding:18px}.share-preview strong{overflow-wrap:anywhere;font-size:20px}.share-preview p{color:var(--ink);overflow-wrap:anywhere;margin:6px 0}.share-preview span{color:var(--muted);font-size:14px}#native-share{margin-left:8px}.recipient .intro h1{overflow-wrap:anywhere}