:root{color:#f6f6f2;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0a0c0b;--panel:#121513;--panel-raised:#181c19;--line:#ffffff17;--muted:#9ba49e;--green:#b6f36b;--green-deep:#1ed760;--coral:#ff846d;--violet:#ad92ff;--danger:#ff725e;background:#0a0c0b;font-family:Avenir Next,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}.app-shell,.landing-shell{min-height:100vh;position:relative;overflow:hidden}.ambient{pointer-events:none;filter:blur(120px);opacity:.11;z-index:0;border-radius:999px;position:fixed}.ambient-one{background:#6cd971;width:560px;height:560px;top:-260px;right:-140px}.ambient-two{opacity:.07;background:#df7cff;width:480px;height:480px;bottom:-260px;left:-220px}.topbar{border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:86px;margin:0 auto;display:flex;position:relative}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:var(--green);color:#0c130b;border-radius:50%;place-items:center;width:35px;height:35px;display:inline-grid;box-shadow:0 0 32px #b6f36b2e}.brand-mark.large{width:52px;height:52px}.brand.muted{color:#c5cbc7}.brand.muted .brand-mark{width:30px;height:30px;color:var(--green);box-shadow:none;background:#252b27}.account-actions{align-items:center;gap:10px;display:flex}.account-chip{border:1px solid var(--line);background:#ffffff09;border-radius:999px;align-items:center;gap:9px;padding:5px 12px 5px 5px;font-size:13px;display:flex}.account-chip img,.account-chip>span{object-fit:cover;width:30px;height:30px;color:var(--green);background:#29302b;border-radius:50%;place-items:center;display:grid}.icon-button,.close-button{border:1px solid var(--line);color:var(--muted);background:#ffffff09;place-items:center;transition:all .16s;display:grid}.icon-button{border-radius:50%;width:42px;height:42px}.icon-button:hover,.close-button:hover{color:#fff;border-color:#ffffff38}main{z-index:1;width:min(1180px,100% - 48px);margin:0 auto;position:relative}.hero{padding:82px 0 74px}.dashboard-hero{grid-template-columns:1.5fr .8fr;align-items:end;gap:64px;display:grid}.eyebrow,.section-kicker{color:var(--green);letter-spacing:.18em;align-items:center;gap:7px;margin:0 0 18px;font-size:11px;font-weight:800;display:flex}.hero h1,.landing-copy h1{letter-spacing:-.065em;max-width:820px;margin:0;font-size:clamp(48px,7vw,86px);line-height:.98}.hero h1 span,.landing-copy h1 span{color:#8f9993}.hero-copy{color:#abb3ae;max-width:650px;margin:28px 0 0;font-size:clamp(16px,2vw,19px);line-height:1.7}.protected-card{background:linear-gradient(135deg,#b6f36b14,#b6f36b05);border:1px solid #b6f36b33;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;min-height:106px;padding:22px;display:grid}.protected-icon{width:48px;height:48px;color:var(--green);background:#b6f36b1a;border-radius:15px;place-items:center;display:grid}.protected-card p{margin:0 0 4px;font-weight:750}.protected-card span span,.protected-card div span{color:var(--muted);font-size:13px;line-height:1.4}.protected-card>svg{color:var(--green)}.dashboard-error{width:min(720px,100%);margin:-42px 0 55px}.section-block{border-top:1px solid var(--line);padding:78px 0}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px;display:flex}.section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(30px,4vw,45px)}.section-heading .section-kicker{margin-bottom:12px}.section-heading>div>p:last-child{max-width:620px;color:var(--muted);margin:12px 0 0;line-height:1.6}.secondary-button,.danger-button,.spotify-button{border-radius:999px;justify-content:center;align-items:center;gap:9px;font-weight:750;transition:all .16s;display:inline-flex}.secondary-button{color:#e2e6e3;border:1px solid var(--line);background:#ffffff0b;padding:11px 17px}.secondary-button:hover:not(:disabled){background:#ffffff14;transform:translateY(-1px)}.secondary-button.full{width:100%}.overview-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.library-card{background:linear-gradient(160deg, #ffffff0a, transparent 48%), var(--panel);border:1px solid var(--line);border-radius:24px;min-width:0;padding:24px;position:relative;overflow:hidden}.library-card:after{content:"";filter:blur(60px);opacity:.08;border-radius:50%;width:150px;height:150px;position:absolute;top:-70px;right:-50px}.library-card.coral:after{background:var(--coral)}.library-card.violet:after{background:var(--violet)}.library-card.green:after{background:var(--green)}.library-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.category-icon{border-radius:14px;place-items:center;width:45px;height:45px;display:grid}.coral .category-icon{color:var(--coral);background:#ff846d1a}.violet .category-icon{color:var(--violet);background:#ad92ff1a}.green .category-icon{color:var(--green);background:#b6f36b1a}.read-only-badge{color:var(--green);letter-spacing:.12em;border:1px solid #b6f36b33;border-radius:999px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;font-weight:850;display:flex}.library-card>p{color:var(--muted);margin:0;font-size:13px}.big-count{letter-spacing:-.05em;margin:6px 0 24px;font-size:50px;line-height:1;display:block}.preview-list{gap:2px;min-height:204px;display:grid}.preview-item{border-top:1px solid #ffffff0e;grid-template-columns:40px 1fr;align-items:center;gap:11px;min-width:0;padding:7px 0;display:grid}.preview-item img,.image-fallback{object-fit:cover;color:#818a84;background:#292e2b;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.preview-item img.round,.image-fallback.round{border-radius:50%}.preview-item div{min-width:0}.preview-item strong,.preview-item span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.preview-item strong{margin-bottom:3px;font-size:12px}.preview-item div span{color:var(--muted);font-size:11px}.empty-state{color:var(--green);justify-content:center;align-items:center;gap:7px;min-height:140px;font-size:13px;display:flex}.danger-heading{align-items:center}.caution-pill{color:#ffc2b8;background:#ff725e12;border:1px solid #ff725e38;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:750;display:inline-flex}.action-grid{grid-template-columns:repeat(2,1fr);gap:17px;display:grid}.cleanup-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:29px;transition:all .18s}.cleanup-card:hover{border-color:#ff725e33;transform:translateY(-2px)}.cleanup-card-icon{width:50px;height:50px;color:var(--coral);background:#ff725e17;border-radius:15px;place-items:center;display:grid}.cleanup-card h3{letter-spacing:-.035em;margin:20px 0 8px;font-size:24px}.cleanup-card>p{color:var(--muted);min-height:68px;margin:0;font-size:14px;line-height:1.6}.cleanup-count{border-top:1px solid var(--line);align-items:baseline;gap:9px;margin:22px 0;padding-top:19px;display:flex}.cleanup-count strong{letter-spacing:-.04em;font-size:28px}.cleanup-count span{color:var(--muted);font-size:12px}.danger-button{color:#ffb7aa;background:#ff725e12;border:1px solid #ff725e33;padding:12px 18px}.danger-button:hover:not(:disabled){background:#ff725e21;transform:translateY(-1px)}.danger-button.solid{color:#180704;background:var(--danger);border-color:var(--danger)}.danger-button.solid:hover:not(:disabled){background:#ff8876}.cleanup-card .danger-button{width:100%}.combined-action{border:1px solid var(--line);background:linear-gradient(90deg,#ff725e0e,#0000 58%),#101311;border-radius:21px;justify-content:space-between;align-items:center;gap:22px;margin-top:17px;padding:23px 25px;display:flex}.combined-copy{align-items:center;gap:16px;display:flex}.combined-icon{width:46px;height:46px;color:var(--coral);background:#242925;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.combined-copy h3{margin:0 0 4px;font-size:17px}.combined-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.scope-note{color:#aeb5b0;border:1px solid var(--line);background:#ffffff06;border-radius:15px;align-items:flex-start;gap:11px;margin-top:20px;padding:16px 18px;font-size:12px;line-height:1.6;display:flex}.scope-note svg{color:#d7aa65;flex-shrink:0;margin-top:1px}.scope-note p{margin:0}footer{border-top:1px solid var(--line);width:min(1180px,100% - 48px);min-height:115px;color:var(--muted);z-index:1;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;font-size:11px;display:flex;position:relative}footer p{text-align:center}footer a{color:#c4cac6;align-items:center;gap:5px;text-decoration:none;display:flex}.landing-topbar{border-bottom-color:#ffffff0f}.private-badge{color:var(--green);letter-spacing:.14em;align-items:center;gap:6px;font-size:9px;font-weight:800;display:inline-flex}.landing-main{grid-template-columns:1.03fr .97fr;align-items:center;gap:clamp(50px,8vw,110px);min-height:calc(100vh - 174px);padding:70px 0;display:grid}.landing-copy h1{font-size:clamp(54px,6vw,82px)}.spotify-button{color:#0a160c;background:var(--green);border:0;margin-top:32px;padding:15px 22px;box-shadow:0 12px 44px #b6f36b24}.spotify-button:hover:not(:disabled){background:#c2ff79;transform:translateY(-2px)}.connect-note{color:#8d9791;align-items:center;gap:6px;margin:15px 0 0;font-size:11px;display:flex}.connect-note svg{color:var(--green)}.error-banner{color:#ffc1b7;background:#ff725e14;border:1px solid #ff725e33;border-radius:13px;align-items:flex-start;gap:9px;margin-top:22px;padding:13px 15px;font-size:12px;line-height:1.5;display:flex}.error-banner svg{flex-shrink:0}.landing-visual{perspective:1000px;height:520px;position:relative}.visual-card{border:1px solid var(--line);background:linear-gradient(155deg,#ffffff0e,#ffffff03),#121513;border-radius:26px;width:275px;min-height:310px;padding:24px;position:absolute;box-shadow:0 28px 90px #00000059}.visual-card-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.visual-card-top>span{border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.visual-card-top small{color:#768079;letter-spacing:.16em;font-size:8px;font-weight:850}.visual-card>strong{letter-spacing:-.025em;font-size:18px}.songs-card{top:28px;left:0;transform:rotate(-7deg)}.songs-card .visual-card-top>span{color:var(--coral);background:#ff846d1a}.artists-card{top:0;right:6px;transform:rotate(7deg)}.artists-card .visual-card-top>span{color:var(--violet);background:#ad92ff1a}.playlist-card{z-index:2;border-color:#b6f36b33;min-height:280px;bottom:0;left:50%;transform:translate(-50%)rotate(-1deg)}.playlist-card .visual-card-top>span{color:var(--green);background:#b6f36b1a}.fake-tracks{gap:10px;margin:24px 0 26px;display:grid}.fake-tracks i{background:linear-gradient(90deg,#303632 0 34px,#0000 34px),linear-gradient(90deg,#0000 45px,#252a27 45px 85%,#0000 85%);border-bottom:1px solid #ffffff0a;border-radius:8px;height:34px;display:block}.fake-artists{align-items:center;margin:52px 0 58px;display:flex}.fake-artists i{background:linear-gradient(145deg,#493e65,#25212f);border:3px solid #151815;border-radius:50%;width:45px;height:45px;margin-left:-7px}.fake-artists i:first-child{margin-left:0}.remove-tag,.safe-tag{border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:9px;font-weight:800;display:inline-flex}.remove-tag{color:#ffa797;background:#ff725e14}.safe-tag{color:var(--green);background:#b6f36b17}.shield-orbit{width:82px;height:82px;color:var(--green);border:1px solid #b6f36b29;border-radius:50%;place-items:center;margin:25px auto 23px;display:grid;box-shadow:inset 0 0 44px #b6f36b14}.landing-trust-row{border-top:1px solid var(--line);color:#7f8882;letter-spacing:.04em;justify-content:center;gap:44px;width:min(1180px,100% - 48px);height:88px;margin:0 auto;font-size:10px;display:flex}.landing-trust-row span{align-items:center;gap:7px;display:flex}.landing-trust-row svg{color:var(--green)}.loading-screen{min-height:100vh;color:var(--muted);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.loading-screen p{margin:0;font-size:12px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020403c2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog{background:#141714;border:1px solid #ffffff1f;border-radius:26px;width:min(540px,100%);max-height:calc(100vh - 48px);padding:34px;position:relative;overflow:auto;box-shadow:0 30px 100px #0000008c}.close-button{border-radius:50%;width:36px;height:36px;position:absolute;top:18px;right:18px}.warning-icon{width:52px;height:52px;color:var(--danger);background:#ff725e17;border-radius:16px;place-items:center;margin-bottom:24px;display:grid}.confirm-dialog h2,.job-panel h2{letter-spacing:-.04em;margin:0;font-size:30px}.dialog-copy{color:var(--muted);font-size:14px;line-height:1.6}.dialog-copy strong{color:#fff}.playlist-guarantee{color:var(--green);background:#b6f36b0e;border:1px solid #b6f36b2e;border-radius:14px;align-items:center;gap:12px;margin:20px 0;padding:14px;display:flex}.playlist-guarantee div{gap:3px;display:grid}.playlist-guarantee strong{font-size:12px}.playlist-guarantee span{color:#8e9b91;font-size:10px}.acknowledge-row{color:#b1b8b3;cursor:pointer;grid-template-columns:18px 1fr;align-items:start;gap:10px;font-size:11px;line-height:1.5;display:grid}.acknowledge-row input{accent-color:var(--danger);margin:1px 0 0}.confirm-input-label{color:var(--muted);margin:21px 0 8px;font-size:11px;display:block}.confirm-input-label strong{color:#f4b2a7}.confirm-input{border:1px solid var(--line);color:#fff;background:#0d100e;border-radius:12px;outline:none;width:100%;padding:13px 14px}.confirm-input:focus{border-color:#ff725e8c;box-shadow:0 0 0 3px #ff725e14}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.job-panel{z-index:60;background:#151915;border:1px solid #ffffff1f;border-radius:24px;width:min(430px,100% - 48px);padding:25px;position:fixed;bottom:24px;right:24px;box-shadow:0 30px 90px #00000080}.job-status-icon{border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:18px;display:grid}.job-status-icon.running,.job-status-icon.complete{color:var(--green);background:#b6f36b17}.job-status-icon.cancelled{color:#e4c27f;background:#e4c27f17}.job-status-icon.error{color:var(--danger);background:#ff725e17}.job-heading .section-kicker{margin-bottom:8px}.job-panel h2{font-size:23px}.progress-track{background:#292e2a;border-radius:999px;height:7px;margin:21px 0 9px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--green);height:100%;transition:width .25s;display:block}.progress-meta{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.job-note,.job-result{color:var(--muted);font-size:12px;line-height:1.55}.job-note{margin:18px 0}.job-result strong{color:#fff;margin-right:4px;font-size:22px}@media (width<=900px){.dashboard-hero,.landing-main{grid-template-columns:1fr}.protected-card{max-width:500px}.overview-grid{grid-template-columns:1fr 1fr}.library-card.green{grid-column:1/-1}.landing-main{padding-top:55px}.landing-visual{width:min(600px,100%);margin:0 auto}.landing-trust-row{flex-wrap:wrap;align-content:center;gap:12px 25px}}@media (width<=650px){.topbar,main,footer,.landing-trust-row{width:min(100% - 30px,1180px)}.topbar{height:72px}.account-chip strong{display:none}.hero{padding:58px 0 52px}.hero h1,.landing-copy h1{font-size:clamp(44px,14vw,62px)}.hero-copy{font-size:15px}.section-block{padding:58px 0}.section-heading,.combined-action,footer{flex-direction:column;align-items:flex-start}.overview-grid,.action-grid{grid-template-columns:1fr}.library-card.green{grid-column:auto}.cleanup-card>p{min-height:0}.combined-action .danger-button{width:100%}footer{padding:30px 0}footer p{text-align:left}.landing-visual{transform-origin:top;height:460px;margin-bottom:-55px;transform:scale(.88)}.visual-card{width:250px}.artists-card{right:-8px}.songs-card{left:-8px}.landing-trust-row{flex-direction:column;align-items:flex-start;height:auto;min-height:110px;padding:20px 0}.confirm-dialog{padding:27px 22px}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}.job-panel{width:calc(100% - 30px);bottom:15px;right:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
