/* Zamar Artists uses the listener application's surface and appearance language. */
:root{--bg:#000;--panel:#141416;--sidebar:#101012;--elevated:#202024;--field:#1c1c1f;--ink:#f5f5f7;--muted:#98989f;--line:#ffffff12;--hover:#ffffff08;--blue:#8b9dff;--button-ink:#111329;--shadow:0 16px 50px #0005;--side:246px;color:var(--ink);background:var(--bg);font-size:14px}
html[data-theme=light]{--bg:#fff;--panel:#f7f7f9;--sidebar:#f5f5f7;--elevated:#fff;--field:#f0f0f3;--ink:#242426;--muted:#696973;--line:#00000012;--hover:#00000005;--blue:#4659c7;--button-ink:#fff;--shadow:0 16px 50px #20203018;color-scheme:light}
body{color:var(--ink);background:var(--bg)}button,input,textarea,select{color:var(--ink)}button{transition:background .18s,color .18s,opacity .18s}button:disabled{cursor:default}button svg{width:19px;height:19px;flex:none}h1{font-size:32px;letter-spacing:-1px;font-weight:700}h2{font-size:20px;font-weight:650;letter-spacing:-.5px}.eyebrow{font-size:10px;letter-spacing:1.2px;font-weight:600;color:var(--muted)}.brand.service-lockup{color:var(--ink)}.brand.service-lockup>.service-label{color:var(--blue)}html[data-theme=light] .wordmark,html[data-theme=light] .boot img{filter:brightness(0)}.primary{background:var(--blue);color:var(--button-ink);border-radius:7px;min-height:38px;padding:10px 18px;font-size:13px}.primary:hover{background:color-mix(in srgb,var(--blue) 85%,var(--ink));color:var(--button-ink)}.compact{background:var(--field);color:var(--ink);border:0;border-radius:7px;min-height:34px;font-weight:500}.compact:hover{background:color-mix(in srgb,var(--field) 85%,var(--ink));color:var(--ink)}
.sidebar{width:var(--side);background:var(--sidebar);border-color:var(--line);padding:32px 18px 16px}.sidebar>.brand{padding:0 10px}.artist-switch{margin:32px 0 22px;padding:10px 9px;background:transparent;border:1px solid var(--line);border-radius:9px;gap:10px}.artist-switch:hover{background:var(--hover)}.artist-switch img{width:36px;height:36px}.artist-switch small{font-size:8px;letter-spacing:.8px}.artist-switch>span:last-child{font-size:18px;color:var(--muted)}.sidebar nav{gap:4px}.sidebar nav a{font-size:14px;font-weight:400;color:var(--muted);padding:11px 12px;gap:12px;border-radius:6px}.sidebar nav a>span{display:flex;width:19px}.sidebar nav svg{width:19px;height:19px}.sidebar nav a:hover{color:var(--ink);background:var(--hover)}.sidebar nav a[aria-current]{color:var(--blue);background:color-mix(in srgb,var(--blue) 11%,transparent);font-weight:600}.sidebar-bottom{padding-top:12px}.sidebar-bottom .account{padding:12px 8px;border-top:1px solid var(--line);margin-top:8px}.account:hover{background:var(--hover);border-radius:7px}.account-icon{background:var(--field)}.workspace-main{margin-left:var(--side);min-width:0}.topbar{height:66px;background:color-mix(in srgb,var(--bg) 90%,transparent);padding:0 36px;border-color:var(--line)}.topbar-artist{display:flex;align-items:center;gap:10px;font-weight:500}.topbar-artist>img{width:30px;height:30px;border-radius:50%}.topbar-artist small{display:block;font-size:10px;color:var(--muted);margin-top:3px;font-weight:400}.mobile-appearance{display:none}#content{padding:32px 36px;max-width:1480px;min-height:calc(100svh - 138px)}.page-heading{margin-bottom:26px}.page-heading .eyebrow{margin-bottom:8px}.page-heading p{margin-top:9px}.artist-banner{border-radius:10px;height:260px;margin-bottom:28px;color:#fff}.artist-banner>img{opacity:.85;object-position:center 32%}.artist-banner:after{background:linear-gradient(90deg,#08090ce6,#08090c15 80%),linear-gradient(0deg,#08090c55,transparent)}.artist-banner>div{padding:38px}.artist-banner .eyebrow{color:#ffffffa8}.artist-banner h2{font-size:42px;letter-spacing:-1.4px;margin-bottom:22px}.artist-banner .primary{background:#f5f5f7;color:#17171b;border-radius:99px;padding-inline:20px}
.metrics{gap:0;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:28px}.metrics article{background:none;border:0;border-right:1px solid var(--line);border-radius:0;padding:4px 26px}.metrics article:first-child{padding-left:0}.metrics article:last-child{border:0}.metrics strong{font-size:34px;font-weight:600;letter-spacing:-1.2px;margin:12px 0 8px;font-variant-numeric:tabular-nums}.metrics article>span{font-size:12px}.panel{background:var(--panel);border:0;border-radius:10px;padding:26px;margin-bottom:26px}.two-columns{gap:24px}.section-title{margin-bottom:20px}.section-title a{color:var(--blue)}.chart-grid{stroke:var(--line)}.chart-line{stroke-width:2}.chart-point:hover{stroke:var(--panel)}.track-row{padding:11px 6px;border-color:var(--line);border-radius:4px}.track-row:hover{background:var(--hover)}.track-row strong{font-size:13px;font-weight:500}.track-row small{font-size:11px;margin-top:4px}.track-row>span:last-child{font-variant-numeric:tabular-nums}.track-row img{border-radius:5px}.playlist-performance-row{color:var(--ink);padding:13px 6px;border-radius:4px}.playlist-performance-row:hover{background:var(--hover);color:var(--ink)}.playlist-title strong{font-weight:500}.playlist-title img{border-radius:5px}.playlist-title>span{min-width:0}.playlist-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-table-head{font-size:11px}.playlist-plays{color:var(--ink)}.country-row>div{background:var(--line)}.tag{color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent)}.data-note{font-size:11px;max-width:760px}.workspace-footer{padding:16px 36px 24px;border-top:1px solid var(--line)}
input,textarea,select{background:var(--field);border:1px solid transparent;color:var(--ink);border-radius:7px;font-size:13px;padding:12px 13px;transition:border-color .2s,box-shadow .2s}input::placeholder{color:var(--muted)}input:focus,textarea:focus{border-color:color-mix(in srgb,var(--blue) 60%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 10%,transparent)}label{color:var(--ink);font-size:12px;font-weight:500}label .small{font-weight:400}.search{border-radius:7px}.savebar{background:color-mix(in srgb,var(--elevated) 94%,transparent);border-color:var(--line);border-radius:9px;padding:16px 20px;box-shadow:0 -8px 28px #00000008}.media-grid{gap:22px}.media-card{padding:18px}.media-preview{background:var(--field);height:auto;aspect-ratio:16/9;border-radius:7px;margin-bottom:20px}.media-preview>span{color:var(--muted);font-size:28px}.media-preview img,.media-preview video{max-height:340px}.media-card .upload{margin-top:16px}.media-card h2{font-size:16px}.activity-icon{color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent)}.team-row{overflow-wrap:anywhere}.preview-avatar{border-color:var(--elevated)}
.signin-shell{max-width:1440px;padding:28px 48px}.signin-header-actions{display:flex;align-items:center;gap:18px}.signin-grid{gap:clamp(40px,7vw,100px);grid-template-columns:1.2fr 1fr;min-height:calc(100svh - 140px);padding:70px 0}.signin-grid h1{font-size:clamp(42px,4.5vw,64px);font-weight:650;letter-spacing:-2.6px;line-height:1.08}.signin-grid section>p{font-size:15px;line-height:1.6}.signin-grid em{color:var(--blue)}.signin-art{gap:12px;margin-top:34px;max-width:450px}.signin-art img{width:calc((100% - 48px)/5);height:auto;aspect-ratio:1;border-radius:50%;transform:none!important}.signin-card{background:var(--panel);padding:36px;border:0;border-radius:14px}.signin-card h2{font-size:25px;margin-top:14px}.signin-card .primary{border-radius:7px}.signin-card label{margin-top:18px}.signin-card input{background:var(--bg);border:1px solid var(--line)}.signin-shell footer{padding-bottom:8px}#auth-error{color:#db5a66}.boot{background:var(--bg)}
dialog{background:var(--elevated);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:32px;width:min(520px,calc(100vw - 32px));animation:dialog-in .24s cubic-bezier(.2,.7,.2,1)}dialog::backdrop{background:#0007;backdrop-filter:blur(8px);animation:fade-in .2s}dialog.closing{animation:dialog-out .18s ease forwards}dialog.closing::backdrop{animation:fade-out .18s ease forwards}.close{background:var(--field);border-radius:50%;width:28px;height:28px;font-size:21px;top:14px;right:14px;display:grid;place-items:center;line-height:1}.roster-list button:hover{background:var(--hover)}.roster-list button{padding:10px 8px}.roster-list img{width:40px;height:40px}.roster-list{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.roster-list:empty{min-height:160px}#toast{background:var(--ink);color:var(--bg);font-size:12px;border-radius:8px;box-shadow:var(--shadow)}
.appearance-trigger{display:flex;align-items:center;gap:10px;min-height:36px;padding:8px;color:var(--muted);background:none;font-size:12px;text-align:left;border-radius:6px}.appearance-trigger svg{width:18px;height:18px}.appearance-trigger:hover{color:var(--ink);background:var(--hover)}#appearance-dialog,.workspace-popover{position:fixed;inset:auto;margin:0;width:200px;max-width:calc(100vw - 24px);padding:6px;background:var(--elevated);color:var(--ink);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);overflow:auto;max-height:min(360px,65svh)}#appearance-dialog::backdrop,.workspace-popover::backdrop{background:transparent}.appearance-options{display:flex;flex-direction:column}.appearance-options button,.select-options button{width:100%;padding:11px 12px;min-height:40px;display:flex;align-items:center;justify-content:space-between;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;font-size:13px;color:var(--ink);border-radius:0}.appearance-options button:last-child,.select-options button:last-child{border-bottom:0}.appearance-options button:hover,.select-options button:hover,.select-options button:focus-visible{background:var(--hover);outline:none}.appearance-options [aria-checked=true],.select-options [aria-selected=true]{color:var(--blue);font-weight:600}.appearance-options [aria-checked=true]:after,.select-options [aria-selected=true]:after{content:'✓';padding-left:14px}.workspace-popover:popover-open,#appearance-dialog:popover-open{animation:menu-in .18s ease}.account-popover{width:240px;padding:16px 8px 8px}.account-popover strong,.account-popover small{display:block;padding:0 8px;overflow-wrap:anywhere}.account-popover strong{font-size:13px}.account-popover small{font-size:11px;margin:6px 0 14px;color:var(--muted)}.account-popover>a,.account-popover>button{display:block;width:100%;text-align:left;padding:11px 8px;font-size:12px;border-radius:5px;background:none}.account-popover>a{border-top:1px solid var(--line)}.account-popover>a:hover,.account-popover>button:hover{background:var(--hover)}.signout-action{color:#dc5a68}.select-wrap{position:relative;margin-top:10px}.range .select-wrap{margin:0}.native-select{position:absolute!important;opacity:0;width:1px!important;height:1px!important;padding:0!important;margin:0!important;pointer-events:none;clip-path:inset(50%)}.select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 13px;background:var(--field);border-radius:7px;font-size:13px;min-height:40px;text-align:left;font-weight:400}.select-trigger:after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);flex:none;color:var(--muted)}.range{min-width:150px}.select-options{scrollbar-width:thin}.select-options button{font-weight:400}.select-options button[aria-selected=true]{font-weight:600}
@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes dialog-out{to{opacity:0;transform:translateY(6px) scale(.985)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes menu-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}#content>.page-heading{animation:fade-in .24s ease}
@media(min-width:761px) and (max-width:1100px){:root{--side:214px}.sidebar{padding-inline:12px}.sidebar .brand.service-lockup{--service-logo-width:96px}.sidebar .brand.service-lockup>.service-label{font-size:14px;min-height:21px}#content{padding:28px}.topbar{padding-inline:28px}.metrics article{padding-inline:16px}.metrics strong{font-size:29px}.two-columns{grid-template-columns:1fr}.signin-shell{padding-inline:32px}.signin-grid{gap:35px}.signin-card{padding:28px}}
@media(max-width:760px){.sidebar{position:relative;width:100%;padding:20px 18px 0;border-right:0}.sidebar>.brand{padding:0}.sidebar .brand.service-lockup{--service-logo-width:86px;gap:4px}.sidebar .brand.service-lockup>.service-label{font-size:12px;min-height:18px;padding:2px 5px}.artist-switch{position:absolute;top:12px;right:16px;width:155px;padding:7px;margin:0;gap:8px;border:0}.artist-switch img{width:28px;height:28px}.artist-switch strong{font-size:12px}.sidebar nav{flex-direction:row;gap:3px;margin:20px -18px 0;padding:0 12px 10px;overflow-x:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav a{font-size:11px;padding:10px 9px;gap:6px;flex:none}.sidebar nav svg{width:16px;height:16px}.sidebar nav a>span{width:16px}.sidebar-bottom{display:none}.workspace-main{margin:0}.topbar{height:56px;padding:0 18px}.topbar-artist{max-width:45%!important}.topbar-artist>img{display:none}.topbar-artist small{display:none}.topbar>div{gap:5px}.topbar .compact{margin:0;font-size:11px;padding:8px 10px;min-height:32px}.mobile-appearance{display:block}.mobile-appearance .appearance-trigger span{display:none}.mobile-appearance .appearance-trigger{padding:8px;min-height:32px}.topbar .mobile-account{display:inline-flex;font-size:16px;background:none}.topbar-artist>span{overflow:hidden;text-overflow:ellipsis}#content{padding:26px 18px;min-height:65svh}.page-heading{gap:18px;margin-bottom:22px}h1{font-size:28px;letter-spacing:-.8px}.page-heading p{max-width:340px}.artist-banner{height:230px;border-radius:8px}.artist-banner>div{padding:28px 24px}.artist-banner h2{font-size:34px}.metrics{grid-template-columns:1fr 1fr;row-gap:24px}.metrics article{padding:0 16px}.metrics article:nth-child(odd){padding-left:0}.metrics article:nth-child(even){border:0}.metrics strong{font-size:30px}.panel{padding:22px 16px;border-radius:8px}.two-columns{display:block}.track-row{gap:10px;padding-inline:0}.track-row strong{max-width:none}.track-row>span:nth-last-child(2){overflow:hidden}.track-row>span:last-child{flex:none;font-size:12px}.track-row small{font-size:10px}.media-grid,.form-grid{grid-template-columns:1fr}.savebar{padding:12px;gap:12px;bottom:0;border-radius:8px}.savebar>div{width:100%;justify-content:flex-end}.savebar .primary,.savebar .compact{padding:10px 12px}.workspace-footer{padding:18px}.signin-shell{padding:22px}.signin-header-actions{gap:8px}.signin-header-actions .appearance-trigger span{display:none}.signin-header-actions .compact{padding:8px 10px;font-size:11px}.signin-shell header .brand.service-lockup{--service-logo-width:86px;gap:4px}.signin-shell header .brand.service-lockup>.service-label{font-size:12px;min-height:18px;padding:2px 5px}.signin-grid{grid-template-columns:1fr;padding:50px 0 36px;gap:36px}.signin-grid h1{font-size:42px;letter-spacing:-1.8px}.signin-art{max-width:340px;margin-top:26px}.signin-card{padding:28px 24px;border-radius:12px}.signin-grid section>p{font-size:14px}.signin-card h2{font-size:24px}.playlist-table-head,.playlist-performance-row{min-width:440px;gap:10px}.playlist-table{scrollbar-width:thin}dialog{padding:28px 22px}.country-row>span{width:95px}.range{min-width:145px}.range .select-trigger{font-size:12px;min-height:36px}.media-preview{max-height:none}.roster-list{max-height:55svh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}