@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#0b0c0f;--panel:#111318;--panel-2:#17191f;--line:#272a32;--text:#f2f4f7;--muted:#858b98;--lime:#b9ff66;--violet:#a58cff;--blue:#72c7ff;--orange:#ffad66;--danger:#f77}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{background:var(--bg);min-height:100vh;margin:0;font-family:Manrope,system-ui,sans-serif}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.auth-shell{background:#090a0c;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);min-height:100dvh;display:grid}.auth-intro{align-self:center;width:min(680px,100%);padding:64px clamp(28px,7vw,110px)}.auth-brand{letter-spacing:-.04em;align-items:center;gap:11px;margin-bottom:70px;font-size:1.1rem;font-weight:800;display:flex}.auth-brand span{background:var(--lime);color:#090a0c;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.auth-brand svg{width:21px}.auth-intro h1,.code-card h1{letter-spacing:-.075em;margin:0;font-size:clamp(3.8rem,8vw,7rem);line-height:.88}.auth-lede{max-width:500px;color:var(--muted);margin:28px 0 0;font-size:clamp(1rem,2vw,1.3rem);line-height:1.55}.auth-form{max-width:500px;margin-top:52px}.auth-form>label{color:#c9cdd5;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:.76rem;font-weight:800;display:block}.phone-field{background:#121419;border:1px solid #343842;border-radius:12px;align-items:stretch;height:62px;transition:border-color .15s,box-shadow .15s;display:flex}.phone-field:focus-within{border-color:var(--lime);box-shadow:0 0 0 3px #b9ff6614}.phone-field>span{color:#dfe2e8;border-right:1px solid #2d3038;align-items:center;gap:8px;padding:0 17px;display:flex}.phone-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:0 18px;font-size:1.15rem}.phone-field input::placeholder{color:#555b66}.auth-submit{border:1px solid var(--lime);background:var(--lime);color:#0b1008;letter-spacing:.01em;cursor:pointer;border-radius:12px;width:100%;min-height:54px;margin-top:20px;font-weight:900}.auth-submit:hover{background:#caff8d}.auth-submit:disabled{opacity:.38;cursor:not-allowed}.auth-fineprint{color:#606671;font-size:.72rem;line-height:1.6}.auth-error{color:var(--danger);margin:16px 0 0;font-size:.82rem;line-height:1.5}.auth-art{background:radial-gradient(circle at 50% 40%,#b9ff6633,#0000 28%),linear-gradient(145deg,#171b15,#0d0f0d 70%);border-left:1px solid #242821;flex-direction:column;justify-content:flex-end;padding:64px;display:flex;position:relative;overflow:hidden}.auth-art:before{content:"";background-image:linear-gradient(#b9ff660b 1px,#0000 1px),linear-gradient(90deg,#b9ff660b 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:-20%;transform:rotate(-12deg)}.auth-art>p{z-index:1;letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,4.5rem);font-weight:800;line-height:.98;position:relative}.auth-orbit{aspect-ratio:1;border:1px solid #b9ff6659;border-radius:50%;place-items:center;width:min(28vw,370px);display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-65%);box-shadow:0 0 100px #b9ff6614,inset 0 0 80px #b9ff660a}.auth-orbit:before,.auth-orbit:after{content:"";border:1px solid #b9ff662e;border-radius:50%;position:absolute;inset:13%}.auth-orbit:after{inset:31%}.auth-orbit svg{width:30%;height:30%;color:var(--lime)}.auth-orbit span{background:var(--lime);width:13px;height:13px;box-shadow:0 0 20px var(--lime);border-radius:50%;position:absolute;top:8%}.auth-spinner{width:30px;height:30px;color:var(--lime);margin:auto;animation:.8s linear infinite auth-spin}.auth-spinner.small{width:18px;height:18px;margin:0}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-shell.code-step{background:radial-gradient(circle at 50% 10%,#1a2118,#090a0c 50%);place-items:center;padding:24px;display:grid}.code-card{background:#111318f0;border:1px solid #2b2f37;border-radius:24px;width:min(620px,100%);padding:clamp(28px,6vw,60px);box-shadow:0 35px 100px #00000080}.code-card h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:.95}.code-card>p:not(.kicker):not(.auth-error):not(.auth-working){color:var(--muted);font-size:1rem}.auth-back,.auth-resend{color:#9da3ae;cursor:pointer;background:0 0;border:0}.auth-back{align-items:center;gap:8px;margin-bottom:34px;padding:0;font-weight:700;display:flex}.auth-back svg{width:17px}.code-icon{width:48px;height:48px;color:var(--lime);background:#b9ff661f;border-radius:13px;place-items:center;margin-bottom:26px;display:grid}.otp-row{grid-template-columns:repeat(6,1fr);gap:9px;margin:36px 0 20px;display:grid}.otp-row input{aspect-ratio:.8;width:100%;min-width:0;color:var(--text);text-align:center;background:#0c0e12;border:1px solid #343842;border-radius:11px;outline:0;font-size:clamp(1.35rem,4vw,2rem);font-weight:800}.otp-row input:focus{border-color:var(--lime);box-shadow:0 0 0 3px #b9ff6614}.auth-working{color:var(--muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.auth-resend{color:var(--lime);margin-top:22px;padding:0;font-weight:800}.auth-resend:disabled{color:#5e646e;cursor:not-allowed}.team-picker{align-items:center;gap:8px;display:flex}.team-picker select{max-width:260px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-weight:700}.team-picker option{background:var(--panel-2)}.user-button{place-items:center;margin-left:4px;display:grid}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);z-index:30;background:#0e1014;flex-direction:column;height:100vh;padding:22px 15px 17px;display:flex;position:sticky;top:0}.brand-row{letter-spacing:-.04em;align-items:center;gap:11px;padding:0 8px 26px;font-size:1.15rem;font-weight:800;display:flex}.brand-mark{background:var(--lime);color:#0b0c0f;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 30px #b9ff6624}.nav-item,.playlist-link{color:#969ca8;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 11px;font-size:.86rem;font-weight:600;display:flex}.nav-item svg,.playlist-link svg{flex:none;width:18px}.nav-item:hover,.playlist-link:hover{color:var(--text);background:#17191f}.nav-item.active{color:var(--text);box-shadow:inset 3px 0 var(--lime);background:#1d2026}.nav-count{background:#282b32;border-radius:10px;place-items:center;min-width:20px;height:20px;margin-left:auto;font-size:.68rem;display:grid}.sidebar-section{margin-top:28px}.section-label{color:#626873;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 11px 8px;font-size:.68rem;font-weight:800;display:flex}.section-label button{color:inherit;cursor:pointer;background:0 0;border:0}.playlist-link.selected{color:#dfffc0;background:#b9ff6614}.playlist-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-link small{color:#666d78;margin-left:auto}.sidebar-bottom{margin-top:auto}.account-card{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:12px 2px 0;padding:12px 8px 0;display:grid}.account-card>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.account-card strong,.account-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-card strong{font-size:.74rem}.account-card small{color:var(--muted);margin-top:2px;font-size:.62rem}.account-card button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.account-card button:hover{color:var(--text);background:#20232a}.account-card button svg{width:16px}.storage-card{border:1px solid var(--line);background:linear-gradient(145deg,#171a20,#121419);border-radius:12px;margin:0 2px 12px;padding:14px}.storage-card>div{align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:flex}.connection-dot{background:var(--orange);width:7px;height:7px;box-shadow:0 0 10px var(--orange);border-radius:50%;margin-left:auto}.storage-card p{color:var(--muted);margin:7px 0 10px;font-size:.73rem}.storage-card button,.storage-action{color:#d9dce2;text-align:center;cursor:pointer;background:#22252c;border:1px solid #343843;border-radius:8px;width:100%;padding:8px;font-size:.72rem;font-weight:700;text-decoration:none;display:block}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#0b0c0fe0;justify-content:space-between;align-items:center;height:72px;padding:0 30px;display:flex;position:sticky;top:0}.team-switcher{cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;font-size:.85rem;font-weight:700;display:flex}.avatar{width:31px;height:31px;color:var(--lime);background:#272b34;border-radius:9px;place-items:center;font-size:.68rem;display:grid}.topbar-actions{gap:9px;display:flex}.primary-button,.secondary-button,.ghost-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:.78rem;font-weight:800;display:inline-flex}.primary-button{border:1px solid var(--lime);background:var(--lime);color:#0d1208;box-shadow:0 8px 24px #b9ff661a}.primary-button:hover{background:#c7ff85}.primary-button:disabled{opacity:.42;cursor:not-allowed}.secondary-button{color:#d6d9df;background:#181a20;border:1px solid #30343d}.secondary-button:hover{background:#20232a;border-color:#464b57}.ghost-button{color:var(--muted);background:0 0;border:0}.icon-button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.icon-button svg{width:19px}.mobile-only{display:none}.content{width:min(1440px,100%);margin:0 auto;padding:40px 34px 70px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.kicker{color:var(--lime);letter-spacing:.14em;text-transform:uppercase;margin:0 0 7px;font-family:DM Mono,monospace;font-size:.66rem}.page-heading h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1}.page-heading p:last-child{color:var(--muted);margin:10px 0 0;font-size:.84rem}.sync-pill{color:#caff91;background:#b9ff660d;border:1px solid #b9ff662e;border-radius:999px;align-items:center;gap:7px;margin-bottom:4px;padding:8px 11px;font-size:.7rem;font-weight:700;display:flex}.sync-pill>span{background:var(--lime);width:7px;height:7px;box-shadow:0 0 9px var(--lime);border-radius:50%}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:30px 0;display:grid}.summary-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#15171c,#101216);border-radius:13px;align-items:center;gap:13px;min-height:86px;padding:16px;display:flex}.summary-icon{border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.summary-icon svg{width:19px}.summary-icon.lime{color:var(--lime);background:#b9ff661f}.summary-icon.violet{color:var(--violet);background:#a58cff1f}.summary-icon.blue{color:var(--blue);background:#72c7ff1f}.summary-icon.orange{color:var(--orange);background:#ffad661f}.summary-grid article div:last-child{flex-direction:column;min-width:0;display:flex}.summary-grid strong{text-overflow:ellipsis;letter-spacing:-.03em;white-space:nowrap;font-size:1.12rem;overflow:hidden}.summary-grid span{color:var(--muted);margin-top:2px;font-size:.7rem}.table-toolbar{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.search-box{border:1px solid var(--line);color:#666d78;background:#121419;border-radius:9px;align-items:center;gap:9px;width:min(390px,100%);padding:0 12px;display:flex}.search-box:focus-within{color:var(--text);border-color:#535966}.search-box input{width:100%;height:39px;color:var(--text);background:0 0;border:0;outline:0;font-size:.78rem}.track-table{border:1px solid var(--line);background:#101216;border-radius:13px;overflow:hidden}.track-row{color:#a1a7b2;border-bottom:1px solid #20232a;grid-template-columns:42px minmax(260px,1.7fr) minmax(70px,.35fr) minmax(85px,.4fr) 70px 130px;align-items:center;min-height:62px;padding:0 13px;font-size:.75rem;display:grid}.track-row:last-child{border-bottom:0}.track-row:not(.track-header):hover{background:#15181d}.track-header{color:#5d6470;letter-spacing:.07em;text-transform:uppercase;min-height:36px;font-family:DM Mono,monospace;font-size:.61rem}.track-number,.row-menu{color:#666d78;cursor:pointer;background:0 0;border:0}.track-number{place-items:center;width:30px;height:30px;display:grid}.track-number svg,.track-row:hover .track-number span{display:none}.track-row:hover .track-number svg{color:var(--lime);display:block}.track-title{align-items:center;gap:11px;min-width:0;display:flex}.track-title>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.track-title strong,.track-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-title strong{color:#e6e8ec;font-size:.79rem;font-weight:700}.track-title span{color:#686f7b;margin-top:3px;font-size:.65rem}.track-title em{color:var(--lime);background:#b9ff661f;border-radius:4px;margin-left:5px;padding:3px 5px;font-family:DM Mono;font-size:.53rem;font-style:normal}.track-title em.track-warning{color:var(--danger);background:#ff77771f}.track-title em.track-pending{color:var(--blue);background:#72c7ff1f}.cover{color:#69717f;background:linear-gradient(135deg,#292e38,#191c22);border-radius:7px;flex:none;place-items:center;width:36px;height:36px;display:grid}.mono{font-family:DM Mono,monospace;font-size:.7rem}.row-menu svg{width:18px}.track-action{border:1px solid var(--line);min-width:0;height:30px;color:var(--muted);background:#171a20;border-radius:7px;padding:0 6px;font-size:.67rem}.track-action-button{color:var(--danger);cursor:pointer;background:0 0;border:0;justify-self:end;font-size:.67rem}.heading-actions{align-items:center;gap:5px;display:flex}.danger-button:hover{color:var(--danger);background:#ff77771a}.loading-list,.error-state,.empty-state{text-align:center;color:var(--muted);padding:44px}.error-state{background:#ff77770d;border:1px solid #ff777740;border-radius:12px}.error-state strong{color:var(--danger)}.error-state p{margin-bottom:0;font-size:.8rem}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.export-dialog{background:#121419;border:1px solid #323641;border-radius:17px;width:min(560px,100%);padding:23px;box-shadow:0 34px 100px #0000008c}.dialog-header{align-items:center;gap:12px;display:flex}.dialog-header h2{letter-spacing:-.04em;margin:0;font-size:1.4rem}.dialog-header .kicker{margin-bottom:3px}.dialog-header .icon-button{margin-left:auto}.export-plan{grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 12px;display:grid}.export-plan>div{border:1px solid var(--line);background:#17191f;border-radius:10px;gap:10px;padding:13px;display:flex}.export-plan svg{width:18px;color:var(--violet)}.export-plan span{flex-direction:column;min-width:0;display:flex}.export-plan strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.export-plan small{color:var(--muted);margin-top:4px;font-size:.64rem}.drive-zone{background:#0f1115;border:1px dashed #3b404b;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.drive-zone>svg{color:var(--lime)}.drive-zone strong{font-size:.78rem}.drive-zone p{text-overflow:ellipsis;max-width:280px;color:var(--muted);white-space:nowrap;margin:3px 0 0;font-size:.64rem;overflow:hidden}.progress-track{background:#24272e;border-radius:3px;height:5px;margin:16px 0 0;overflow:hidden}.progress-track span{background:var(--lime);height:100%;transition:width .2s;display:block}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.panel-list,.settings-grid{margin-top:30px}.panel-list{border:1px solid var(--line);background:#101216;border-radius:13px;overflow:hidden}.panel-list article{border-bottom:1px solid #20232a;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:76px;padding:13px 16px;display:grid}.panel-list article:last-child{border-bottom:0}.panel-list article>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.panel-list strong{font-size:.8rem}.panel-list article span,.panel-list time{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.settings-card{border:1px solid var(--line);background:linear-gradient(145deg,#15171c,#101216);border-radius:13px;padding:22px}.settings-card h2{margin:0;font-size:1rem}.settings-card>p,.settings-card-heading p{color:var(--muted);margin:7px 0 20px;font-size:.75rem;line-height:1.55}.settings-card-heading{align-items:center;gap:12px;display:flex}.settings-card-heading p{margin-bottom:0}.settings-card dl{margin:18px 0}.settings-card dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:10px 0;font-size:.75rem;display:flex}.settings-card dt{color:var(--muted)}.settings-card dd{text-align:right;margin:0;font-weight:700}.member-list{margin-top:18px}.member-list>div{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;display:grid}.member-list>div>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.member-list strong,.member-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-list strong{font-size:.76rem}.member-list small{color:var(--muted);font-size:.65rem}.member-list em{color:var(--lime);text-transform:capitalize;background:#b9ff6617;border-radius:999px;padding:4px 7px;font-size:.62rem;font-style:normal}.status-row{color:#cdd1d8;align-items:center;gap:9px;font-size:.75rem;display:flex}.status-row .connection-dot{margin:0}.settings-field{color:var(--muted);text-transform:uppercase;flex-direction:column;gap:7px;margin:18px 0 10px;font-size:.68rem;font-weight:800;display:flex}.settings-field input{border:1px solid var(--line);height:40px;color:var(--text);text-transform:none;background:#0f1115;border-radius:9px;outline:0;padding:0 11px;font-size:.78rem}.settings-field input:focus{border-color:var(--blue)}.settings-actions{flex-wrap:wrap;gap:8px;display:flex}.invite-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:18px;display:grid}.invite-form label{color:var(--muted);text-transform:uppercase;flex-direction:column;gap:7px;font-size:.68rem;font-weight:800;display:flex}.invite-form input{border:1px solid var(--line);height:40px;color:var(--text);background:#0f1115;border-radius:9px;outline:0;padding:0 11px;font-size:.78rem}.invite-form input:focus{border-color:var(--lime)}@media (max-width:980px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-row{grid-template-columns:38px minmax(220px,1fr) 70px 70px 34px}.track-row>:nth-child(4){display:none}}@media (max-width:760px){.auth-shell{display:block}.auth-intro{flex-direction:column;justify-content:center;min-height:100dvh;padding:34px 24px;display:flex}.auth-brand{margin-bottom:50px}.auth-art{display:none}.app-shell{display:block}.sidebar{width:min(286px,88vw);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:30px 0 80px #00000073}.sidebar-open{transform:translate(0)}.brand-row .mobile-only{margin-left:auto}.mobile-only{display:grid}.topbar{height:64px;padding:0 17px}.team-switcher .avatar,.topbar-actions .secondary-button{display:none}.content{padding:29px 17px 50px}.page-heading{align-items:flex-start}.sync-pill{display:none}.summary-grid{grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.summary-grid article{min-height:76px;padding:12px}.summary-icon{width:34px;height:34px}.table-toolbar .secondary-button{display:none}.search-box{width:100%}.track-table{border-left:0;border-right:0;border-radius:0;margin:0 -17px}.track-header{display:none}.track-row{grid-template-columns:33px minmax(0,1fr) 45px 32px;min-height:67px;padding:0 11px}.track-row>:nth-child(3),.track-row>:nth-child(4){display:none}.track-title strong{font-size:.75rem}.cover{width:34px;height:34px}.export-plan{grid-template-columns:1fr}.drive-zone{grid-template-columns:auto 1fr}.drive-zone .secondary-button{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}.panel-list article{grid-template-columns:auto minmax(0,1fr)}.panel-list time{grid-column:2}}