:root{--bg:#07070a;--panel:#0d0d12;--fg:#e9e6e1;--dim:#7a7883;--line:#22222b;--accent:#ff2a3d;--accent-soft:#ff2a3d24;--serif:"Instrument Serif", Georgia, serif;--mono:"Space Mono", ui-monospace, monospace;--pixel:"VT323", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-side=b]{--accent:#ffb000;--accent-soft:#ffb0001f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:56px}body{background:var(--bg);color:var(--fg);font:14px/1.6 var(--mono);-webkit-font-smoothing:antialiased;margin:0;transition:background .4s}a{color:var(--fg);text-underline-offset:3px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}a:hover{color:var(--accent)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:1px dashed var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--bg)}.dim{color:var(--dim)}.accent{color:var(--accent)}.pixel{font-family:var(--pixel);letter-spacing:.02em;font-size:1.25em;line-height:1}.serif{font-family:var(--serif);font-weight:400}.crt{pointer-events:none;z-index:100;background:repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 3px),radial-gradient(#0000 55%,#0000008c);position:fixed;inset:0}.menubar{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);white-space:nowrap;background:#07070ad9;align-items:center;gap:24px;height:40px;padding:0 16px;font-size:12px;display:flex;position:sticky;top:0}.menubar-brand{align-items:center;gap:6px;font-weight:700;text-decoration:none;display:flex}.glass{width:16px;height:16px;color:var(--accent);transition:color .4s}.menubar-items{gap:16px;display:flex}.menubar-items button,.menubar-items a{color:var(--dim);text-decoration:none}.menubar-items button:hover,.menubar-items a:hover{color:var(--fg)}.menubar-items .on{color:var(--accent)}.menubar-status{align-items:center;gap:16px;margin-left:auto;display:flex}.np{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;max-width:22ch;overflow:hidden}.page{z-index:1;max-width:960px;margin:0 auto;padding:0 16px 140px;position:relative}.audio-ring{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.hero{padding:96px 0 56px}.hero-kicker{color:var(--dim);margin:0 0 20px}.hero-name{font:italic 400 clamp(56px, 13vw, 148px)/.88 var(--serif);letter-spacing:-.035em;text-shadow:0 0 40px var(--accent-soft);margin:0}.hero-name .accent{font-style:normal;transition:color .4s}.hero-tagline{min-height:1.6em;color:var(--dim);margin:24px 0 48px;font-size:15px}.caret{color:var(--accent);margin-left:2px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.cassette{grid-template-columns:1fr 1fr;gap:12px;max-width:560px;display:grid}.cassette-side{text-align:left;border:1px solid var(--line);background:var(--panel);padding:16px 18px 52px;transition:border-color .25s,transform .25s;position:relative}.cassette-side:hover{border-color:var(--dim);transform:translateY(-2px)}.cassette-side.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 32px var(--accent-soft)}.cassette-label{color:var(--dim);display:block}.cassette-side.on .cassette-label{color:var(--accent)}.cassette-role{font:italic 28px/1.1 var(--serif);margin-top:4px;display:block}.cassette-reels{justify-content:space-between;display:flex;position:absolute;bottom:14px;left:18px;right:18px}.cassette-reels i{border:1px dashed var(--dim);border-radius:50%;width:22px;height:22px}.cassette-side.on .cassette-reels i{border-color:var(--accent);animation:3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.side-content{animation:.5s both fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}}.side-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.span-2{grid-column:span 2}.win{border:1px solid var(--line);background:#0d0d12cc;min-width:0}.win-bar{border-bottom:1px solid var(--line);color:var(--dim);align-items:center;gap:12px;padding:6px 12px;font-size:12px;display:flex}.win-dots{gap:5px;display:flex}.win-dots i{border:1px solid var(--dim);width:8px;height:8px}.win-dots i:first-child{background:var(--accent);border-color:var(--accent)}.win-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.win-aside{white-space:nowrap;margin-left:auto}.win-body{padding:20px}.bio{max-width:62ch;margin:0;font-size:15px}.eras{color:var(--dim);flex-wrap:wrap;gap:8px 28px;margin:20px 0 0;padding:0;list-style:none;display:flex}.eras li:before{content:"○ "}.eras li.current{color:var(--accent)}.eras li.current:before{content:"● ";animation:1.6s step-end infinite blink}.releases{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.release{text-align:left;flex-direction:column;gap:6px;width:100%;display:flex}.release .cover{transition:transform .25s,box-shadow .25s}.release:hover .cover{transform:translateY(-3px)}.release.on .cover{box-shadow:0 0 0 1px var(--accent), 0 12px 40px var(--accent-soft)}.release-title{font:italic 20px/1.1 var(--serif)}.release-meta{font-size:12px}.cover{aspect-ratio:1;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.cover:after{content:"";background:repeating-linear-gradient(#0000002e 0 1px,#0000 1px 3px);position:absolute;inset:0}.cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover-mark{color:#ffffffd9;mix-blend-mode:overlay;font-size:64px}.cover.big{flex:none;width:120px}.cover.big .cover-mark{font-size:48px}.tracklist-head{align-items:center;gap:20px;margin-bottom:20px;display:flex}.tracklist-head h3{margin:0 0 6px;font-size:36px;font-style:italic;line-height:1}.tracklist-head p{margin:0}.tracklist{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.tracklist li{border-bottom:1px solid var(--line)}.row{text-align:left;align-items:center;gap:16px;width:100%;padding:10px 4px;display:flex}.row:hover{background:var(--accent-soft)}.row-idx{width:2ch;color:var(--dim)}.row-title{flex:1}.tracklist li.playing .row-title,.tracklist li.playing .row-idx{color:var(--accent)}.tracklist li{align-items:center;gap:12px;display:flex}.tracklist .row{flex:1;min-width:0}.tracklist .stream-links{opacity:.55;font-size:11px;transition:opacity .2s}.tracklist li:hover .stream-links,.tracklist li.playing .stream-links{opacity:1}.tracklist-head .stream-links{margin-top:12px}.stream-links{white-space:nowrap;flex-wrap:wrap;gap:4px 14px;font-size:12px;display:inline-flex}.stream-links a{color:var(--dim);text-decoration:none}.stream-links a:hover{color:var(--accent)}.note{margin:14px 0 0;font-size:12px}.credits{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.credit{border:1px solid var(--line);align-items:center;gap:14px;padding:10px;display:flex}.credit:hover,.credit.playing{border-color:var(--accent)}.credit .cover{flex:none;width:72px}.credit .cover-mark{font-size:32px}.credit-info{flex:1;gap:2px;min-width:0;font-size:12px;display:grid}.credit-title{font:italic 18px/1.15 var(--serif)}.credit .play{flex:none}.filters{gap:8px;margin-bottom:12px;display:flex}.filters input{flex:1}.input{background:var(--bg);width:100%;color:var(--fg);border:1px solid var(--line);font:inherit;border-radius:0;padding:8px 10px}.input:focus{border-color:var(--accent);outline:none}select.input{width:auto}textarea.input{resize:vertical}.chips{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.chip{border:1px solid var(--line);color:var(--dim);padding:2px 10px;font-size:12px}.chip:hover{color:var(--fg);border-color:var(--dim)}.chip.on{color:var(--bg);background:var(--accent);border-color:var(--accent)}.beats{border-top:1px solid var(--line)}.beats-head,.beat{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,2fr) 56px 72px minmax(0,1.5fr) auto;align-items:center;gap:12px;padding:8px 4px;display:grid}.beats-head{font-size:15px}.beat:hover{background:var(--accent-soft)}.beat.playing .beat-title{color:var(--accent)}.beat-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.beat-moods{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.play{border:1px solid var(--line);place-items:center;width:28px;height:28px;font-size:10px;display:grid}.play:hover,.beat.playing .play{border-color:var(--accent);color:var(--accent)}.play.big{flex:none;width:36px;height:36px}.license{border:1px solid var(--accent);color:var(--accent);white-space:nowrap;padding:4px 10px;font-size:12px}.license:hover{background:var(--accent);color:var(--bg)}.empty{margin:0;padding:20px 4px}.contact{margin-top:64px}.form{gap:14px;display:grid}.form label{gap:4px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-foot{flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;display:flex}.btn{border:1px solid var(--line);padding:8px 16px}.btn:hover{border-color:var(--fg)}.btn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:700}.btn.primary:hover{filter:brightness(1.15)}.btn:disabled{opacity:.6;cursor:wait}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.errors{color:var(--accent);margin:0;padding-left:18px;font-size:12px}.sent p{margin:0 0 8px}.sent .btn{margin-top:8px}.footer{border-top:1px solid var(--line);gap:20px;margin-top:80px;padding-top:24px;display:grid}.socials{flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none;display:flex}.socials a{color:var(--dim);text-decoration:none}.socials a:hover{color:var(--accent)}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge{text-align:center;border:1px solid var(--line);width:88px;height:31px;color:var(--dim);background:linear-gradient(var(--panel), var(--bg));justify-content:center;align-items:center;gap:4px;font-size:9px;line-height:1.1;display:inline-flex}.badge b{color:var(--accent)}.badge.counter{flex-direction:column;gap:0}.footer p{margin:0}.player{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent);width:min(720px,100% - 32px);box-shadow:0 0 40px var(--accent-soft), 0 20px 40px #0009;background:#0d0d12eb;align-items:center;gap:14px;padding:10px 14px;animation:.35s both rise;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.player.side-a{--accent:#ff2a3d;--accent-soft:#ff2a3d24}.player.side-b{--accent:#ffb000;--accent-soft:#ffb0001f}@keyframes rise{0%{opacity:0;transform:translate(-50%,16px)}}.viz{color:var(--accent);flex:none;width:96px;height:36px}.player .play{border-color:var(--accent);color:var(--accent)}.player-info{flex:1;min-width:0}.player-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tag{border:1px solid var(--line);color:var(--dim);margin-left:8px;padding:0 5px;font-size:13px}.progress{background:var(--line);height:2px;margin-top:8px}.progress i{background:var(--accent);height:100%;display:block}.player-time{color:var(--dim);white-space:nowrap}.player-close{color:var(--dim);padding:0 2px;font-size:20px;line-height:1}.player-close:hover{color:var(--fg)}@media (width<=720px){.menubar{gap:12px}.menubar-status .np,.menubar-status .dim{display:none}.hero{padding:64px 0 40px}.side-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.win-body{padding:16px}.form-row{grid-template-columns:1fr}.beats-head{display:none}.beat{grid-template-columns:36px minmax(0,1fr) auto;row-gap:2px}.beat>.pixel{display:none}.beat-moods{grid-area:2/2}.license{grid-row:span 2}.tracklist-head{flex-direction:column;align-items:flex-start}.tracklist li{flex-wrap:wrap;gap:0 12px}.tracklist li>.stream-links{opacity:1;padding:0 4px 10px calc(2ch + 20px)}.viz,.player-time{display:none}}@media (width<=420px){.menubar-brand .dim,.menubar-status{display:none}.menubar-items{gap:12px;margin-left:auto}.cassette-role{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}