:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;--shell-pad-x:clamp(.75rem, 3vw, 2.25rem);--shell-pad-y:clamp(.75rem, 3vw, 2.25rem);--shell-gap:1.25rem;--topbar-control:2.75rem;--topbar-logo-size:clamp(8rem, 17.2vw, 11rem);--topbar-pad:10px;--topbar-zone:264px;--topbar-content:max(var(--topbar-control), var(--topbar-logo-size));--topbar-offset:calc((var(--topbar-zone) - var(--topbar-content) - 2 * var(--topbar-pad)) / 2);--player-dock-space:calc(6.75rem + env(safe-area-inset-bottom,0px));--page-bg:#020617;background:#020617;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{background:var(--page-bg);background-attachment:fixed;min-width:0;min-height:100vh;margin:0;overflow-x:clip}button,input,textarea{font:inherit}button{color:#082f49;cursor:pointer;background:#38bdf8;border:0;border-radius:999px;padding:.85rem 1.2rem;font-weight:800;transition:opacity .2s,transform .2s,background .2s}button:hover:not(:disabled){background:#7dd3fc;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}input,textarea{color:#f8fafc;background:#0f172acc;border:1px solid #94a3b85c;border-radius:18px;outline:none;width:100%;padding:.95rem 1rem}textarea{resize:vertical;min-height:180px}input:focus,textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81f}label{color:#cbd5e1;font-size:.92rem;font-weight:700}h1,h2,h3,h4,p{margin:0}h1{color:#f8fafc;letter-spacing:-.05em;font-size:clamp(2rem,5vw,4rem)}h2{font-size:1.35rem}h3{color:#f8fafc;font-size:1.25rem}h4{color:#f8fafc;margin-top:.45rem;font-size:1rem}.auth-shell,.app-shell{min-height:100vh}.auth-shell{padding:var(--shell-pad-y) var(--shell-pad-x);place-items:center;width:100%;display:grid}.auth-card,.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172abd;border:1px solid #94a3b838;border-radius:28px;box-shadow:0 24px 80px #00000040}.auth-card{gap:1.25rem;width:100%;max-width:520px;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.neverdown-logo{background:0 0;flex:none;position:relative;overflow:hidden}.neverdown-logo-image{object-fit:cover;width:100%;height:100%;display:block}.neverdown-logo-nav{height:var(--topbar-logo-size);width:var(--topbar-logo-size);border-radius:18px}.neverdown-logo-button{box-shadow:none;cursor:pointer;border:0;padding:0;transform:none}.neverdown-logo-button:hover:not(:disabled){background:0 0;transform:none}.neverdown-logo-button:focus-visible{outline-offset:3px;outline:3px solid #38bdf8b3}.neverdown-logo-auth{aspect-ratio:1;border:1px solid #94a3b838;border-radius:24px;justify-self:center;width:min(80vw,440px)}.neverdown-logo-fallback{color:#f8fafc;letter-spacing:-.03em;background:0 0;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:flex;position:absolute;inset:0}.auth-sub,.auth-status{color:#94a3b8;margin:0;font-size:.95rem;line-height:1.5}.auth-status strong{color:#f8fafc;font-weight:700}.auth-form,.create-form{gap:.75rem;display:grid}.auth-row{flex-wrap:wrap;gap:.5rem;display:flex}.auth-row input{flex:12rem;min-width:0}.auth-row button{flex:none}.auth-linkish{justify-self:start}.create-panel{gap:.75rem;display:grid}.create-panel .create-form{background:#0f172a;border-radius:20px;padding:clamp(1rem,3vw,1.5rem)}.jobs-layout{gap:1.25rem;width:100%;min-width:0;max-width:100%;display:grid}.create-form.users-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end}@media (width<=720px){.create-form.users-form{grid-template-columns:1fr}}.app-shell{min-width:0;max-width:1100px;padding:var(--topbar-offset) var(--shell-pad-x) var(--shell-pad-y);align-content:start;gap:0;width:100%;margin:0 auto;display:grid;overflow-x:clip}.app-shell-with-player{padding-bottom:calc(var(--player-dock-space) + var(--shell-pad-y))}.topbar-stack{z-index:30;width:100%;margin:0;position:sticky;top:0}.topbar-veil{background:var(--page-bg);height:calc(env(safe-area-inset-top,0px) + var(--topbar-pad) + var(--topbar-content) + var(--topbar-pad));pointer-events:none;z-index:20;background-attachment:fixed;position:fixed;top:0;left:0;right:0}.topbar{box-shadow:none;min-height:calc(var(--topbar-content) + 2 * var(--topbar-pad));padding:calc(env(safe-area-inset-top,0px) + var(--topbar-pad)) 0 var(--topbar-pad);background:0 0;border:0;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;width:100%;margin:0;display:flex;position:relative}.topbar-leading{z-index:2;flex:1 1 0;min-width:0}.topbar-brand{pointer-events:none;z-index:1;flex:none;position:absolute;left:50%;transform:translate(-50%)}.topbar-brand .neverdown-logo-button{pointer-events:auto}.app-body{align-content:start;gap:var(--shell-gap);margin-top:var(--topbar-offset);z-index:0;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;display:grid;position:relative}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar-search{flex:0 auto;width:min(100%,260px);min-width:0;max-width:260px;margin:0;position:relative}.topbar-search input{color:#f8fafc;height:var(--topbar-control);min-height:var(--topbar-control);background:#0f172a;border:1px solid #94a3b847;border-radius:999px;width:100%;padding:0 1rem}.topbar-search input::placeholder{color:#94a3b8}.topbar-search input:focus{border-color:#38bdf88c;box-shadow:0 0 0 3px #38bdf81f}.topbar-search-results{z-index:50;background:#0f172a;border:1px solid #94a3b838;border-radius:18px;gap:.65rem;width:min(92vw,340px);max-height:min(70vh,420px);padding:.65rem;display:grid;position:absolute;top:calc(100% + .45rem);left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 18px 48px #00000073}.topbar-search-group{gap:.2rem;display:grid}.topbar-search-heading,.topbar-search-empty{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;margin:0;padding:.2rem .45rem;font-size:.75rem;font-weight:700}.topbar-search-item{color:#e2e8f0;text-align:left;background:0 0;border-radius:12px;grid-template-columns:auto minmax(0,1fr);place-items:center start;gap:.65rem;width:100%;padding:.45rem;display:grid;transform:none}.topbar-search-item:hover:not(:disabled){background:#94a3b81f;transform:none}.topbar-search-thumb{object-fit:cover;border-radius:8px;width:36px;height:36px}.topbar-search-thumb-empty{background:#152033;display:block}.topbar-search-copy{gap:.1rem;min-width:0;display:grid}.topbar-search-copy strong,.topbar-search-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-search-copy span{color:#94a3b8;font-size:.8rem}.track-card.is-search-focus{box-shadow:0 0 0 2px #38bdf8a6}.topbar-actions{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;max-width:100%;display:flex;overflow-x:auto}.topbar-actions::-webkit-scrollbar{display:none}.topbar-actions>button{box-shadow:none;color:#e2e8f0;height:var(--topbar-control);min-height:var(--topbar-control);background:#94a3b824;flex:none;font-weight:700;transform:none}.topbar-actions>button:not(.topbar-user-button){padding:0 .85rem}.topbar-actions>button:hover:not(:disabled):not(.is-active){box-shadow:none;background:#94a3b83d;transform:none}.topbar-actions>button.secondary{color:#e2e8f0;background:#94a3b824}.topbar-actions>button.is-active:not(.topbar-user-button),.topbar-actions>button:not(.secondary):not(.topbar-user-button){color:#f9a8d4;background:#f43f8e38;box-shadow:inset 0 0 0 1px #f472b68c}.topbar-actions>button.is-active:not(.topbar-user-button):hover:not(:disabled),.topbar-actions>button:not(.secondary):not(.topbar-user-button):hover:not(:disabled){color:#fbcfe8;background:#f43f8e52;transform:none;box-shadow:inset 0 0 0 1px #fb71a8bf}.topbar-actions>.topbar-user-button,.topbar-user-button{box-shadow:none;color:inherit;height:var(--topbar-control);width:var(--topbar-control);background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;padding:0;display:inline-grid;transform:none}.app-banner:empty{display:none}.app-banner{min-width:0}.topbar-user-button:hover:not(:disabled){box-shadow:none;background:#94a3b81f;transform:none}.topbar-user-button.is-active{background:#f43f8e38;border-color:#f472b6a6;box-shadow:inset 0 0 0 1px #f472b673}.user-avatar{color:#e2e8f0;letter-spacing:.02em;background:#0f172af2;border:1px solid #94a3b847;border-radius:999px;flex:none;place-items:center;font-weight:800;display:inline-grid;position:relative;overflow:hidden}.user-avatar-nav{width:2.35rem;height:2.35rem;font-size:.7rem}.user-avatar-sm{width:2.75rem;height:2.75rem;font-size:.72rem}.user-avatar-md{width:3.25rem;height:3.25rem;font-size:.85rem}.user-avatar-lg{width:4.25rem;height:4.25rem;font-size:1rem}.user-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.user-avatar-initials{line-height:1}.user-avatar-editable{background:inherit;box-shadow:none;color:inherit;cursor:pointer;padding:0;transform:none}.user-avatar-editable:hover:not(:disabled),.user-avatar-editable.is-dragover:not(:disabled){background:inherit;transform:none;box-shadow:0 0 0 2px #38bdf873}.user-avatar-editable.is-dragover:not(:disabled){box-shadow:0 0 0 3px #38bdf8b3}.user-avatar-editable.is-dragover .user-avatar-edit-hint{color:#0f172a;background:#38bdf8d9}.user-avatar-edit-hint{color:#e2e8f0;letter-spacing:.04em;text-align:center;text-transform:uppercase;background:#0f172ab8;padding:.15rem 0;font-size:.58rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}.user-avatar-sm .user-avatar-edit-hint,.user-avatar-input{display:none}.profile-edit-form{border-bottom:1px solid #94a3b82e;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:grid}.profile-edit-row{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;display:grid}.profile-edit-fields{gap:.55rem;min-width:0;display:grid}.profile-edit-fields>div{gap:.35rem;display:grid}.profile-edit-fields>button{justify-self:start}.profile-edit-email{overflow-wrap:anywhere;margin:0}.avatar-crop-overlay{padding:var(--shell-pad-y) var(--shell-pad-x);z-index:60;background:#020617b8;place-items:center;display:grid;position:fixed;inset:0}.avatar-crop-modal{background:#0f172af5;border:1px solid #94a3b847;border-radius:24px;gap:.85rem;width:min(100%,28rem);max-width:28rem;padding:clamp(1rem,3vw,1.5rem);display:grid;box-shadow:0 24px 80px #00000073}.avatar-crop-stage{justify-items:center;width:100%;display:grid}.avatar-crop-viewport{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px;position:relative;overflow:hidden}.avatar-crop-viewport:active{cursor:grabbing}.avatar-crop-image{pointer-events:none;max-width:none;position:absolute}.avatar-crop-mask{pointer-events:none;border:2px solid #7dd3fcd9;border-radius:999px;position:absolute;inset:0;box-shadow:0 0 0 999px #0206178c}.avatar-crop-zoom{color:#cbd5e1;gap:.4rem;font-size:.88rem;font-weight:700;display:grid}.avatar-crop-zoom input[type=range]{accent-color:#38bdf8;background:0 0;border:0;width:100%;padding:0}.avatar-crop-actions{justify-content:flex-end}.users-invite-form{gap:.75rem;margin-bottom:1.25rem;display:grid}.users-invite-fields{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:.75rem;display:grid}.users-invite-fields>div{gap:.35rem;min-width:0;display:grid}.users-invite-fields input{width:100%}.users-invite-form>button{justify-self:start}.user-list{gap:.75rem;display:grid}.user-card{background:#0206176b;border:1px solid #94a3b833;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem 1rem;padding:.85rem 1rem;display:grid}.user-card-inactive{opacity:.72}.user-card-copy{gap:.25rem;min-width:0;display:grid}.user-card-title-row{flex-wrap:wrap;align-items:center;gap:.45rem .65rem;display:flex}.user-card-title-row strong{font-size:1.05rem}.user-card-email{color:#94a3b8;overflow-wrap:anywhere;font-size:.88rem}.user-card-action{white-space:nowrap}@media (width<=720px){.users-invite-fields{grid-template-columns:1fr}.users-invite-form>button{justify-self:stretch;width:100%}.user-card{grid-template-columns:auto minmax(0,1fr)}.user-card-action{grid-column:1/-1;width:100%}}.section-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.checkbox-row{color:#cbd5e1;align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.checkbox-row input{width:auto}.banner-error{margin:0}.job-card-main.static{cursor:default;text-align:left}.audit-list{gap:.65rem;display:grid}.audit-row{border-top:1px solid #94a3b82e;gap:.2rem;padding-top:.65rem;display:grid}.audit-row:first-child{border-top:0;padding-top:0}.detail-header{gap:.65rem;margin-bottom:1rem;display:grid}.playlist-panel{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden}.library-layout{gap:1.25rem;width:100%;min-width:0;max-width:100%;display:grid}.playlist-hero{gap:1rem;min-width:0;max-width:100%;margin-bottom:1.25rem;display:grid}.playlist-hero-library,.playlist-hero-active{background:#0f172a;border-radius:20px;padding-bottom:1.15rem;overflow:hidden}.playlist-hero-library .playlist-hero-body,.playlist-hero-active .playlist-hero-body{padding-inline:clamp(1rem,3vw,1.5rem)}.playlist-hero-cover{width:calc(100% + 2*clamp(1rem,3vw,1.5rem));min-width:0;max-width:none;margin:0 calc(-1*clamp(1rem,3vw,1.5rem));position:relative;overflow:hidden}.playlist-hero-cover .job-cover-mosaic{border-top:0;border-left:0;border-right:0;border-radius:0;height:220px}.playlist-hero-cover .job-cover-mosaic-half{grid-auto-columns:100px}.playlist-hero-cover .job-cover-mosaic-half img{width:100px}.playlist-back-button{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:2.35rem;padding:0 .9rem;position:absolute;top:.85rem;left:.85rem}.playlist-edit-button{z-index:2;color:#e2e8f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ac7;border:1px solid #94a3b859;border-radius:999px;place-items:center;width:2.35rem;height:2.35rem;padding:0;display:inline-grid;position:absolute;top:.85rem;right:.85rem}.playlist-edit-button:hover:not(:disabled){color:#f8fafc;background:#38bdf838;transform:none}.playlist-edit-button.is-active{color:#7dd3fc;background:#38bdf847;border-color:#38bdf88c}.playlist-hero-body{gap:.55rem;min-width:0;display:grid}.playlist-hero-body>h2{margin:0;font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.15}.playlist-hero-body>.status{justify-self:start}.playlist-hero-meta{color:#94a3b8;margin:0;font-size:.92rem}.playlist-hero-url{overflow-wrap:anywhere;margin:0;font-size:.82rem}.playlist-edit-fields{gap:.55rem;display:grid}.got-from-picker{gap:.45rem;display:grid;position:relative}.got-from-picker-box{background:#0206178c;border:1px solid #94a3b838;border-radius:14px;flex-wrap:wrap;align-items:center;gap:.45rem;min-height:51px;padding:.45rem .55rem;display:flex}.got-from-picker-box:focus-within{border-color:#818cf8bf;box-shadow:0 0 0 3px #6366f12e}.got-from-picker-box.is-disabled{opacity:.65}.got-from-chip{color:#e2e8f0;background:#6366f12e;border:1px solid #818cf859;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .45rem .2rem .65rem;font-size:.92rem;line-height:1.2;display:inline-flex}.got-from-chip button{color:#cbd5e1;cursor:pointer;background:0 0;border:0;padding:0 .15rem;font-size:1rem;line-height:1}.got-from-chip button:hover:not(:disabled){color:#fff}.got-from-input{color:#f8fafc;background:0 0;border:0;outline:none;flex:140px;min-width:120px;padding:.35rem .25rem}.got-from-suggestions{z-index:30;background:#0f172a;border:1px solid #94a3b83d;border-radius:14px;gap:.15rem;max-height:240px;margin:.35rem 0 0;padding:.35rem;list-style:none;display:grid;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 18px 40px #02061773}.got-from-suggestions button{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:.1rem;width:100%;padding:.55rem .65rem;display:grid}.got-from-suggestions button:hover,.got-from-suggestions button.is-active{background:#6366f129}.got-from-suggestion-name{color:#f8fafc;font-weight:600}.got-from-suggestion-email{color:#94a3b8;font-size:.86rem}.playlist-sync-form{gap:.55rem;margin-top:.35rem;display:grid}.playlist-sync-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.65rem;display:grid}.playlist-sync-preview{background:#0206175c;border-radius:16px;gap:.55rem;padding:.8rem;display:grid}.playlist-sync-preview ul{color:#cbd5e1;gap:.25rem;margin:0;padding-left:1.2rem;display:grid}.playlist-hero-actions,.playlist-edit-actions{margin-top:.15rem}.library-back-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.history-layout{gap:1.25rem;display:grid}.trash-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.trash-row>div{gap:.2rem;min-width:0;display:grid}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:.85rem;display:grid}.icon-svg{display:block}.track-icon-button{place-items:center;padding:0;display:inline-grid}.track-card-actions-row-view{grid-template-columns:repeat(2,minmax(0,1fr))}.track-rematch-actions-3{grid-template-columns:1fr 1fr 1fr}.panel{min-width:0;max-width:100%;padding:clamp(1rem,3vw,1.5rem)}.panel.panel-bare,.panel.playlist-panel-detail{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:0}.panel.panel-bare{padding-left:0;padding-right:0}.panel.playlist-panel-detail{padding:0}.panel.playlist-panel-detail .playlist-hero{margin-top:0}.panel.playlist-panel-detail .playlist-hero-cover{width:100%;margin:0}.grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.input-row{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;display:grid}.action-row{flex-wrap:wrap;gap:.75rem;display:flex}.integration-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;min-width:0;margin-bottom:1rem;display:flex}.section-title>h2{overflow-wrap:anywhere;min-width:0}.job-list{gap:.75rem;display:grid}.track-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:.25rem 0 .85rem;display:flex}.track-toolbar h3{margin:0}.view-toggle{gap:.4rem;min-width:0;display:inline-flex}.view-toggle button{padding:.55rem .95rem}.track-list{gap:.85rem;display:grid}.track-list-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));grid-auto-rows:1fr;align-items:stretch}.track-list-list{grid-template-columns:minmax(0,1fr)}@media (width>=900px){.job-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.job-card,.track-card{color:inherit;text-align:left;background:#0206176b;border:1px solid #94a3b833;border-radius:20px;padding:1rem}.job-card{width:100%;padding:0;position:relative}.job-card-library,.job-card-active{box-shadow:none;background:0 0;border:0}.job-card-library .job-card-main,.job-card-active .job-card-main{background:#0f172a;border:0}.job-card-library .job-card-main:hover:not(:disabled),.job-card-active .job-card-main:hover:not(:disabled){background:#152033}.job-card-active.selected .job-card-main{box-shadow:0 0 0 2px #38bdf88c}.job-card-main{width:100%;min-height:220px;color:inherit;text-align:left;background:0 0;border-radius:20px;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.75rem;padding:.75rem;display:grid}.job-card-main.static{min-height:104px;padding:1rem}.job-card-main:hover:not(:disabled){background:#94a3b814;transform:none}.job-card-copy{gap:.3rem;min-width:0;display:grid}.job-card-copy-head{justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-width:0;display:flex}.job-card-copy-head .status,.job-card-copy .status{justify-self:start;width:max-content}.job-cover-mosaic{border:1px solid #94a3b82e;border-radius:16px;width:100%;min-width:0;max-width:100%;height:148px;position:relative;overflow:hidden}.job-card-library .job-cover-mosaic,.job-card-active .job-cover-mosaic{border:0}.job-card-owner{flex:none;line-height:0}.job-card-copy-head .job-card-owner .user-avatar{width:2rem;height:2rem}.playlist-hero-cover .job-card-owner{pointer-events:none;z-index:2;position:absolute;bottom:.85rem;right:.85rem}.playlist-hero-cover .job-card-owner .user-avatar{border:2px solid #020617d9;width:2.75rem;height:2.75rem;box-shadow:0 6px 18px #00000059}.job-cover-mosaic-empty{background:#0f172af2}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.85}}.skeleton{background:#1e293b;border-radius:8px;animation:1.25s ease-in-out infinite skeleton-pulse;display:block}.skeleton-pill{border-radius:999px;width:4.5rem;height:1.35rem}.skeleton-line{width:100%;height:.85rem}.skeleton-line-title{width:72%;height:1.05rem}.skeleton-line-meta{width:54%}.skeleton-line-inline{vertical-align:middle;width:5.5rem;height:.75rem;margin-right:.35rem;display:inline-block}.skeleton-cover{aspect-ratio:1;border-radius:14px;width:100%}.job-cover-mosaic-skeleton{background:#0b1220}.job-cover-mosaic-skeleton-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;height:100%;padding:2px;display:grid}.job-cover-mosaic-skeleton-tiles .skeleton{border-radius:4px;height:100%;min-height:0}.track-card-skeleton{pointer-events:none}.track-list-list .track-card-skeleton{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:.85rem;display:grid}.track-list-list .track-card-skeleton .skeleton-cover{width:72px;height:72px}.job-card-copy .skeleton-line-title{margin-top:.1rem}.job-cover-mosaic-track{will-change:transform;width:max-content;height:100%;animation:linear infinite job-cover-pan;display:flex}.job-cover-mosaic-half{flex:none;grid-template-rows:1fr 1fr;grid-auto-columns:74px;grid-auto-flow:column;gap:2px;height:100%;display:grid}.job-cover-mosaic-half img{object-fit:cover;width:74px;height:100%;display:block}@keyframes job-cover-pan{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.job-cover-mosaic-track{animation:none}}.job-delete-button{z-index:2;color:#fecaca;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ab8;border:1px solid #f8717147;border-radius:999px;place-items:center;width:1.85rem;height:1.85rem;padding:0;display:inline-grid;position:absolute;top:1rem;right:1rem}.job-delete-button:hover:not(:disabled){background:#ef444459;transform:none}.job-restore-button{width:calc(100% - 1.5rem);margin:0 .75rem .75rem}.status-library{color:#e2e8f0;background:#94a3b824}.track-card{min-width:0;padding:.65rem;transition:border-color .2s,box-shadow .2s,transform .2s}.track-card.is-playing{border-color:#38bdf8b3;box-shadow:inset 0 0 0 1px #38bdf859}.track-list-grid .track-card{grid-template-rows:auto minmax(3.6rem,1fr) auto;gap:0;height:100%;padding:0;display:grid;overflow:hidden}.track-list-grid .track-cover-wrap{width:100%}.track-list-grid .track-cover-button{border-radius:0;width:100%}.track-list-grid .track-cover,.track-list-grid .track-cover-empty,.track-list-grid .track-card>.track-cover,.track-list-grid .track-card>.track-cover-empty{aspect-ratio:1;border:0;border-radius:0;width:100%}.track-list-grid .track-card-skeleton .skeleton-cover{border-radius:0;width:100%}.track-list-grid .track-card-body{padding:.55rem .65rem 0}.track-list-grid .track-card-actions{padding:.45rem .65rem .65rem}.track-list-list .track-card{grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:.85rem 1rem;display:grid}.track-cover-wrap{position:relative}.track-cover-button{box-shadow:none;background:0 0;border:0;border-radius:14px;width:100%;height:auto;padding:0;display:block;overflow:hidden;transform:none}.track-cover-button:hover:not(:disabled){box-shadow:none;background:0 0;transform:none}.track-cover-button:disabled{cursor:default;opacity:1}.track-cover-wrap .status{z-index:1;pointer-events:none;position:absolute;top:.45rem;left:.45rem}.track-cover{aspect-ratio:1;object-fit:cover;background:#0f172af2;border:1px solid #94a3b82e;border-radius:14px;width:100%;height:auto;display:block}.track-list-list .track-cover-wrap,.track-list-list .track-cover-button,.track-list-list .track-cover{width:72px;height:72px}.track-cover-empty{box-shadow:inset 0 0 0 1px #94a3b814}.track-card-body{align-content:start;gap:.2rem;min-width:0;display:grid}.track-card h4{letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;margin-top:0;font-size:.95rem;line-height:1.25;display:-webkit-box;overflow:hidden}.track-list-list .track-card h4{min-height:0}.track-card .muted{-webkit-box-orient:vertical;margin:0;font-size:.78rem;display:-webkit-box;overflow:hidden}.track-card-meta{gap:.15rem;min-height:3.6em;display:grid}.track-card-meta-stats{-webkit-line-clamp:1}.track-card-meta-artist{-webkit-line-clamp:2;min-height:2.4em}.track-list-list .track-card-meta,.track-list-list .track-card-meta-artist{min-height:0}.track-card-actions{gap:.4rem;width:100%;margin-top:auto;display:grid;position:relative}.track-card-actions-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;width:100%;display:grid}.track-card-actions-row-edit{grid-template-columns:repeat(3,minmax(0,1fr))}.track-card-actions-row>button{box-sizing:border-box;width:100%;min-width:0;height:2.5rem;padding:0 .35rem;font-size:.8rem}.track-rematch-popover{z-index:5;background:#0f172afa;border:1px solid #38bdf859;border-radius:16px;gap:.55rem;padding:.75rem;display:grid;position:absolute;bottom:calc(100% + .4rem);left:0;right:0;box-shadow:0 16px 40px #00000073}.track-rematch-popover p{color:#e2e8f0;margin:0;font-size:.88rem;font-weight:700}.track-rematch-actions{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.track-rematch-actions>button{width:100%;height:2.25rem;padding:0 .4rem;font-size:.75rem}.track-list-list .track-card-actions{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.45rem;margin-top:0}.track-list-list .track-card-actions-row{grid-template-columns:auto auto auto}.track-list-list .track-card-actions-row-view{grid-template-columns:auto auto}.track-list-list .track-card-actions-row>button{white-space:nowrap;width:auto;min-width:4.5rem;padding:0 .85rem}.track-list-list .track-icon-button{width:2.5rem;min-width:2.5rem;padding:0}.track-list-list .track-rematch-popover{min-width:min(260px,100%);left:auto;right:0}.track-card .form-error{overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.15rem;display:-webkit-box;overflow:hidden}.track-list-grid .track-card .form-error,.player-audio-hidden{display:none}.player-dock{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:.85rem var(--shell-pad-x) calc(.85rem + env(safe-area-inset-bottom,0px));z-index:40;background:#020617f5;border-top:1px solid #38bdf859;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -24px 60px #00000073}.player-dock-inner{grid-template-columns:88px minmax(0,1.1fr) minmax(0,1.6fr) auto;align-items:center;gap:.85rem 1.25rem;width:100%;min-width:0;max-width:1100px;margin:0 auto;display:grid}.player-dock .track-cover{border-radius:16px;width:88px;height:88px;box-shadow:0 12px 30px #00000059}.player-dock-meta{gap:.15rem;min-width:0;display:grid}.player-dock-meta .eyebrow{letter-spacing:.14em}.player-dock-meta strong{color:#f8fafc;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.15rem,2.4vw,1.65rem);overflow:hidden}.player-dock-meta .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-dock-controls{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;min-width:0;display:grid}.player-dock-play{min-width:6.5rem;padding:.95rem 1.35rem;font-size:1rem}.player-dock-seek{color:#94a3b8;font-variant-numeric:tabular-nums;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;font-size:.8rem;display:grid}.player-dock-seek input[type=range]{accent-color:#38bdf8;background:0 0;border:0;border-radius:999px;width:100%;height:.55rem;padding:0}.player-dock-close{align-self:start;width:2.75rem;min-width:2.75rem;height:2.75rem;padding:0;font-size:1.4rem;line-height:1}.progress-bar{background:#94a3b838;border-radius:999px;height:10px;display:flex;overflow:hidden}.progress-bar>div{height:100%;transition:width .3s}.progress-done{background:#38bdf8;border-radius:999px 0 0 999px}.progress-failed{background:#ef4444bf}.progress-done:only-child,.progress-bar>div:last-child{border-radius:999px}.secondary{color:#e2e8f0;background:#94a3b829}.secondary:hover:not(:disabled){background:#94a3b847}.danger{color:#fecaca;background:#ef44442e}.danger:hover:not(:disabled){background:#ef444447}.eyebrow{color:#7dd3fc;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-weight:900}.muted,.hint,.job-meta,.empty{color:#94a3b8}.hint,.job-meta{font-size:.88rem}.alert,.form-error{border-radius:16px;padding:.85rem 1rem}.alert{color:#fde68a;background:#eab30826}.form-error{color:#fecaca;overflow-wrap:anywhere;word-break:break-word;background:#ef44441f;font-size:.9rem}.status{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;width:max-content;padding:.28rem .58rem;font-size:.75rem;font-weight:900;display:inline-flex}.status-queued,.status-pending,.status-claimed{color:#cbd5e1;background:#94a3b829}.status-running{color:#7dd3fc;background:#38bdf829}.status-done{color:#86efac;background:#22c55e29}.status-error{color:#fecaca;background:#ef444429}@media (width<=860px){:root{--player-dock-space:calc(9.25rem + env(safe-area-inset-bottom,0px))}.input-row,.create-form{grid-template-columns:1fr}.integration-row{flex-direction:column;align-items:stretch}.topbar-actions>button:not(.topbar-user-button){padding-left:.85rem;padding-right:.85rem}.track-list-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr))}.track-list-list .track-card{grid-template-columns:64px minmax(0,1fr)}.track-list-list .track-cover-wrap,.track-list-list .track-cover{width:64px;height:64px}.track-list-list .track-card-actions{grid-column:1/-1;grid-template-columns:1fr}.track-list-list .track-card-actions-row{grid-template-columns:repeat(3,minmax(0,1fr))}.track-list-list .track-card-actions-row-view{grid-template-columns:repeat(2,minmax(0,1fr))}.track-list-list .track-card-actions-row>button{width:100%;min-width:0}.job-card-main{min-height:200px;padding:.65rem}.job-cover-mosaic{height:120px}.job-cover-mosaic-half{grid-auto-columns:60px}.job-cover-mosaic-half img{width:60px}.playlist-hero-cover .job-cover-mosaic{height:150px}.playlist-hero-cover .job-cover-mosaic-half{grid-auto-columns:75px}.playlist-hero-cover .job-cover-mosaic-half img{width:75px}.job-delete-button{top:.9rem;right:.9rem}.player-dock-inner{grid-template-columns:72px minmax(0,1fr) auto}.player-dock .track-cover{width:72px;height:72px}.player-dock-controls{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr)}.player-dock-close{grid-area:1/3}}@media (width<=560px){:root{--shell-pad-x:.75rem;--shell-pad-y:.85rem;--topbar-control:2.75rem;--player-dock-space:calc(10.25rem + env(safe-area-inset-bottom,0px))}.app-shell{--shell-gap:1rem}.topbar{gap:.4rem}.topbar-search{max-width:180px}.topbar-actions{gap:.35rem}.topbar-actions>button:not(.topbar-user-button){padding-left:.7rem;padding-right:.7rem;font-size:.85rem}.section-title{align-items:flex-start}.profile-edit-row{grid-template-columns:1fr;justify-items:start}.profile-edit-fields>button,.avatar-crop-actions>button{width:100%}.avatar-crop-actions{grid-template-columns:1fr;display:grid}.section-actions{justify-content:stretch;width:100%}.section-actions>button{flex:auto;min-width:0}.auth-row{flex-direction:column}.auth-row button{width:100%}.trash-row{grid-template-columns:1fr}.trash-row>button{width:100%}.playlist-hero-actions,.playlist-edit-actions,.action-row{grid-template-columns:1fr;display:grid}.playlist-hero-actions>button,.playlist-edit-actions>button,.action-row>button{width:100%}.player-dock-inner{grid-template-columns:56px minmax(0,1fr) auto;gap:.65rem .75rem}.player-dock .track-cover{width:56px;height:56px}.player-dock-meta strong{font-size:1rem}.player-dock-play{min-width:4.5rem;padding:.7rem .9rem}.player-dock-controls{grid-template-columns:auto minmax(0,1fr)}.track-toolbar{flex-direction:column;align-items:flex-start}.view-toggle{width:100%}.view-toggle button{flex:1 1 0}}@media (width<=380px){:root{--shell-pad-x:.65rem;--player-dock-space:calc(11rem + env(safe-area-inset-bottom,0px))}.topbar-search{max-width:120px}.topbar-search input{padding-left:.75rem;padding-right:.75rem}.topbar-actions>button:not(.topbar-user-button){min-width:2.75rem;padding-left:.55rem;padding-right:.55rem;font-size:.8rem}.panel{border-radius:20px;padding:.85rem}.auth-card{border-radius:20px;padding:1.15rem}.playlist-hero-cover{width:calc(100% + 1.7rem);margin-inline:-.85rem}.job-card-main{min-height:180px}.player-dock-inner{grid-template-columns:minmax(0,1fr) auto}.player-dock .track-cover{display:none}.player-dock-controls{grid-column:1/-1}.player-dock-close{grid-area:1/2}.track-list-list .track-card-actions-row>button{min-width:0;padding:0 .45rem}}
