:root{--on-accent:#241714;--input-bg:#241714;--banner:#6d3e42}
body{background:var(--bg)}.primary,.avatar{color:var(--on-accent)}.segmented{background:var(--input-bg);border-color:var(--line)}.segmented .selected{background:var(--raised)}.search-box{border-color:var(--line)}.field,textarea{background:var(--input-bg);border-color:var(--line)}.empty-activity{background:var(--panel)}.favorite-slot{background:var(--panel);border-color:var(--muted)}.secondary{border-color:var(--line)}.record-meta,.quiet,.subtle,.record p{color:var(--muted)}.avatar{overflow:hidden;display:grid;place-items:center;padding:0}.avatar img{width:100%;height:100%;object-fit:cover}.footer-links{display:flex;gap:18px;letter-spacing:0!important;font-size:11px!important}.footer-links a{text-decoration:none}.profile-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);margin-bottom:27px}.profile-cover{height:235px;position:relative;background:linear-gradient(115deg,var(--banner-start),var(--banner-end));overflow:hidden}.profile-cover>img,.preview-cover>img{width:100%;height:100%;object-fit:cover;display:block}.cover-ring{position:absolute;display:block;border:1px solid #fff4;border-radius:50%;width:360px;height:360px;right:8%;top:-90px}.ring-two{width:470px;height:470px;top:-145px;right:3%}.ring-three{width:580px;height:580px;top:-200px;right:-2%}.cover-edit{position:absolute;right:22px;top:20px;border-color:#ffffff55;background:#2417148c;color:#fff9f5;backdrop-filter:blur(10px);font-size:11px}.profile-identity{display:flex;align-items:center;gap:24px;position:relative;padding:0 30px 26px;min-height:113px}.profile-picture{position:relative;margin-top:-47px;border-radius:50%;border:7px solid var(--panel);width:120px;height:120px;display:grid;place-items:center;flex-shrink:0;background:var(--raised);overflow:hidden;color:var(--pink);font:48px var(--serif)}.profile-picture img{width:100%;height:100%;object-fit:cover}.profile-identity-text{min-width:0;padding-top:8px}.profile-identity h1{font:38px/1.1 var(--serif);margin:0;overflow-wrap:anywhere;letter-spacing:-.6px}.profile-identity>.secondary{margin-left:auto;margin-top:8px}.profile-layout{gap:38px}.profile-layout>aside{background:var(--panel);padding:22px;border:1px solid var(--line);border-radius:8px;align-self:start}.profile-layout>aside .side-section{border-top:1px solid var(--line);padding-top:22px}.stat-row{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-bottom:30px}.profile-tabs{gap:28px}.profile-tabs button{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.sr-only:focus-visible+.upload-label{outline:2px solid var(--pink)}#profile-editor{width:min(850px,calc(100% - 28px));max-height:92dvh;background:var(--panel)}#profile-editor h2{font:32px var(--serif);margin:0 0 25px}.editor-layout{display:grid;grid-template-columns:1fr 300px;gap:35px}.editor-section{margin-top:25px}.upload-actions{display:flex;align-items:center;gap:18px}.upload-label{cursor:pointer;display:inline-block}.upload-label:focus-within{outline:2px solid var(--pink)}.upload-label:hover{border-color:var(--pink)}.banner-position-control{margin-top:20px}.banner-position-control input{width:100%;accent-color:var(--pink)}.banner-position-control[hidden]{display:none}#banner-color{width:55px;height:33px;background:none;border:1px solid var(--line);padding:3px;border-radius:4px;cursor:pointer}.profile-preview{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--bg);position:sticky;top:0}.preview-cover{height:105px;position:relative;overflow:hidden;background:linear-gradient(115deg,var(--banner-start),var(--banner-end))}.preview-cover .cover-ring{transform:scale(.65);transform-origin:center}.preview-body{padding:0 19px 20px}.preview-avatar{margin-top:-32px;position:relative;width:73px;height:73px;border:5px solid var(--bg);border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--raised);color:var(--pink);font:32px var(--serif)}.preview-avatar img{width:100%;height:100%;object-fit:cover}.preview-body strong{display:block;font-size:18px;margin-top:9px;overflow-wrap:anywhere}.preview-divider{height:1px;background:var(--line);margin:18px 0}.preview-four{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.preview-four img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px}.preview-four i{aspect-ratio:1;background:var(--panel);border:1px dashed var(--line);display:grid;place-content:center;border-radius:3px;font-style:normal;color:var(--muted)}.editor-save{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px}.palette-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:13px}.palette-option{min-width:0;text-align:left;background:var(--panel);border:2px solid var(--line);color:var(--text);padding:0;border-radius:7px;overflow:hidden}.palette-option.selected{outline:2px solid var(--pink);outline-offset:2px;border-color:var(--pink)}.palette-option-name{display:block;font-size:11px;padding:11px 12px 8px;font-weight:600}.palette-option-art{display:block;background:var(--bg);height:65px;position:relative;overflow:hidden}.palette-option-art:before{content:'';position:absolute;background:linear-gradient(100deg,var(--brown),var(--banner),var(--coral));height:37px;width:100%;top:0;left:0}.palette-option-art i{position:absolute;top:22px;left:13px;background:var(--pink);width:29px;height:29px;border:3px solid var(--bg);border-radius:50%}.palette-option-art b{position:absolute;top:47px;left:49px;background:var(--text);width:44%;height:3px;border-radius:2px}.palette-option-art em{position:absolute;top:56px;left:49px;background:var(--muted);width:28%;height:2px;border-radius:2px}.palette-swatches{display:flex;padding:0 12px 12px;gap:5px}.palette-swatches i{height:13px;flex:1;border-radius:2px;border:1px solid #8883}.palette-page{max-width:1320px;padding:40px}.palette-page h1{font:44px var(--serif);margin:0 0 30px}.palette-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.palette-comparison-card{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0}.palette-comparison-card>h2{font-size:14px;letter-spacing:0;margin:0 0 20px}.mini-app{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--bg)}.mini-app-header{display:flex;align-items:center;justify-content:space-between;padding:13px;font-size:17px;font-weight:600;letter-spacing:-.7px;border-bottom:1px solid var(--line)}.mini-app-header span{font-size:10px;color:var(--pink);letter-spacing:1px}.mini-app .profile-card{border:0;border-bottom:1px solid var(--line);border-radius:0;margin-bottom:0}.mini-app .profile-cover{height:105px}.mini-app .profile-identity{gap:12px;padding:0 13px 15px;min-height:62px}.mini-app .profile-picture{width:61px;height:61px;border-width:4px;margin-top:-23px;font-size:24px}.mini-app .profile-identity h1{font-size:22px}.mini-app-content{padding:18px 13px 22px}.mini-app-content h3{font-size:9px;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}.mini-albums{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mini-albums img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px}.mini-albums i{aspect-ratio:1;background:var(--raised);border-radius:3px}.mini-tabs{display:flex;gap:16px;border-bottom:1px solid var(--line);margin-top:20px;padding-bottom:8px;font-size:9px;color:var(--muted)}.mini-tabs span:first-child{color:var(--pink)}.mini-row{display:flex;gap:9px;align-items:center;margin-top:15px}.mini-row>i{width:30px;height:30px;border-radius:4px;background:var(--raised)}.mini-row div{flex:1}.mini-row b{height:3px;background:var(--muted);width:75%;display:block;margin:6px 0}.mini-row small{color:var(--pink);font-size:11px}.palette-hexes{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:18px 0}.palette-hexes span{font-size:8px;color:var(--muted);text-align:center}.palette-hexes i{display:block;height:27px;border-radius:3px;margin-bottom:6px;border:1px solid #8883}.palette-comparison-card>.primary{width:100%}.palette-caption{font-size:11px;color:var(--muted);margin:20px 0}.auth-view .main-nav,.auth-view footer{display:none}.auth-view .topbar .avatar,.auth-view #account-controls{display:none}.auth-view main{min-height:calc(100dvh - 94px);display:grid;place-items:center;padding:30px 22px 80px}.login-layout{width:100%;max-width:440px}.login-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:35px 40px;box-shadow:0 15px 80px #0002}.login-logo{margin-bottom:24px;display:flex;justify-content:center}.login-logo .brand-icon{transform:scale(1.2);height:42px;width:34px}.login-card h2{text-align:center;font-size:36px}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin:0 0 26px;gap:20px;justify-content:center}.auth-tabs button{border:0;background:none;color:var(--muted);padding:0 5px 12px;border-bottom:2px solid transparent;font-size:12px}.auth-tabs button.selected{color:var(--pink);border-color:var(--pink)}.login-card .account-error{font-size:11px}.login-card .account-options{justify-content:center}.account-form .form-label{color:var(--muted)}.account-form input{min-height:46px}
[data-palette="rose"] .text-button,[data-palette="rose"] .pink{color:var(--pink)}[data-palette="rose"] .cover-button:after{color:#fff}[data-palette="rose"] dialog{border-color:var(--line)}[data-palette="rose"] .side-intro{border-color:var(--line)}[data-palette="rose"] .record-header .eyebrow{color:var(--coral)}[data-palette="rose"] .star-picker button{color:#A8948C}[data-palette="rose"] .star-picker button.on{color:var(--pink)}[data-palette="rose"] .bar{background:var(--pink)}
@media(max-width:900px){.editor-layout{grid-template-columns:1fr 240px;gap:23px}.palette-comparison{gap:12px}.palette-comparison-card{padding:12px}.palette-page{padding:30px 22px}.palette-hexes span{font-size:7px}}
@media(max-width:720px){.profile-cover{height:180px}.profile-identity{padding:0 20px 22px;gap:15px;flex-wrap:wrap}.profile-picture{width:95px;height:95px;border-width:6px;margin-top:-39px;font-size:40px}.profile-identity h1{font-size:29px}.profile-identity>.secondary{margin-left:auto;font-size:10px;padding:8px 10px}.profile-layout>aside{width:100%}.editor-layout{grid-template-columns:1fr}.editor-layout>div:last-child{order:-1}.profile-preview{max-width:320px;margin:auto}.editor-layout>div:last-child>.form-label{text-align:center}.palette-options{gap:8px}.palette-option-name{font-size:9px;padding:9px 7px}.palette-swatches{padding:0 7px 9px;gap:3px}.palette-option-art{height:57px}.profile-tabs{gap:20px}.palette-comparison{grid-template-columns:1fr}.palette-comparison-card{padding:20px}.mini-app .profile-cover{height:150px}.mini-app .profile-identity{flex-wrap:nowrap}.mini-app .profile-picture{width:72px;height:72px}.mini-app .profile-identity h1{font-size:27px}.palette-hexes span{font-size:10px}.palette-page h1{font-size:35px}.palette-page>header{align-items:center;gap:10px}.footer-links{width:100%}.auth-view main{min-height:calc(100dvh - 75px);padding-top:15px}.login-card{padding:25px}.profile-layout .album-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

.upload-label:has(+input:focus-visible){outline:2px solid var(--pink);outline-offset:3px}

/* Owner-selected global palette; profile banner color remains user-owned. */
.primary,.avatar{background:var(--button);color:var(--on-accent)}
.star-picker button{color:var(--muted);opacity:.5}
.star-picker button.on{color:var(--pink);opacity:1}
.hero-record:before{background:var(--coral)}
.score-picker{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.score-picker button{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);min-width:40px;height:44px;font:inherit;cursor:pointer}.score-picker button.selected{background:var(--pink);color:var(--on-accent);border-color:var(--pink)}.clear-rating{margin-bottom:18px}.onboarding-view .main-nav,.onboarding-view .bottom-nav{display:none}.onboarding-shell{max-width:570px;margin:36px auto;padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.onboarding-shell h1{font-size:28px;margin:28px 0}.onboarding-shell .field{width:100%;box-sizing:border-box}.onboarding-help{display:block;color:var(--muted);font-size:12px;margin:8px 0 18px}.onboarding-progress{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.onboarding-progress .active{color:var(--pink)}.onboarding-progress i{height:1px;background:var(--line);flex:1}.onboarding-logout{margin-top:24px}.genre-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.genre-option{position:relative}.genre-option input{position:absolute;opacity:0}.genre-option span{display:block;padding:14px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.genre-option input:checked+span{background:var(--pink);color:var(--on-accent)}.genre-option input:focus-visible+span{outline:2px solid var(--pink);outline-offset:3px}.onboarding-search{display:flex;gap:8px}.onboarding-artist-grid{display:grid;gap:9px;margin:18px 0}.artist-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--raised);color:var(--text);font:inherit;cursor:pointer}.artist-choice b{margin-left:auto}.artist-choice.selected{border-color:var(--pink)}.artist-initial{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--bg)}.selected-artists{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.selected-artist{padding:8px 12px;border:1px solid var(--pink);border-radius:20px;background:var(--panel);color:var(--pink);cursor:pointer}.profile-username{color:var(--muted);margin:4px 0}
@media(max-width:600px){.onboarding-shell{margin:16px auto;padding:20px}.score-picker button{min-width:36px}.onboarding-shell h1{font-size:24px}}