@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&display=swap";@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes cc-spin{to{transform:rotate(360deg)}}.cc-spinner{box-sizing:border-box;border-style:solid;border-color:var(--border-2);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;animation:.7s linear infinite cc-spin;display:block}.skeleton{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-4) 50%, var(--surface-3) 75%);background-size:800px 100%;animation:1.4s ease-in-out infinite shimmer}:root{--ink-1:#f8f8f8;--ink-2:#a1a1aa;--ink-3:#52525b;--ink-4:#3f3f46;--surface-1:#1c1c1c;--surface-2:#141414;--surface-3:#232323;--surface-4:#2a2a2a;--border-1:#ffffff0f;--border-2:#ffffff1a;--border-3:#ffffff2e;--accent:#0433ff;--accent-hover:#3358ff;--accent-soft:#0433ff24;--accent-border:#0433ff59;--accent-bg:#0433ff1f;--accent-row:color-mix(in srgb, var(--accent) 10%, transparent);--success:#3ecf8e;--success-soft:#3ecf8e1a;--warning:#f59e0b;--destructive:#f87171;--destructive-soft:#f871711a;--font:"Geist", system-ui, sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:15px;--fs-xl:16px;--fs-2xl:18px;--fs-h2:20px;--fs-h1:22px;--fs-stat:24px;--fs-price:28px;--fs-icon-btn:13px;--fs-icon-btn-md:15px;--fs-icon-close:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--sidebar-w:220px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;font-family:var(--font);font-size:var(--fs-md);color:var(--ink-1);background:var(--surface-2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}@media (width>=769px){:root{--fs-2xs:13px;--fs-xs:14px;--fs-sm:15px;--fs-md:16px;--fs-lg:17px;--fs-xl:18px;--fs-2xl:21px;--fs-h2:23px;--fs-h1:25px;--fs-stat:27px;--fs-price:31px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface-2);margin:0}#root{width:100%;min-height:100svh}h1,h2,h3{letter-spacing:-.02em;color:var(--ink-1);font-weight:600}button{font-family:var(--font);font-size:var(--fs-sm);cursor:pointer;border-radius:var(--radius-md);padding:0 var(--space-3);align-items:center;gap:var(--space-2);border:none;height:32px;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:inline-flex}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.secondary{background:var(--surface-3);color:var(--ink-1);border:1px solid var(--border-2)}button.secondary:hover:not(:disabled){background:var(--surface-4);border-color:var(--border-3)}button.btn-icon{justify-content:center;align-items:center;gap:0}input,select{font-family:var(--font);font-size:var(--fs-sm);color:var(--ink-1);background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-md);padding:0 var(--space-3);outline:none;width:100%;height:32px;transition:border-color .12s,box-shadow .12s}select{appearance:none;cursor:pointer;background-color:var(--surface-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:36px}select::-ms-expand{display:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder{color:var(--ink-3)}select option{background:var(--surface-3);color:var(--ink-1)}a{color:var(--accent);text-decoration:none}.auth-shell{background:var(--surface-2);justify-content:center;align-items:center;min-height:100svh;padding:24px 16px;display:flex}.auth-panel{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;margin-inline:auto;display:flex}.auth-brand{width:100%;font-size:var(--fs-2xl);letter-spacing:-.03em;color:var(--ink-1);justify-content:center;align-items:center;gap:10px;font-weight:600;display:flex}.auth-tagline{text-align:center;width:100%;font-size:var(--fs-sm);color:var(--ink-2);margin:0;line-height:1.45}.auth-clerk-slot{justify-content:center;align-items:stretch;width:100%;display:flex}.auth-clerk-slot>*{flex:100%;width:100%;min-width:0}.auth-footer-link{text-align:center;width:100%;font-size:var(--fs-xs);color:var(--ink-3);margin:0}.auth-shell .auth-clerk-root{flex-direction:column!important;align-items:center!important;width:100%!important;max-width:100%!important;display:flex!important}.auth-shell .cl-rootBox{flex-direction:column!important;align-items:center!important;width:100%!important;display:flex!important}.auth-shell .cl-card,.auth-shell .cl-cardBox{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}.auth-shell .cl-header,.auth-shell .cl-main{width:100%!important}.auth-shell .auth-clerk-card{box-shadow:none!important;border:1px solid var(--border-1)!important;background:var(--surface-1)!important;border-radius:var(--radius-lg)!important}.auth-shell .auth-clerk-title{font-size:var(--fs-2xl)!important;letter-spacing:-.02em!important}.auth-shell .auth-clerk-primary{background:var(--accent)!important;color:#fff!important;font-weight:500!important}.auth-shell .auth-clerk-social{border:1px solid var(--border-2)!important;background:var(--surface-3)!important;color:var(--ink-1)!important}.auth-shell .auth-clerk-divider{background:var(--border-1)!important}.auth-shell .auth-clerk-divider-text{color:var(--ink-3)!important}.auth-shell .auth-clerk-field-input{border-color:var(--border-2)!important}.layout-topbar,.layout-overlay{display:none}@media (width<=768px){:root{--sidebar-w:0px}.layout-topbar{background:var(--surface-1);border-bottom:1px solid var(--border-1);z-index:150;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.layout-sidebar{z-index:200;transition:transform .22s;transform:translate(-100%);height:100dvh!important;position:fixed!important;top:0!important}.layout-sidebar.is-open{transform:translate(0)}.layout-overlay{z-index:199;background:#0000008c;display:block;position:fixed;inset:0}.layout-main{padding-top:76px!important}.layout-drawer-close{display:flex!important}}.layout-drawer-close{color:var(--ink-2);font-size:var(--fs-h2);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:4px 8px;line-height:1;display:none}.layout-drawer-close:hover{color:var(--ink-1);background:var(--surface-3)}.dl-row{grid-template-columns:1fr 100px 80px 80px;display:grid}@media (width<=540px){.dl-row{grid-template-columns:1fr 70px 80px}.dl-col-genre{display:none}}.at-track-row{border-left:3px solid var(--row-accent,transparent);transition:background .1s}.at-track-row:hover{background:#ffffff07}.at-track-row.is-selected{background:var(--accent-row)}.at-col-actions-header{text-align:right;justify-self:end}.at-btn-delete{border-radius:var(--radius-md);width:28px;height:28px;color:var(--destructive);cursor:pointer;font-size:15px;line-height:1;font-family:var(--font);background:0 0;border:1px solid #f8717140;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .12s,border-color .12s;display:inline-flex}.at-btn-delete:hover:not(:disabled){background:#f871711a;border-color:#f8717173}.at-btn-delete:disabled{opacity:.4;cursor:not-allowed}.at-btn-delete-label{display:none}@media (width<=520px){.at-btn-delete{width:auto;height:28px;font-size:var(--fs-xs);padding:0 10px}.at-btn-delete-icon{display:none}.at-btn-delete-label{display:inline}}@keyframes at-id3-pulse{0%,to{opacity:1}50%{opacity:.3}}.at-sync-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.1s ease-in-out infinite at-id3-pulse;display:inline-block;box-shadow:0 0 0 2px #0433ff2e}.at-track-chips{flex-wrap:wrap;gap:4px;margin-top:5px;display:none}.at-chip{font-size:10px;font-family:var(--mono);color:var(--ink-3);background:var(--surface-3);border:1px solid var(--border-1);white-space:nowrap;border-radius:3px;align-items:center;padding:1px 6px;line-height:1.7;display:inline-flex}.at-row{grid-template-columns:36px minmax(0,1fr) 130px 66px 88px 66px minmax(140px,210px);display:grid}.at-row>*{min-width:0}.at-cell-tail{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}@media (width<=1100px){.at-row{grid-template-columns:36px minmax(0,1fr) 130px 88px 66px minmax(140px,200px)}.at-col-bpm{display:none}}@media (width<=820px){.at-row{grid-template-columns:36px minmax(0,1fr) 88px 66px minmax(140px,190px)}.at-col-genre{display:none}}@media (width<=520px){.at-header{align-items:center;display:flex}.at-header>button,.at-header>span{display:none}.at-row:not(.at-header){flex-wrap:wrap;align-items:center;display:flex}.at-row:not(.at-header)>input[type=”checkbox”]{flex:none;order:1;align-self:center}.at-col-track{flex:1;order:2;align-self:center;min-width:0;padding-left:8px}.at-col-plan{flex:none;order:3;align-self:flex-start;margin-top:2px;margin-left:8px}.at-col-genre,.at-col-bpm{display:none}.at-track-chips{display:flex}.at-cell-meta{flex-wrap:wrap;order:4;align-items:center;gap:6px;width:100%;margin-top:8px;padding-left:22px;display:flex}.at-cell-tail{border-top:1px solid var(--border-1);flex-wrap:wrap;order:5;justify-content:flex-end;align-items:center;gap:6px;width:100%;margin-top:8px;padding-top:8px;display:flex}}.track-list{-webkit-overflow-scrolling:touch;--track-cols:36px minmax(0,1fr) auto;overflow-x:auto}.track-list.has-bpm{--track-cols:36px minmax(0,1fr) 64px auto}.track-list.has-key{--track-cols:36px minmax(0,1fr) 72px auto}.track-list.has-bpm.has-key{--track-cols:36px minmax(0,1fr) 64px 72px auto}.track-list.has-genre{--track-cols:36px minmax(0,1fr) 110px auto}.track-list.has-genre.has-bpm{--track-cols:36px minmax(0,1fr) 110px 64px auto}.track-list.has-genre.has-key{--track-cols:36px minmax(0,1fr) 110px 72px auto}.track-list.has-genre.has-bpm.has-key{--track-cols:36px minmax(0,1fr) 110px 64px 72px auto}@media (width<=900px){.col-genre{display:none}.track-list.has-genre{--track-cols:36px minmax(0,1fr) auto}.track-list.has-genre.has-bpm{--track-cols:36px minmax(0,1fr) 64px auto}.track-list.has-genre.has-key{--track-cols:36px minmax(0,1fr) 72px auto}.track-list.has-genre.has-bpm.has-key{--track-cols:36px minmax(0,1fr) 64px 72px auto}}@media (width<=680px){.col-bpm{display:none}.track-list.has-bpm{--track-cols:36px minmax(0,1fr) auto}.track-list.has-bpm.has-key{--track-cols:36px minmax(0,1fr) 72px auto}.track-list.has-genre.has-bpm{--track-cols:36px minmax(0,1fr) auto}.track-list.has-genre.has-bpm.has-key{--track-cols:36px minmax(0,1fr) 72px auto}.track-row-actions{min-width:140px}}@media (width<=480px){.col-key{display:none}.track-list.has-key,.track-list.has-bpm.has-key,.track-list.has-genre.has-key,.track-list.has-genre.has-bpm.has-key{--track-cols:36px minmax(0,1fr) auto}.track-row{gap:0 10px;padding:10px 12px}.track-row-actions{gap:4px;min-width:0}}@media (width<=360px){.track-row{gap:0 8px;padding:8px 10px}.track-row-play{width:26px!important;min-width:26px!important;height:26px!important}}.track-row{grid-template-columns:var(--track-cols);cursor:default;align-items:center;gap:0 14px;padding:11px 16px;transition:background .15s;display:grid}.track-row:not(.track-header):hover{background:#ffffff06!important}.track-row-play{color:#ffffff73!important;background:#ffffff12!important;border:none!important;border-radius:50%!important;width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;transition:background .15s,color .15s!important}.track-row-play:hover:not(:disabled){color:#fffc!important;background:#ffffff21!important}.track-row[style*="rgba(4,51,255"] .track-row-play{background:var(--accent)!important;color:#fff!important}.track-row-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;min-width:196px;display:flex}.col-bpm,.col-key{justify-content:flex-start;align-items:center;display:flex}@media (width<=520px){.track-filter-spacer{display:none}}@media (width<=400px){.track-search-input::placeholder{font-size:11px}}@keyframes heroIn{0%{opacity:0;filter:blur(6px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}.hero-eyebrow{font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:24px;font-weight:500;animation:.5s cubic-bezier(.22,1,.36,1) both heroIn}.hero-title{letter-spacing:-.04em;margin-bottom:28px;font-size:clamp(40px,7.5vw,88px);font-weight:600;line-height:1.05;animation:.6s cubic-bezier(.22,1,.36,1) 80ms both heroIn}.hero-title-bright{color:var(--ink-1)}.hero-title-dim{color:#ffffff4d}.hero-body{animation:.6s cubic-bezier(.22,1,.36,1) .16s both heroIn}.hero-ctas{animation:.6s cubic-bezier(.22,1,.36,1) .24s both heroIn}.landing-cta-primary{height:44px;font-size:var(--fs-md);background:var(--accent);color:#fff;border-radius:6px;justify-content:center;align-items:center;padding:0 24px;font-weight:500;transition:box-shadow .2s,transform .15s;display:inline-flex}.landing-cta-primary:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent), 0 4px 16px #0433ff59;transform:translateY(-1px)}.landing-cta-primary:active{transform:translateY(0)}.landing-cta-secondary{height:44px;font-size:var(--fs-md);color:var(--ink-2);border:1px solid var(--border-2);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0 24px;font-weight:500;text-decoration:none;transition:border-color .18s,color .18s,transform .15s;display:inline-flex}.landing-cta-secondary:hover{color:var(--ink-1);border-color:var(--border-3);transform:translateY(-1px)}@keyframes revealUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0}.reveal.revealed{animation:.55s cubic-bezier(.22,1,.36,1) both revealUp}.reveal.revealed:first-child{animation-delay:0s}.reveal.revealed:nth-child(2){animation-delay:60ms}.reveal.revealed:nth-child(3){animation-delay:.12s}.reveal.revealed:nth-child(4){animation-delay:.18s}.plan-card{transition:transform .2s,box-shadow .2s,border-color .2s}.plan-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000080;border-color:#ffffff1f!important}.plan-card--featured{box-shadow:0 24px 48px #0006}.plan-card--featured:hover{box-shadow:inset 0 0 0 1px #0433ff26,0 20px 56px #0000008c;border-color:#0433ff99!important}.nav-link{transition:color .15s}.nav-link:hover{color:var(--ink-1)!important}.btn-primary{transition:box-shadow .2s,transform .15s}.btn-primary:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent), 0 2px 10px #00000040;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{transition:background .18s,border-color .18s,transform .15s}.btn-secondary:hover{transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}@media (width<=600px){.app-preview-bpm,.app-preview-key{display:none}.landing-hero{padding:48px 20px 40px!important}.landing-manifesto{padding:40px 20px!important}.landing-pricing{padding:40px 20px 36px!important}.landing-cta{padding:0 20px 56px!important}.hero-eyebrow{margin-bottom:16px}.sticky-features-container{height:200vh!important}.cta-final-card{grid-template-columns:1fr!important}.cta-final-card>div:first-child{padding:28px 20px!important}.cta-final-card>div:last-child{min-height:200px;padding:0 16px 16px!important}footer{padding:32px 20px!important}}