:root{--black:#0b0c0d;--panel:#151719;--soft:#232628;--white:#f6f6ef;--muted:#a3a7a4;--green:#1ed760;--acid:#d9ff43;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"DM Sans",sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,88px);border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;gap:12px;align-items:center;color:var(--white);text-decoration:none;font:20px/.83 "Fjalla One",sans-serif;letter-spacing:.04em}.brand-mark{width:39px;height:39px;border:3px solid currentColor;transform:rotate(-7deg);display:grid;grid-template-columns:1fr 1fr;padding:7px}.brand-mark i{width:5px;height:5px;background:var(--green);border-radius:50%;place-self:center}.brand-mark i:last-child{grid-column:1/-1}.back-link{color:var(--white);font-size:10px;font-weight:700;letter-spacing:.14em;text-decoration:none}.back-link span{color:var(--green);font-size:18px;margin-left:9px}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;max-width:1600px;margin:auto;padding:70px clamp(22px,6vw,88px) 90px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.2em}.eyebrow span{width:35px;height:3px;background:var(--green)}h1,h2,h3{font-family:"Fjalla One",sans-serif;font-weight:400;letter-spacing:-.02em;line-height:.9}h1{font-size:clamp(70px,8.7vw,136px);margin:.16em 0}h1 em,h2 em{font-style:normal;color:var(--green)}.lede{font-size:17px;line-height:1.65;color:var(--muted);max-width:570px}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.trust-row span{border:1px solid var(--line);padding:9px 11px;font-size:9px;font-weight:700;letter-spacing:.12em}.record-stage{height:520px;position:relative}.record{position:absolute;width:min(38vw,440px);aspect-ratio:1;border-radius:50%;right:7%;top:5%;background:radial-gradient(circle at center,var(--acid) 0 8%,#121313 8.5% 18%,#222 18.5% 19%,#0b0c0d 19.5% 27%,#222 27.5% 28%,#0b0c0d 28.5% 38%,#222 38.5% 39%,#0b0c0d 39.5%);box-shadow:25px 28px 0 rgba(30,215,96,.18);transform:rotate(8deg)}.record-label{position:absolute;inset:37%;border-radius:50%;background:var(--acid);color:var(--black);display:grid;place-content:center;text-align:center}.record-label b{font:clamp(17px,2vw,28px) "Fjalla One"}.record-label small{font-size:6px;font-weight:700;letter-spacing:.12em}.track-slip{position:absolute;right:-5%;bottom:3%;width:230px;background:var(--white);color:var(--black);border:3px solid var(--black);box-shadow:10px 10px 0 var(--green);padding:20px;transform:rotate(-6deg);display:grid;gap:8px}.track-slip b{font:34px "Fjalla One"}.track-slip span{font-size:9px;font-weight:700;letter-spacing:.12em;border-top:1px solid var(--black);padding-top:7px}.orbit{position:absolute;border:1px solid rgba(30,215,96,.35);border-radius:50%}.orbit-one{width:520px;height:520px;right:-2%;top:0}.orbit-two{width:610px;height:610px;right:-11%;top:-9%}
.workspace{background:var(--white);color:var(--black);padding:100px clamp(22px,6vw,88px) 120px;min-height:700px}.workspace-heading{max-width:1424px;margin:0 auto 45px;display:flex;justify-content:space-between;align-items:end}.workspace-heading h2{font-size:clamp(60px,7vw,100px);margin:.15em 0}.account{align-items:center;gap:12px;border:2px solid var(--black);padding:10px 12px}.account:not([hidden]){display:flex}.account img{width:42px;height:42px;border-radius:50%}.account div{display:grid;min-width:110px}.account small{font-size:8px;letter-spacing:.12em}.account b{font-size:13px}.account button{border:0;background:transparent;text-decoration:underline;cursor:pointer;font:600 10px "DM Sans"}.auth-card,.import-card,.setup-card{max-width:1424px;margin:auto;border:3px solid var(--black);box-shadow:10px 10px 0 var(--green);padding:30px;display:grid;grid-template-columns:75px 1fr auto;align-items:center;gap:25px;background:#fff}.step-number{font:58px "Fjalla One";color:var(--green)}.auth-copy h3{font-size:38px;margin:0 0 8px}.auth-copy p{margin:0;color:#686c69;line-height:1.55;max-width:650px}.spotify-button,.import-card button{border:0;border-radius:999px;background:var(--green);color:#07130b;display:flex;align-items:center;gap:12px;text-decoration:none;padding:15px 22px;font-size:12px;font-weight:700;letter-spacing:.03em;cursor:pointer}.spotify-button:hover,.import-card button:hover{filter:brightness(.92)}.spotify-icon{width:24px;height:24px;border:2px solid currentColor;border-radius:50%;display:grid;place-content:center;gap:2px;padding:4px}.spotify-icon i{display:block;width:12px;height:3px;border-top:1.5px solid currentColor;border-radius:50%}.import-card{grid-template-columns:75px 1fr;margin-top:22px}.import-card label{display:flex;justify-content:space-between;margin-bottom:9px;font-size:12px}.import-card label span{color:#727672;font-size:11px}.input-row{display:flex}.input-row input{height:58px;flex:1;border:2px solid var(--black);border-right:0;padding:0 17px;font:500 14px "DM Sans";min-width:0}.input-row button{height:58px;border-radius:0;min-width:145px;justify-content:center}.input-row button:disabled{opacity:.6;cursor:wait}.form-message{margin:8px 0 0;color:#b12b1d;font-size:12px;min-height:18px}.setup-card{display:block;background:#fff4c7;margin-top:20px}.setup-card b{font:24px "Fjalla One"}.setup-card p{margin:7px 0 0}.setup-card code{background:#ece4be;padding:2px 5px}.results{max-width:1424px;margin:80px auto 0}.playlist-header{display:grid;grid-template-columns:190px 1fr auto;gap:30px;align-items:end;border-bottom:3px solid var(--black);padding-bottom:28px}.playlist-header>img{width:190px;height:190px;object-fit:cover;background:#d7d8d2;border:2px solid var(--black)}.playlist-copy small{font-size:9px;font-weight:700;letter-spacing:.16em;color:#646864}.playlist-copy h2{font-size:clamp(48px,5vw,76px);margin:12px 0}.playlist-copy p{margin:0;color:#656965}.playlist-actions{display:grid;gap:10px}.outline-button,.export-button{padding:14px 18px;border:2px solid var(--black);background:transparent;color:var(--black);text-align:center;text-decoration:none;font:700 10px "DM Sans";letter-spacing:.1em;cursor:pointer}.export-button{background:var(--black);color:var(--white)}.audio-note{margin:24px 0;background:#e5e7df;padding:18px 20px;display:flex;align-items:center;gap:25px}.audio-note b{font:22px "Fjalla One";white-space:nowrap}.audio-note p{margin:0;color:#555a56;font-size:12px;line-height:1.5}.track-row{display:grid;grid-template-columns:42px minmax(220px,1.4fr) minmax(150px,1fr) 60px 38px;gap:15px;align-items:center;min-height:76px;border-bottom:1px solid #d0d2cb}.table-head{min-height:42px;font-size:9px;font-weight:700;letter-spacing:.13em}.track-art{display:flex;align-items:center;gap:13px;min-width:0}.track-art img{width:48px;height:48px;object-fit:cover;background:#ddd}.track-text{min-width:0}.track-text b,.track-text span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-text b{font-size:13px}.track-text span,.track-album,.track-time{font-size:11px;color:#686c69}.track-open{font-size:19px;text-decoration:none;color:var(--black)}footer{height:120px;background:var(--green);color:var(--black);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,88px)}footer .brand{color:var(--black)}footer p{font-size:9px;font-weight:700;letter-spacing:.13em}
[hidden]{display:none!important}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:780px}.record-stage{position:absolute;right:-190px;top:140px;opacity:.26}.record{width:440px}.workspace-heading{align-items:start}.auth-card{grid-template-columns:55px 1fr}.spotify-button{grid-column:2}.playlist-header{grid-template-columns:130px 1fr}.playlist-header>img{width:130px;height:130px}.playlist-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}}@media(max-width:650px){.topbar{height:70px}.hero{min-height:700px;padding-top:60px;align-items:start}h1{font-size:64px}.trust-row{max-width:350px}.record-stage{top:230px;right:-330px}.workspace{padding-top:70px}.workspace-heading{display:block}.account{margin-top:20px}.auth-card,.import-card{grid-template-columns:1fr;padding:22px}.step-number{font-size:40px}.spotify-button{grid-column:auto;justify-content:center}.input-row{display:grid}.input-row input{border-right:2px solid var(--black);border-bottom:0}.input-row button{width:100%}.playlist-header{grid-template-columns:85px 1fr;gap:16px;align-items:center}.playlist-header>img{width:85px;height:85px}.playlist-copy h2{font-size:38px}.playlist-actions{grid-template-columns:1fr}.audio-note{display:block}.audio-note p{margin-top:6px}.track-row{grid-template-columns:30px 1fr 45px 25px}.track-album{display:none}.table-head span:nth-child(3){display:none}footer p{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.topbar{width:100%}.hero{position:relative;overflow:hidden}
@media(max-width:650px){.back-link{font-size:9px;letter-spacing:.09em}.hero-copy{min-width:0}.lede{max-width:330px}.record-stage{width:560px}}
.track-cover{width:48px;height:48px;flex:0 0 48px;background:#ddd center/contain no-repeat}
.playlist-header>img{object-fit:contain}
.account img{border-radius:0;object-fit:contain}