:root{--bg-main:#12151b;--bg-elevated:#171b22;--bg-card:#1c212b;--bg-card-soft:#202632;--border:#2b313d;--border-strong:#3a414d;--text-main:#f3f4f6;--text-soft:#c7cbd4;--text-muted:#98a2b3;--accent:#d1d5db;--success-bg:#10261c;--success-border:#1d5137;--warning-bg:#2a2211;--warning-border:#5c4820;--danger-bg:#32191b;--danger-border:#6f2f35;--shadow:#00000047 0 18px 40px -12px;--radius-card:18px;--radius-button:12px;--page-padding-desktop:2rem;--page-padding-tablet:1.5rem;--page-padding-mobile:1rem;--content-max-width:1440px}*,:before,:after{box-sizing:border-box;min-width:0}html,body,#root{width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}html{scroll-behavior:smooth}body{background:var(--bg-main);color:var(--text-main);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,sans-serif}#root{width:100%;min-height:100vh}a,button,input,select,textarea{font:inherit}a{color:inherit}button{transition:background-color .2s,border-color .2s,opacity .2s,transform .2s,box-shadow .2s}button:hover{transform:translateY(-1px)}button:disabled{transform:none}input,select,textarea{color:var(--text-main);border:1px solid var(--border-strong);background:#141920}input::placeholder,textarea::placeholder{color:#7f8794}input:focus,select:focus,textarea:focus,button:focus,a:focus{outline-offset:2px;outline:2px solid #4d596a}img,svg,video,canvas{max-width:100%;height:auto}img{object-fit:contain}h1,h2,h3,h4,h5,h6,p,span,div,a,button{overflow-wrap:anywhere}h1,h2,h3,h4,h5,h6{color:var(--text-main);margin-top:0}p{color:var(--text-soft)}main{width:100%}.soundcycle-page{width:100%;max-width:var(--content-max-width);padding:var(--page-padding-desktop);margin:0 auto}.soundcycle-card{border:1px solid var(--border);border-radius:var(--radius-card);background-color:var(--bg-card);box-shadow:0 10px 24px #0003}.soundcycle-section-title{color:var(--text-main);margin:0 0 .9rem;font-size:1.1rem;font-weight:800;line-height:1.3}.soundcycle-muted{color:var(--text-muted)}.soundcycle-empty-state,.soundcycle-success-state,.soundcycle-warning-state,.soundcycle-danger-state{border-radius:14px;padding:.95rem;line-height:1.55}.soundcycle-empty-state{color:#c2c9d3;background-color:#232a35}.soundcycle-success-state{color:#cfe6d8;background-color:#16231c;border:1px solid #294636}.soundcycle-warning-state{color:#ead8a8;background-color:#2a2315;border:1px solid #5b4a23}.soundcycle-danger-state{background-color:var(--danger-bg);border:1px solid var(--danger-border);color:#ffb0b7}@media (width<=680px){main,section,article,header,footer,nav,div{max-width:100%}main{padding-left:1rem!important;padding-right:1rem!important}section{overflow:hidden}h1{font-size:clamp(1.45rem,8vw,2rem)!important;line-height:1.15!important}h2{font-size:clamp(1.05rem,5.5vw,1.35rem)!important;line-height:1.2!important}p{font-size:.92rem;line-height:1.55}button,a,input,select,textarea{max-width:100%}[style*=repeat\(2],[style*=repeat\(3],[style*=repeat\(4],[style*=auto-fit],[style*="340px"],[style*=minmax\(340px]{grid-template-columns:1fr!important}[style*=grid-template-columns]{max-width:100%}.app-shell{padding-left:1rem!important;padding-right:1rem!important}.app-page-shell{width:100%;overflow-x:hidden}.app-page-shell>main{padding-left:0!important;padding-right:0!important}}@media (width<=420px){main,.app-shell{padding-left:.85rem!important;padding-right:.85rem!important}h1,h2,p{text-align:center}button,a{justify-content:center}}@media (width<=1024px){.soundcycle-page{padding:var(--page-padding-tablet)}}@media (width<=640px){.soundcycle-page{padding:var(--page-padding-mobile)}}.role-shell{--role-page-bg:#12151b;--role-header-bg:#171b22;--role-panel-bg:#1b2028;--role-panel-bg-2:#141920;--role-border:#2b313d;--role-border-strong:#3a414d;--role-accent:#6f8cff;--role-active-bg:#2a313d}.role-shell.role-artist{--role-page-bg:#101010;--role-header-bg:#171717;--role-panel-bg:#2a2a2c;--role-panel-bg-2:#1f1f21;--role-border:#5f6368;--role-border-strong:#7a7d82;--role-accent:#d1d5db;--role-active-bg:#303033}.role-shell.role-curator{--role-page-bg:#101712;--role-header-bg:#18201a;--role-panel-bg:#1c271f;--role-panel-bg-2:#121a14;--role-border:#294636;--role-border-strong:#37d67a;--role-accent:#37d67a;--role-active-bg:#1d3a29}.role-shell.role-community{--role-page-bg:#17130f;--role-header-bg:#221b14;--role-panel-bg:#2a2118;--role-panel-bg-2:#1d1711;--role-border:#4a3820;--role-border-strong:#d6b15e;--role-accent:#d6b15e;--role-active-bg:#3a2b17}.role-page{background:radial-gradient(circle at 18% 10%, color-mix(in srgb, var(--role-accent) 14%, transparent) 0%, transparent 30%), var(--role-page-bg)!important}.role-panel{background:linear-gradient(145deg, var(--role-panel-bg) 0%, var(--role-panel-bg-2) 100%)!important;border-color:var(--role-border)!important}.role-shell input,.role-shell select,.role-shell textarea{background-color:var(--role-panel-bg-2)!important;border-color:var(--role-border)!important}.role-shell a:focus,.role-shell button:focus,.role-shell input:focus,.role-shell select:focus,.role-shell textarea:focus{outline-color:var(--role-accent)!important}