:root{--bg:#f7f4ed;--surface:#fff;--surface-strong:#111315;--text:#323437;--text-soft:#686c72;--text-invert:#f6f0e6;--line:#ddd5c9;--accent:#e2442f;--accent-strong:#b52e21;--blue:#215c73;--green:#32745d;--shadow:0 18px 45px #1c181329;--header-height:76px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}img{max-width:100%;display:block}#app{min-height:100svh}.app-shell{flex-direction:column;min-height:100svh;display:flex}.route-host{flex-direction:column;flex:1;display:flex}.route-host>main{flex:1}.event-banner{z-index:19;color:#fff;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 86%, #111315), var(--surface-strong));justify-content:center;align-items:center;gap:10px;min-height:48px;padding:10px clamp(18px,6vw,84px);text-decoration:none;display:flex;position:relative}.event-banner span{opacity:.86}.site-header{z-index:20;min-height:var(--header-height);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f4edeb;border-bottom:1px solid #1113151f;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:14px clamp(18px,4vw,56px);display:grid;position:sticky;top:0}.brand{color:var(--surface-strong);justify-self:start;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark,.icon-button{border-radius:8px;place-items:center;width:42px;height:42px;display:inline-grid}.brand-mark{color:var(--text-invert);background:var(--surface-strong);overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%}.site-nav{background:#ffffffad;border:1px solid #1113151f;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:5px;display:inline-flex}.site-nav a{color:var(--text-soft);border-radius:6px;padding:8px 12px;font-size:.92rem;font-weight:700;text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a.router-link-active{color:var(--surface-strong);background:#fff}.icon-button{color:var(--surface-strong);background:#ffffffc2;border:1px solid #11131524;justify-self:end}.header-actions{justify-self:end;align-items:center;gap:8px;display:inline-flex}.icon-button:hover,.icon-button:focus-visible,.primary-action:focus-visible,.secondary-action:focus-visible,.text-button:focus-visible,.footer-button:focus-visible{outline-offset:2px;outline:3px solid #e2442f47}.hero-section{min-height:calc(100svh - var(--header-height));border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);align-items:center;gap:clamp(30px,5vw,78px);padding:clamp(36px,6vw,76px) clamp(18px,6vw,84px);display:grid}main{flex:1}.page-section{min-height:calc(100svh - var(--header-height) - 92px)}.page-slide-enter-active,.page-slide-leave-active{transition:opacity .26s,transform .32s}.page-slide-enter-from{opacity:0;transform:translate(34px)}.page-slide-leave-to{opacity:0;transform:translate(-18px)}.hero-media{background:var(--surface-strong);min-height:410px;box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.hero-media img{object-fit:cover;filter:saturate(1.05)contrast(1.04);width:100%;height:100%;min-height:410px}.hero-content{max-width:780px}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--surface-strong);line-height:1.02}h1{letter-spacing:0;max-width:820px;margin-bottom:22px;font-size:clamp(3.2rem,8vw,6.9rem)}h2{letter-spacing:0;max-width:770px;margin-bottom:0;font-size:clamp(2rem,4vw,4.6rem)}h3{margin-bottom:16px;font-size:1.35rem}.hero-copy{max-width:610px;color:var(--text-soft);margin-bottom:28px;font-size:1.18rem;line-height:1.6}.hero-actions,.cookie-actions,.panel-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary-action,.secondary-action,.text-button,.footer-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:800;text-decoration:none;display:inline-flex}.primary-action{border:1px solid var(--accent);color:#fff;background:var(--accent);padding:12px 17px}.primary-action:hover{background:var(--accent-strong)}.secondary-action{color:var(--surface-strong);background:#ffffffb8;border:1px solid #11131529;padding:12px 16px}.secondary-action:hover{background:#fff}.section{border-bottom:1px solid var(--line);padding:clamp(54px,8vw,108px) clamp(18px,6vw,84px)}.section-heading{gap:8px;margin-bottom:clamp(28px,4vw,44px);display:grid}.platform-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.platform-card{min-height:132px;color:var(--surface-strong);background:var(--surface);border:1px solid #11131524;border-radius:8px;align-content:space-between;gap:24px;padding:20px;text-decoration:none;display:grid;box-shadow:0 10px 30px #1c181314}.platform-card:hover,.platform-card:focus-visible{border-color:#e2442f6b;transform:translateY(-2px)}.platform-card span{font-size:1.1rem;font-weight:850}.platform-feature-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:16px;margin-top:22px;display:grid}.soundcloud-panel,.discord-panel{background:var(--surface);border:1px solid #11131524;border-radius:8px;box-shadow:0 10px 30px #1c181314}.soundcloud-panel{padding:22px}.soundcloud-panel iframe{border:0;border-radius:8px;width:100%;height:180px}.discord-panel{color:#fff;background:var(--blue);align-content:center;gap:14px;min-height:260px;padding:24px;text-decoration:none;display:grid}.discord-panel span{font-size:2rem;font-weight:950;line-height:1}.discord-panel small{opacity:.86;max-width:260px;line-height:1.5}.services-section{color:var(--text-invert);background:linear-gradient(90deg, #e2442f2e, transparent 42%), var(--surface-strong)}.services-section h2,.services-section .service-item,.services-section .eyebrow{color:var(--text-invert)}.service-list{background:#f6f0e633;border:1px solid #f6f0e633;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.service-item{background:#ffffff12;align-content:space-between;gap:26px;min-height:136px;padding:20px;font-weight:820;display:grid}.service-item svg{color:#f3c34b}.faq-section{background:linear-gradient(90deg, #215c731a, transparent 44%), var(--bg)}.faq-list,.faq-admin-list{gap:12px;display:grid}.faq-list{max-width:980px}.faq-item{background:var(--surface);border:1px solid #11131524;border-radius:5px;padding:18px}.faq-item h3,.faq-item p{margin:0}.faq-item p{color:var(--text-soft);margin-top:8px;line-height:1.62}.faq-admin-row{border-top:1px solid #1113151a;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr) 130px auto;align-items:start;gap:12px;padding-top:14px;display:grid}.history-list{gap:14px;display:grid}.history-entry{border-top:1px solid #1113151a;gap:12px;padding-top:14px;display:grid}.history-entry-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.history-entry-header h3,.history-entry-header p{margin:0}.history-entry-header p,.history-entry-header time{color:var(--text-soft);font-size:.92rem}.history-change-grid{gap:8px;display:grid}.history-change{background:#fbfaf6;border:1px solid #1113151a;border-radius:4px;grid-template-columns:160px minmax(0,1fr) minmax(0,1fr);gap:10px;padding:10px;display:grid}.history-change span{min-width:0;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.legal-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(230px,.7fr);gap:16px;display:grid}.language-select{gap:7px;width:min(240px,100%);margin-bottom:16px;display:grid}.language-select span{color:var(--text-soft);text-transform:uppercase;font-size:.82rem;font-weight:760}.language-select select{background:var(--surface);width:100%;color:var(--text);font:inherit;border:1px solid #11131524;border-radius:4px;padding:10px 12px}.legal-layout article{background:var(--surface);border:1px solid #11131524;border-radius:8px;min-height:315px;padding:24px}.legal-layout p{color:var(--text-soft);line-height:1.62}.legal-layout p+p{margin-top:12px}.markdown-content{color:inherit;line-height:1.62}.markdown-content>*{margin:0}.markdown-content>*+*{margin-top:10px}.markdown-content h3,.markdown-content h4,.markdown-content h5{color:inherit;line-height:1.18}.markdown-content ul{padding-left:1.2rem}.markdown-content li+li{margin-top:5px}.markdown-content code{background:#11131514;border-radius:4px;padding:2px 5px}.markdown-content a{color:var(--accent);font-weight:800}.maintenance-section{min-height:calc(100vh - var(--header-height) - 190px);place-items:center;display:grid}.maintenance-panel{background:var(--surface);border:1px solid #1113151f;border-radius:5px;justify-items:start;gap:14px;width:min(620px,100%);padding:28px;display:grid}.maintenance-panel h1,.maintenance-panel p{margin:0}.maintenance-panel h1{font-size:clamp(2.2rem,6vw,4.4rem);line-height:.96}.maintenance-panel p:not(.eyebrow){color:var(--text-soft);line-height:1.6}.muted{color:#7c756e}.text-button{border:1px solid var(--blue);color:#fff;background:var(--blue);margin-top:18px;padding:10px 14px}.site-footer{min-height:92px;color:var(--text-invert);background:var(--surface-strong);justify-content:space-between;align-items:center;gap:18px;padding:24px clamp(18px,6vw,84px);display:flex}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.footer-links a{text-decoration:none}.toast-stack{z-index:80;pointer-events:none;gap:10px;width:min(380px,100vw - 36px);display:grid;position:fixed;bottom:18px;right:18px}.toast-card{color:#f8f3e8;pointer-events:auto;background:#151719;border:1px solid #11131524;border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:13px;display:grid;box-shadow:0 18px 45px #11131538}.toast-card strong,.toast-card p{margin:0}.toast-card strong{font-size:.94rem;display:block}.toast-card p{color:#f8f3e8b8;margin-top:3px;line-height:1.45}.toast-success>svg{color:#97d8b2}.toast-error>svg{color:#ffaca3}.toast-card button{color:currentColor;background:#ffffff14;border:0;border-radius:4px;place-items:center;width:28px;height:28px;padding:0;display:grid}.footer-button{color:var(--text-invert);background:0 0;border:1px solid #f6f0e642;padding:10px 14px}.footer-button:hover{background:#f6f0e614}.cookie-banner{z-index:35;max-width:1100px;box-shadow:var(--shadow);background:#fffffff5;border:1px solid #1113152e;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-inline:auto;padding:18px;display:flex;position:fixed;bottom:18px;left:18px;right:18px}.cookie-banner>div:first-child{align-items:flex-start;gap:12px;display:flex}.cookie-banner p{max-width:650px;color:var(--text-soft);margin:0;line-height:1.5}.modal-backdrop{z-index:40;background:#11131585;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.cookie-panel{background:var(--surface);width:min(100%,560px);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:20px;display:grid}.upload-progress{z-index:45;width:min(100vw - 36px,420px);color:var(--surface-strong);box-shadow:var(--shadow);background:#fffffff5;border:1px solid #11131529;border-radius:8px;gap:12px;padding:16px;display:grid;position:fixed;bottom:18px;right:18px}.upload-progress-header{grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid}.upload-progress-header div{gap:3px;min-width:0;display:grid}.upload-progress-header strong,.upload-progress-header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-progress-header span,.upload-progress p{color:var(--text-soft)}.upload-progress .icon-button{width:34px;height:34px}.upload-progress-track{background:#1113151a;border-radius:8px;height:8px;overflow:hidden}.upload-progress-track span{border-radius:inherit;background:var(--accent);height:100%;transition:width .16s;display:block}.upload-progress p{margin:0;font-size:.9rem}.panel-heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:4px;display:flex}.panel-heading h2{font-size:2rem}.panel-heading .icon-button{width:38px;height:38px;font-size:1.6rem}.preference-row{background:#fbfaf6;border:1px solid #1113151f;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:16px;display:grid}.preference-row span{gap:5px;display:grid}.preference-row small{color:var(--text-soft);line-height:1.4}.preference-row input{width:46px;height:26px;accent-color:var(--green)}.preference-row.disabled{opacity:.78}.panel-actions{justify-content:flex-end;margin-top:6px}.ambient-note{right:18px;top:calc(var(--header-height) + 18px);width:38px;height:38px;color:var(--text-invert);background:var(--green);pointer-events:none;border-radius:8px;place-items:center;display:grid;position:fixed}.auth-section,.dashboard-shell,.artist-bio-page{padding:clamp(42px,7vw,88px) clamp(18px,6vw,84px)}.auth-section{place-items:center;display:grid}.auth-card,.dashboard-card{background:var(--surface);border:1px solid #11131524;border-radius:8px;box-shadow:0 10px 30px #1c181314}.auth-card{gap:16px;width:min(100%,520px);padding:clamp(24px,4vw,36px);display:grid}.auth-icon{width:52px;height:52px;color:var(--text-invert);background:var(--surface-strong);border-radius:8px;place-items:center;display:grid}.auth-card h1,.dashboard-heading h1{margin:0;font-size:clamp(2.6rem,6vw,5.4rem)}.auth-copy,.dashboard-heading p,.form-hint{color:var(--text-soft);line-height:1.55}.form-hint{margin:0;font-size:.9rem}label{color:var(--surface-strong);gap:7px;font-weight:800;display:grid}label span{font-size:.9rem}input,select,textarea{width:100%;min-height:44px;color:var(--surface-strong);background:#fff;border:1px solid #11131529;border-radius:8px;padding:10px 12px}input[type=color]{min-height:44px;padding:4px}.image-upload-field{align-content:start;gap:8px;display:grid}.image-upload-field small{color:var(--text-soft);font-weight:600}.upload-control{min-height:44px;color:var(--surface-strong);background:#fff;border:1px solid #11131529;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;display:inline-flex;position:relative;overflow:hidden}.upload-control input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-preview{background:#f1eee7;border:1px solid #11131524;border-radius:5px;width:min(220px,100%);display:block;overflow:hidden}.upload-preview img{object-fit:cover;width:100%;height:100%;display:block}.crop-modal-backdrop{z-index:50;background:#1113159e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.crop-modal{background:var(--surface);width:min(100%,640px);max-height:calc(100svh - 28px);box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:16px;display:grid;overflow:auto}.crop-stage{background-color:#0000;background-image:linear-gradient(45deg,#11131514 25%,#0000 25%),linear-gradient(-45deg,#11131514 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#11131514 75%),linear-gradient(-45deg,#0000 75%,#11131514 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:8px;place-items:center;max-height:min(48svh,420px);padding:12px;display:grid;overflow:hidden}.crop-box{background:var(--surface-strong);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;width:min(100%,460px);max-width:460px;position:relative;overflow:hidden;box-shadow:0 0 0 999px #11131552}.crop-box:active{cursor:grabbing}.crop-box img{transform-origin:50%;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute;top:50%;left:50%}.crop-overlay{border-radius:inherit;pointer-events:none;border:2px solid #ffffffd1;position:absolute;inset:0}.crop-overlay:before,.crop-overlay:after{content:"";border-block:1px solid #ffffff73;position:absolute;inset:33.333% 0}.crop-overlay:after{border:0;border-inline:1px solid #ffffff73;inset:0 33.333%}.crop-controls{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:10px;display:grid}.crop-controls label{gap:7px;display:grid}.crop-controls span{color:var(--text-soft);text-transform:uppercase;font-size:.82rem;font-weight:760}.crop-controls input[type=range]{width:100%;accent-color:var(--accent)}textarea{resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:#e2442f94;outline:3px solid #e2442f29}button:disabled{cursor:not-allowed;opacity:.62}.form-error,.form-success,.form-warning{border-radius:5px;margin:0;padding:10px 12px;line-height:1.45}.form-error{color:#8b1d14;background:#e2442f1f}.form-success{color:#14533d;background:#32745d24}.form-warning{color:#6b4a09;background:#d69e2e2b}.dashboard-shell{gap:28px;display:grid}.admin-panel{color:#e8e8e8;background:#18191b;grid-template-columns:232px minmax(0,1fr);gap:16px;padding:18px;display:grid}.admin-sidebar{top:calc(var(--header-height) + 12px);min-height:calc(100svh - var(--header-height) - 36px);color:var(--text-invert);background:#1f2022;border:1px solid #ffffff14;border-radius:5px;align-self:start;gap:14px;padding:14px;display:grid;position:sticky}.admin-sidebar h2{color:var(--text-invert);font-size:1.15rem}.admin-sidebar nav{gap:4px;display:grid}.admin-sidebar a{min-height:36px;color:var(--text-invert);border-radius:4px;align-items:center;gap:8px;padding:8px 10px;font-size:.92rem;text-decoration:none;display:flex}.admin-sidebar a:hover,.admin-sidebar a.router-link-active{background:#ffffff1f}.admin-content{gap:14px;min-width:0;display:grid}.admin-content .dashboard-heading h1{color:#f0f0f0;font-size:clamp(2rem,4vw,3.6rem)}.admin-content .dashboard-heading p:not(.eyebrow){color:#a8aaad}.admin-content h2,.admin-content h3,.admin-content .settings-section h2,.admin-content .card-heading h2,.admin-content .small-heading h3{color:#f0f0f0}.admin-content .dashboard-card,.admin-content .metric-card{box-shadow:none;background:#202124;border-color:#ffffff14;border-radius:5px}.admin-content .metric-card{min-height:104px;padding:14px}.admin-content .metric-card p,.admin-content .user-row p,.admin-content .artist-admin-header p,.admin-content .muted{color:#a8aaad}.admin-content input,.admin-content select,.admin-content textarea{color:#f0f0f0;background:#18191b;border-color:#ffffff1a;border-radius:4px}.admin-content label{color:#dedede}.admin-content .secondary-action{color:#f0f0f0;background:#26272a;border-color:#ffffff1f}.admin-content .primary-action,.admin-content .secondary-action,.admin-content .text-button,.admin-content .footer-button,.admin-content .icon-button{border-radius:4px;min-height:36px;padding:8px 11px}.admin-content .settings-section,.admin-content .artist-link-admin,.admin-content .audio-links-editor{background:#1b1c1f;border-color:#ffffff14;border-radius:5px}.admin-content .search-field{background:#18191b;border-color:#ffffff1a;border-radius:4px}.admin-content .user-row,.admin-content .link-row,.admin-content .audio-link-row,.admin-content .platform-edit-row,.admin-content .menu-link-row,.admin-content .feature-toggle-row,.admin-content .api-limit-row,.admin-content .history-entry,.admin-content .track-admin-card{border-top-color:#ffffff14}.admin-content .history-change{background:#1b1c1f;border-color:#ffffff14}.admin-content .form-success{color:#97d8b2;background:#32745d2e}.admin-content .form-error{color:#ffaca3;background:#e2442f24}.dashboard-heading{max-width:920px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-section{background:#fbfaf6;border:1px solid #1113151a;border-radius:5px;align-content:start;gap:10px;padding:14px;display:grid}.settings-section h2{margin:0;font-size:1.6rem}.platform-edit-row{border-top:1px solid #1113151a;grid-template-columns:minmax(140px,.8fr) minmax(220px,1.3fr) 150px 120px auto;align-items:end;gap:10px;padding-top:12px;display:grid}.menu-link-row{border-top:1px solid #1113151a;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.2fr) 120px auto;align-items:end;gap:10px;padding-top:12px;display:grid}.inline-actions{flex-wrap:wrap;gap:8px;display:flex}.feature-toggle-row,.api-limit-row{border-top:1px solid #1113151a;align-items:center;gap:10px;padding-top:12px;display:grid}.feature-toggle-row{grid-template-columns:minmax(0,1fr) 150px}.feature-toggle-row strong,.api-limit-row strong{font-size:.95rem}.feature-toggle-row small{color:var(--text-soft);margin-top:3px;line-height:1.45;display:block}.api-limit-row{grid-template-columns:minmax(170px,1fr) 170px 170px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.metric-card{background:var(--surface);border:1px solid #11131524;border-radius:5px;align-content:space-between;min-height:112px;padding:14px;display:grid}.metric-card span{color:var(--accent);font-size:2.15rem;font-weight:900;line-height:1}.metric-card p{color:var(--text-soft);margin:0;font-weight:800}.dashboard-grid{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);align-items:start;gap:12px;display:grid}.artist-dashboard{grid-template-columns:minmax(320px,.95fr) minmax(320px,1.05fr)}.dashboard-card{gap:12px;padding:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .card-heading,.form-grid .primary-action,.wide-field{grid-column:1/-1}.card-heading{align-items:center;gap:10px;display:flex}.card-heading h2{margin:0;font-size:1.25rem}.checkbox-row{grid-template-columns:auto 1fr;align-content:center;align-items:center}.checkbox-row input{width:22px;min-height:22px;accent-color:var(--green)}.compact-checkbox{grid-template-columns:auto 1fr;gap:8px}.compact-checkbox span{font-size:.86rem}.user-list{overflow:visible}.user-row,.link-row{border-top:1px solid #1113151a;align-items:center;gap:10px;padding:12px 0;display:grid}.user-row{grid-template-columns:minmax(160px,1fr) 112px 104px minmax(130px,.75fr) minmax(150px,.85fr) auto}.user-row>*{min-width:0}.user-row p{color:var(--text-soft);margin:5px 0 0;font-size:.9rem}.link-row{grid-template-columns:minmax(120px,.7fr) minmax(180px,1.2fr) 110px auto}.links-editor{align-content:start}.bio-preview{color:var(--text-invert);background:var(--surface-strong);border-radius:8px;gap:8px;margin-top:6px;padding:16px;display:grid}.bio-preview .eyebrow{color:#f3c34b;margin:0}.bio-preview a{color:var(--text-invert);overflow-wrap:anywhere;font-weight:900}.instant-preview-card{overflow:hidden}.artist-preview-frame{color:var(--artist-text,var(--text-invert));background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--artist-accent,var(--accent)) 28%, transparent), transparent 26%), var(--artist-bg,var(--surface-strong));border-radius:5px;grid-template-columns:minmax(260px,.9fr) minmax(260px,1.1fr);gap:12px;padding:14px;display:grid;position:relative;overflow:hidden}.artist-preview-frame .bio-profile,.artist-preview-frame .bio-links{z-index:1;position:relative}.artist-preview-frame .bio-profile{padding-bottom:22px}.artist-preview-frame .bio-profile h1{font-size:clamp(2.4rem,5vw,4.8rem)}.artist-preview-frame .bio-banner{height:142px}.artist-admin-editor{align-content:start}.artist-admin-card{border-top:1px solid #1113151a;gap:12px;padding-top:14px;display:grid}.artist-admin-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.artist-admin-header h3,.small-heading h3{margin:0}.artist-admin-header p{color:var(--text-soft);margin:6px 0 0}.artist-admin-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.artist-link-admin{background:#fbfaf6;border:1px solid #1113151a;border-radius:8px;gap:12px;padding:16px;display:grid}.artists-overview-section{background:linear-gradient(90deg, #215c731f, transparent 42%), var(--bg)}.artist-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.artist-overview-card{min-height:260px;color:var(--surface-strong);background:var(--surface);border:1px solid #11131524;border-radius:8px;align-content:space-between;gap:16px;padding:18px;text-decoration:none;display:grid;box-shadow:0 10px 30px #1c181314}.card-main-link{min-height:100%;color:inherit;align-content:space-between;gap:16px;text-decoration:none;display:grid}.artist-overview-card:hover,.artist-overview-card:focus-visible{border-color:#215c736b;transform:translateY(-2px)}.artist-overview-avatar{color:#fff;background:var(--surface-strong);text-transform:uppercase;border-radius:8px;place-items:center;width:72px;height:72px;font-size:1.8rem;font-weight:900;display:grid;overflow:hidden}.artist-overview-avatar img{object-fit:cover;width:100%;height:100%}.artist-overview-card h3{margin-bottom:8px}.artist-overview-card p{color:var(--text-soft);line-height:1.5}.artist-overview-card span{color:var(--blue);overflow-wrap:anywhere;font-weight:900}.admin-edit-link{width:fit-content;min-height:34px;color:var(--blue);background:#215c7314;border:1px solid #215c7347;border-radius:4px;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font-size:.9rem;font-weight:850;text-decoration:none;display:inline-flex}.admin-edit-link:hover,.admin-edit-link:focus-visible{background:#215c7324;border-color:#215c737a}.page-edit-link{margin:0 auto 12px}.track-page-content .page-edit-link{margin:0 0 12px}.section-edit-link{margin-bottom:16px}.admin-tracks-link{width:fit-content}.search-field{background:var(--surface);border:1px solid #11131524;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;max-width:760px;margin-bottom:22px;padding:0 12px}.search-field input{background:0 0;border:0}.search-field input:focus{outline:0}.admin-list-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.compact-search{max-width:none;margin-bottom:0}.compact-search span{padding-top:10px}.tracks-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.track-card{min-height:290px;color:var(--surface-strong);background:var(--surface);border:1px solid #11131524;border-radius:8px;align-content:space-between;gap:16px;padding:18px;text-decoration:none;display:grid;box-shadow:0 10px 30px #1c181314}.track-card:hover,.track-card:focus-visible{border-color:#e2442f6b;transform:translateY(-2px)}.track-artwork,.track-admin-art,.track-page-artwork{color:var(--text-invert);background:linear-gradient(135deg, #e2442f5c, transparent 62%), var(--surface-strong);border-radius:8px;place-items:center;display:grid;overflow:hidden}.track-artwork{aspect-ratio:1}.track-artwork img,.track-admin-art img,.track-page-artwork img{object-fit:cover;width:100%;height:100%}.track-card h3{margin-bottom:8px}.track-card p,.track-card span{color:var(--text-soft)}.track-card span{font-weight:800}.track-admin-list{align-content:start}.track-admin-card{border-top:1px solid #1113151a;grid-template-columns:180px 1fr;gap:18px;padding-top:18px;display:grid}.track-admin-art{width:180px;height:180px}.track-admin-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.track-admin-actions{flex-wrap:wrap;gap:10px;display:flex}.audio-links-editor{background:#fbfaf6;border:1px solid #1113151a;border-radius:8px;gap:12px;padding:16px;display:grid}.audio-link-row{grid-template-columns:minmax(120px,.7fr) minmax(180px,1.3fr) auto;align-items:center;gap:10px;display:grid}.preview-suggestions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.preview-suggestions button{color:#dedede;background:#26272a;border:1px solid #ffffff1a;border-radius:4px;padding:6px 8px;font-size:.86rem}.danger-action{color:#8b1d14;border-color:#8b1d144d}.track-page{background:linear-gradient(90deg, #e2442f24, transparent 42%), var(--bg);place-items:center;padding:clamp(42px,7vw,88px) clamp(18px,6vw,84px);display:grid}.track-page-shell{grid-template-columns:minmax(280px,.82fr) minmax(320px,1.18fr);align-items:center;gap:clamp(18px,4vw,46px);width:min(100%,1060px);display:grid}.track-page-artwork{aspect-ratio:1;box-shadow:var(--shadow)}.track-page-content{max-width:680px}.track-page-content h1{margin-bottom:12px;font-size:clamp(3.2rem,8vw,6.6rem)}.track-artist{color:var(--accent);font-size:1.35rem;font-weight:900}.track-description{color:var(--text-soft);font-size:1.08rem;line-height:1.65}.track-description.markdown-content{color:var(--text-soft)}.track-linked-artists{flex-wrap:wrap;gap:9px;margin:16px 0;display:flex}.linked-artist-chip{min-height:38px;color:var(--surface-strong);background:var(--surface);border:1px solid #11131524;border-radius:4px;align-items:center;gap:8px;padding:7px 10px;font-weight:850;text-decoration:none;display:inline-flex}.linked-artist-chip img,.linked-artist-chip span:first-child{width:24px;height:24px;color:var(--text-invert);background:var(--surface-strong);object-fit:cover;text-transform:uppercase;border-radius:4px;place-items:center;font-size:.78rem;display:grid}.linked-artist-chip.missing{opacity:.48;filter:grayscale();cursor:not-allowed}.track-meta{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.track-meta span{background:var(--surface);border:1px solid #1113151f;border-radius:8px;align-items:center;gap:7px;min-height:36px;padding:7px 10px;font-weight:800;display:inline-flex}.track-listen-links{flex-wrap:wrap;gap:10px;display:flex}.track-preview-player{border:1px solid color-mix(in srgb, var(--track-accent,var(--accent)) 30%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--track-accent,var(--accent)) 14%, transparent), transparent), var(--surface);border-radius:5px;grid-template-columns:38px 1fr;align-items:center;gap:12px;margin:20px 0;padding:12px;display:grid}.track-preview-player.compact{grid-template-columns:32px 1fr;margin:0;padding:9px}.track-preview-player button{color:#fff;background:var(--track-accent,var(--accent));border:0;border-radius:4px;place-items:center;width:38px;height:38px;padding:0;display:grid}.track-preview-player.compact button{width:32px;height:32px}.waveform-bar{cursor:pointer;align-items:center;gap:2px;height:58px;display:flex;position:relative;overflow:hidden}.track-preview-player.compact .waveform-bar{height:38px}.waveform-bar:before{content:"";z-index:1;width:var(--preview-progress,0%);background:color-mix(in srgb, var(--track-accent,var(--accent)) 28%, transparent);pointer-events:none;position:absolute;inset:0 auto 0 0}.waveform-bar span{z-index:0;background:linear-gradient(to top, color-mix(in srgb, var(--track-accent,var(--accent)) 72%, #111315), color-mix(in srgb, var(--track-accent,var(--accent)) 28%, transparent));opacity:.82;border-radius:999px;flex:1;min-width:2px;position:relative}.logout-card{text-align:left}.artist-bio-page{color:var(--artist-text,var(--text-invert));background:var(--artist-bg,var(--surface-strong));place-items:center;display:grid;position:relative;overflow:hidden}.bio-bg-radial-soft{background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--artist-accent,var(--accent)) 28%, transparent), transparent 26%), var(--artist-bg,var(--surface-strong))}.bio-bg-radial-corner{background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--artist-accent,var(--accent)) 42%, transparent), transparent 34%), radial-gradient(circle at 0 100%, color-mix(in srgb, var(--artist-accent,var(--accent)) 18%, transparent), transparent 30%), var(--artist-bg,var(--surface-strong))}.bio-bg-linear-sweep{background:linear-gradient(135deg, color-mix(in srgb, var(--artist-accent,var(--accent)) 34%, transparent), transparent 46%), var(--artist-bg,var(--surface-strong))}.bio-bg-linear-bands{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--artist-accent,var(--accent)) 18%, transparent) 0, color-mix(in srgb, var(--artist-accent,var(--accent)) 18%, transparent) 18px, transparent 18px, transparent 58px), var(--artist-bg,var(--surface-strong))}.bio-bg-accent-glow{background:linear-gradient(90deg, color-mix(in srgb, var(--artist-accent,var(--accent)) 30%, transparent), transparent 38%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--artist-accent,var(--accent)) 26%, transparent), transparent 42%), var(--artist-bg,var(--surface-strong))}.bio-bg-flat{background:var(--artist-bg,var(--surface-strong))}.bio-theme-midnight{--artist-bg:#111315;--artist-text:#f6f0e6;--artist-accent:#e2442f}.bio-theme-signal{--artist-bg:#103d32;--artist-text:#f6f0e6;--artist-accent:#f3c34b}.bio-theme-paper{--artist-bg:#f7f4ed;--artist-text:#111315;--artist-accent:#215c73}.bio-shell{z-index:1;grid-template-columns:minmax(280px,.92fr) minmax(300px,1.08fr);align-items:start;gap:22px;width:min(100%,980px);display:grid;position:relative}.bio-profile,.bio-links{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #f6f0e62e;border-radius:8px;padding:clamp(22px,4vw,34px)}.bio-profile{text-align:center;padding-top:0;overflow:hidden}.bio-theme-paper .bio-profile,.bio-theme-paper .bio-links{background:var(--surface);border-color:#11131524}.bio-profile h1{color:inherit;margin:0 0 12px;font-size:clamp(3rem,7vw,6.3rem)}.bio-banner{background:linear-gradient(135deg, color-mix(in srgb, var(--artist-accent,var(--accent)) 62%, transparent), transparent 64%), #ffffff1a;width:calc(100% + clamp(44px,8vw,68px));height:178px;margin:0 calc(-1*clamp(22px,4vw,34px));overflow:hidden}.bio-banner.empty{background:linear-gradient(135deg, color-mix(in srgb, var(--artist-accent,var(--accent)) 42%, transparent), transparent 62%), repeating-linear-gradient(45deg, #ffffff14 0, #ffffff14 10px, transparent 10px, transparent 20px)}.bio-banner img{object-fit:cover;width:100%;height:100%}.bio-avatar-wrap{border:2px solid color-mix(in srgb, var(--artist-accent,var(--accent)) 70%, transparent);background:var(--artist-bg,var(--surface-strong));width:148px;height:148px;box-shadow:0 0 0 8px var(--artist-bg,var(--surface-strong)), 0 12px 32px color-mix(in srgb, var(--artist-accent,var(--accent)) 24%, transparent);border-radius:14px;place-items:center;margin:-70px auto 24px;display:grid}.bio-avatar{object-fit:cover;border-radius:10px;width:136px;height:136px}.bio-avatar-placeholder{width:136px;height:136px;color:var(--artist-text,#fff);background:color-mix(in srgb, var(--artist-accent,var(--accent)) 54%, transparent);text-transform:uppercase;border-radius:10px;place-items:center;font-size:4.2rem;font-weight:900;display:grid}.bio-tagline,.bio-copy{color:inherit;line-height:1.65}.bio-tagline{font-size:1.2rem;font-weight:850}.bio-location{color:inherit;align-items:center;gap:7px;font-weight:800;display:inline-flex}.bio-links{gap:12px;display:grid}.bio-related-section{border-bottom:1px solid #f6f0e624;gap:10px;padding-bottom:12px;display:grid}.bio-link,.bio-featured-link{min-height:58px;color:inherit;background:#ffffff14;border:1px solid #f6f0e62e;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:13px 15px;text-decoration:none;display:grid}.bio-featured-link{color:#fff;background:var(--artist-accent,var(--accent));grid-template-columns:auto 1fr auto}.bio-link:hover,.bio-featured-link:hover{transform:translateY(-2px)}.bio-link small{color:inherit;opacity:.72;text-transform:uppercase}.bio-show-all-link{min-height:42px;color:inherit;background:#ffffff0f;border:1px solid #f6f0e633;border-radius:5px;justify-content:center;align-items:center;padding:10px 14px;font-weight:850;text-decoration:none;display:inline-flex}.bio-effect-layer{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bio-effect-layer span{display:block;position:absolute}.bio-effect-snow .bio-effect-layer span{background:#ffffffd1;border-radius:999px;width:6px;height:6px;animation:linear infinite snow-fall;top:-20px}.bio-effect-stars .bio-effect-layer span{background:color-mix(in srgb, var(--artist-accent,#fff) 70%, #fff);border-radius:999px;width:3px;height:3px;animation:1.8s ease-in-out infinite alternate star-twinkle}.bio-effect-pulse .bio-effect-layer:before,.bio-effect-pulse .bio-effect-layer:after{content:"";border:1px solid color-mix(in srgb, var(--artist-accent,#fff) 55%, transparent);border-radius:50%;animation:4s ease-in-out infinite profile-pulse;position:absolute;inset:16%}.bio-effect-pulse .bio-effect-layer:after{animation-delay:1.7s}.bio-effect-scanlines .bio-effect-layer{background:repeating-linear-gradient(#ffffff14 0 1px,#0000 1px 8px);animation:9s linear infinite scanline-shift}.bio-effect-layer span:nth-child(4n+1){animation-duration:9s;animation-delay:-2s;left:12%}.bio-effect-layer span:nth-child(4n+2){animation-duration:12s;animation-delay:-6s;left:38%}.bio-effect-layer span:nth-child(4n+3){animation-duration:10s;animation-delay:-4s;left:64%}.bio-effect-layer span:nth-child(4n+4){animation-duration:14s;animation-delay:-8s;left:86%}.bio-effect-stars .bio-effect-layer span:nth-child(odd){top:22%}.bio-effect-stars .bio-effect-layer span:nth-child(2n){top:68%}@keyframes snow-fall{0%{transform:translateY(-20px)}to{transform:translate(38px,110vh)}}@keyframes star-twinkle{0%{opacity:.25;transform:scale(.65)}to{opacity:1;transform:scale(1.6)}}@keyframes profile-pulse{0%{opacity:.55;transform:scale(.82)}to{opacity:0;transform:scale(1.35)}}@keyframes scanline-shift{0%{background-position-y:0}to{background-position-y:160px}}@media (width<=960px){.site-header{grid-template-columns:1fr auto}.site-nav{order:3;grid-column:1/-1;justify-content:space-between;width:100%}.site-nav a{text-align:center;flex:1}.hero-section{grid-template-columns:1fr}.hero-media,.hero-media img{min-height:320px}.platform-grid,.platform-feature-grid,.service-list,.legal-layout,.metric-grid,.dashboard-grid,.artist-dashboard,.bio-shell,.artist-admin-form,.artist-overview-grid,.tracks-grid,.track-admin-form,.track-page-shell,.admin-panel,.settings-grid,.platform-edit-row,.menu-link-row,.feature-toggle-row,.api-limit-row,.faq-admin-row,.history-change{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.artist-dashboard,.bio-shell,.artist-preview-frame,.track-page-shell,.admin-panel{grid-template-columns:1fr}.admin-sidebar{min-height:auto;position:static}.track-admin-card{grid-template-columns:1fr}.user-row,.link-row,.audio-link-row{grid-template-columns:1fr 1fr}}@media (width<=640px){:root{--header-height:118px}.brand span:last-child{overflow-wrap:anywhere;max-width:170px}.hero-section{padding-top:28px}.hero-media,.hero-media img{min-height:250px}.platform-grid,.platform-feature-grid,.service-list,.legal-layout,.metric-grid,.form-grid,.artist-admin-form,.artist-overview-grid,.tracks-grid,.track-admin-form,.settings-grid,.platform-edit-row,.menu-link-row,.feature-toggle-row,.api-limit-row,.faq-admin-row,.history-entry-header,.history-change,.user-row,.link-row,.audio-link-row{grid-template-columns:1fr}.track-admin-art{aspect-ratio:1;width:100%;height:auto}.artist-admin-header,.site-footer,.cookie-banner,.admin-list-controls{flex-direction:column;align-items:stretch}.admin-list-controls{display:flex}.cookie-actions,.panel-actions,.hero-actions,.crop-controls{flex-direction:column;align-items:stretch}.crop-controls{grid-template-columns:1fr}.primary-action,.secondary-action,.text-button,.footer-button{width:100%}.ambient-note{display:none}}