:root{color-scheme:dark;--bg:#090c0a;--surface:#121713;--line:#263029;--green:#b4ff68;--muted:#98a49a;--text:#f1f5ef}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#19311a66,transparent 45%),var(--bg);color:var(--text);font:15px/1.6 Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;background:var(--green);color:#14200d;padding:13px 20px;border-radius:12px;font-weight:700;cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}.button:hover,button:hover{background:#c8ff91;box-shadow:0 6px 24px #aaff5520;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.button.secondary,button.secondary{background:#202a22;border-color:#344037;color:var(--text)}button.ghost{background:transparent;color:var(--muted);padding:8px 10px;border-color:var(--line)}button.danger:hover{color:#ff9a9a;border-color:#a74747}.text-button{padding:0;background:transparent;color:var(--green)}.text-button:hover{background:transparent;box-shadow:none}.text-link{color:#d5ddd4;font-weight:600}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:4px}input,textarea{width:100%;padding:13px 15px;border:1px solid #344037;border-radius:10px;background:#0c110e;color:var(--text);min-width:0;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--green)}input::placeholder{color:#6c7b70}label{display:block;font-size:13px;font-weight:600;color:#bfc9bf}label input{margin-top:8px}label svg{vertical-align:middle;margin-right:5px}header{max-width:1240px;margin:auto;padding:22px 32px;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand,header{display:flex;align-items:center}.brand{gap:11px;font-size:26px;font-weight:800;letter-spacing:-1.2px;line-height:1.1}.brand-symbol{background:var(--green);color:#10200c;display:grid;place-items:center;width:43px;height:43px;border-radius:13px}.brand-sub{display:block;color:var(--muted);font-size:9px;letter-spacing:3px;font-weight:600;margin-top:5px}.account-nav{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap;font-size:13px;font-weight:600}.account-nav>a:hover{color:var(--green)}.account-nav button{padding:8px 14px;font-size:12px}.account-email{max-width:210px;overflow-wrap:anywhere;color:var(--muted)}main{max-width:1176px;margin:56px auto;padding:0 32px}.home-main{margin-top:38px}.panel{background:linear-gradient(130deg,#18201a,#111712);border:1px solid var(--line);border-radius:20px;padding:28px;margin:24px 0}.muted{color:var(--muted)}.accent{color:var(--green)}.eyebrow{gap:9px;color:var(--green);font-weight:700;font-size:11px;letter-spacing:2px}.eyebrow,.row{display:flex;align-items:center}.row{gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1 1;min-width:200px}.stack{display:grid;grid-gap:16px;gap:16px}h1{font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-1.8px;margin:0 0 18px;font-weight:750}h2{font-size:22px;letter-spacing:-.5px;line-height:1.3;margin:0 0 10px}h3{font-size:15px;margin:26px 0 12px}p{margin:0 0 16px}small{color:var(--muted);font-size:12px}.block{display:block}.error,.ok{padding:12px 16px;border-radius:10px;overflow-wrap:anywhere}.error{color:#ffadad;background:#501c2438;border:1px solid #77383b66}.ok{color:var(--green);background:#aaff5509;border:1px solid #aaff5530}.count,.pill{display:inline-flex;border:1px solid #394b36;border-radius:100px;padding:4px 10px;font-size:11px;letter-spacing:.4px;color:#b8d2ae;background:#142018}.count{margin-left:8px}.status-dot{height:7px;width:7px;background:var(--green);border-radius:50%;display:inline-block;box-shadow:0 0 12px #b4ff6870;flex-shrink:0}.home-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;grid-gap:36px;gap:36px;padding:40px 0 75px}.home-hero h1{font-size:clamp(45px,5.5vw,72px);letter-spacing:-3.5px;line-height:1.05;margin:25px 0}.hero-description{font-size:16px;max-width:440px;color:var(--muted);line-height:1.8}.hero-actions{margin-top:30px;gap:24px}.platforms{display:flex;gap:10px;margin-top:34px;flex-wrap:wrap}.platforms span{font-size:11px;color:#bcc8bd;padding:6px 13px;border:1px solid var(--line);border-radius:100px;background:#ffffff03}.hero-art{height:430px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#aaff551a,transparent 65%)}.vinyl{width:320px;height:320px;border-radius:50%;background:repeating-radial-gradient(circle,#202722 0,#101612 2px,#252f27 3px,#101612 5px);border:1px solid #46563d;box-shadow:0 25px 70px #0009;transform:rotate(-15deg);display:grid;place-items:center;position:relative}.vinyl:after{content:"";width:12px;height:12px;background:#0c120b;border-radius:50%;position:absolute;top:calc(50% - 6px);left:calc(50% - 6px)}.vinyl-label{width:140px;height:140px;border-radius:50%;background:var(--green);color:#17300e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.vinyl-label span{font-weight:900;letter-spacing:5px;font-size:11px}.orbit{position:absolute;border:1px solid #b4ff6817;border-radius:50%;width:400px;height:400px}.orbit-two{width:450px;height:450px;border-style:dashed}.floating-label{top:28px;background:#1c2a1c;border:1px solid #405638;border-radius:9px;padding:10px 15px;font-size:10px;letter-spacing:1.4px;transform:rotate(8deg);gap:10px}.floating-label,.mini-player{position:absolute;right:0;display:flex;align-items:center}.mini-player{bottom:10px;left:0;background:#19221b;border:1px solid #42533b;padding:16px;border-radius:16px;gap:14px;box-shadow:0 15px 35px #0008;transform:rotate(-4deg)}.mini-player strong{font-size:13px}.mini-player small{display:block;font-size:10px}.mini-cover{width:48px;height:48px;display:grid;place-items:center;background:#b4ff6825;color:var(--green);border-radius:10px}.play-dot{margin-left:auto;width:34px;height:34px;background:var(--green);color:#13210e;border-radius:50%;display:grid;place-items:center}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0;grid-gap:36px;gap:36px}.features article{position:relative}.features svg{color:var(--green);margin-bottom:18px}.features h2{font-size:18px}.features p{color:var(--muted);font-size:13px;margin:0}.feature-number{position:absolute;right:0;color:#637362;font-size:11px}.site-footer{color:#768374;font-size:11px;padding:30px 0;gap:15px}.page-heading,.site-footer{display:flex;justify-content:space-between}.page-heading{gap:20px;align-items:center;margin-bottom:32px}.library-count{font-size:40px;font-weight:700;color:var(--green);text-align:right;line-height:1}.library-count small{display:block;font-size:11px;margin-top:10px;font-weight:400}.create-bar{display:flex;gap:20px;align-items:center;border:1px solid #3b4b33;background:linear-gradient(110deg,#aaff550a,#172017);padding:24px;border-radius:18px}.create-bar input{background:#0b110b}.create-bar button{align-self:flex-end}.icon-box{background:#b4ff6814;color:var(--green);border:1px solid #b4ff6820;width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;border-radius:13px}.icon-box.large{width:62px;height:62px;margin-bottom:24px}.section-title{margin:40px 0 20px}.section-title .muted{font-size:12px}.playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px}.playlist-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden;transition:transform .2s,border-color .2s}.playlist-card:hover{transform:translateY(-5px);border-color:#638b45}.card-art{height:190px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 70% 20%,#a4e56055,transparent 65%),#293e21;color:#bcf892}.card-art svg{z-index:1}.card-art>span{position:absolute;bottom:18px;left:20px;font-size:9px;letter-spacing:3px;font-weight:700}.art-orbit{width:170px;height:170px;border:32px solid #b4ff6818;border-radius:50%;position:absolute;right:-15px;top:-15px;box-shadow:0 0 0 1px #b4ff6822,0 0 0 35px #b4ff6808}.art-1{background:radial-gradient(circle at 70% 20%,#8bb5aa44,transparent 65%),#173333;color:#9addcd}.art-2{background:radial-gradient(circle at 70% 20%,#e4c57444,transparent 65%),#3b3520;color:#e5d297}.art-3{background:radial-gradient(circle at 70% 20%,#b49ee044,transparent 65%),#30243d;color:#d0b9f3}.card-body{padding:22px}.card-body .eyebrow{font-size:9px;color:var(--muted)}.card-body h3{font-size:21px;margin:12px 0 8px;overflow-wrap:anywhere}.card-body p{font-size:12px;color:var(--muted)}.card-link{display:flex;justify-content:space-between;font-size:12px;color:var(--green);border-top:1px solid var(--line);padding-top:15px;margin-top:24px}.skeleton{height:350px;border:1px solid var(--line);background:linear-gradient(120deg,#18221a,#222d24,#18221a);border-radius:18px;animation:pulse 1.8s infinite}.empty-state{border:1px dashed #354534;border-radius:18px;padding:60px 25px;text-align:center}.empty-state svg{color:var(--green);margin-bottom:20px}.auth-main{min-height:70vh;display:flex;justify-content:space-between;align-items:center;gap:70px;max-width:1030px}.auth-intro h1{font-size:64px;letter-spacing:-3px}.auth-panel{width:440px;max-width:100%;flex-shrink:0;padding:36px}.auth-panel h2{font-size:28px}.auth-panel form{margin-top:28px}.auth-panel form button{margin-top:10px}.auth-switch{border-top:1px solid var(--line);padding-top:22px;margin-top:28px;display:flex;gap:10px;justify-content:center;color:var(--muted)}.account-note,.auth-switch,.auth-switch button{font-size:12px}.account-note{background:#ffffff04;border:1px solid var(--line);padding:12px;border-radius:10px;overflow-wrap:anywhere}.playlist-hero{display:flex;align-items:center;gap:28px;margin:10px 0 40px}.playlist-hero h1{overflow-wrap:anywhere}.playlist-art{height:155px;width:155px;flex-shrink:0;background:radial-gradient(circle at 80% 0,#c3ff7770,transparent 70%),#23371b;border:1px solid #52693b;border-radius:22px;position:relative;display:grid;place-items:center;overflow:hidden}.playlist-art span{font-size:86px;font-weight:800;line-height:1;color:#c7ff86;transform:rotate(-12deg);z-index:1}.playlist-art i{position:absolute;width:120px;height:120px;border:20px solid #b4ff6822;border-radius:50%;right:-30px;top:-25px}.track{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:18px;align-items:center}.track:last-child{padding-bottom:0}.track>div:first-child{min-width:0;overflow-wrap:anywhere}.track strong{font-size:15px;font-weight:600}.track .pill{margin-left:8px;font-size:9px}.track small{display:block;margin-top:6px}.track small a:hover{color:var(--green)}.track .row{flex-shrink:0;gap:6px}.track button{padding:7px 11px;font-size:11px}.section-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}.section-heading p{font-size:13px;margin:0}.section-heading h2{margin:0 0 6px}.collaborators>.row button{align-self:flex-end}.helper{gap:7px;font-size:11px;color:var(--muted);margin:16px 0}.helper,.member-row{display:flex;align-items:center}.member-row{justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}.member-row>div,.member-row>span{min-width:0}.member-row button{flex-shrink:0;font-size:11px}.invite-result{border:1px solid #4d623b;border-radius:12px;background:#b4ff6808;padding:18px;margin:20px 0}.invite-result p{font-size:12px;margin-top:6px}.invite-result input{font-size:12px}@keyframes pulse{50%{opacity:.5}}@media(max-width:950px){.home-hero{gap:18px}.vinyl{width:260px;height:260px}.orbit{width:300px;height:300px}.orbit-two{width:340px;height:340px}.hero-art{height:360px}.hero-description{font-size:14px}.home-hero h1{font-size:55px}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-main{gap:30px}.auth-intro h1{font-size:46px}.auth-panel{width:380px}.account-email{display:none}}@media(max-width:640px){header{padding:20px;gap:20px;flex-wrap:wrap}.brand{font-size:23px}.account-nav{gap:16px;justify-content:flex-start;font-size:12px}.account-email{display:block;max-width:170px}main{padding:0 20px;margin-top:32px}.home-hero{grid-template-columns:1fr;padding:10px 0 38px}.home-hero h1{font-size:54px;letter-spacing:-2.5px}.hero-art{margin:25px auto 0;width:100%;max-width:350px;height:350px}.floating-label{right:5px}.features{grid-template-columns:1fr;gap:30px;padding:30px 0}.features article{padding-bottom:20px;border-bottom:1px solid var(--line)}.features article:last-child{border:0;padding:0}.site-footer{flex-direction:column}.playlist-grid{grid-template-columns:1fr}.card-art{height:200px}.create-bar{flex-wrap:wrap;padding:20px;gap:14px}.create-bar .icon-box{display:none}.create-bar .grow{min-width:100%}.create-bar button{width:100%}.library-count{font-size:30px}.page-heading h1{font-size:34px}.page-heading .muted{font-size:13px}.auth-main{display:block;min-height:auto}.auth-intro{display:none}.auth-panel{width:100%;padding:26px}.playlist-hero{flex-wrap:wrap;gap:18px}.playlist-art{width:90px;height:90px;border-radius:16px}.playlist-art span{font-size:52px}.playlist-hero .grow{min-width:170px}.playlist-hero h1{font-size:30px}.playlist-hero p{font-size:12px}.playlist-hero>button{width:100%}.panel{padding:22px;border-radius:16px}.track{align-items:flex-start;flex-wrap:wrap}.track .row{width:100%;justify-content:flex-end}.section-title{align-items:flex-start;gap:8px}.collaborators .row button{width:100%}.member-row{font-size:12px}.hero-actions{gap:18px}.hero-actions .button,.invite-result .row button{width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.playlist-description{white-space:pre-wrap;overflow-wrap:anywhere;max-width:650px}textarea{resize:vertical}.playlist-card .card-body p{overflow-wrap:anywhere}.track-edit{width:280px;max-width:100%;padding:14px;margin-top:12px;background:#0c110e;border:1px solid var(--line);border-radius:12px}.track[draggable=true]{cursor:-webkit-grab;cursor:grab}.track[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.invite-modal{padding:0;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);width:min(680px,calc(100vw - 32px));max-height:85dvh;overflow:auto;box-shadow:0 30px 100px #000b}.invite-modal::-webkit-backdrop{background:#030805bb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.invite-modal::backdrop{background:#030805bb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.invite-modal .panel{margin:0;border:0;border-radius:0}.invite-modal .section-heading>.ghost{padding:8px;flex-shrink:0}.invite-modal .section-heading .grow{min-width:0}.playlist-actions{justify-content:flex-end}@media(max-width:640px){.playlist-actions{width:100%;justify-content:flex-start}.playlist-actions>button{flex:1 1}.invite-modal .section-heading{gap:10px}.invite-modal .section-heading .icon-box{display:none}}