.app{width:min(100% - 72px,1250px);margin:0 auto;min-height:100vh;display:flex;flex-direction:column;isolation:isolate}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,#120b1de0,#120b1d7a 52%,#120b1d3d),linear-gradient(0deg,#100b16b3,transparent 65%),url(/studio-microphone.webp) 64% 46% / cover no-repeat}.app-header,.app-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 0}.app-header{border-bottom:1px solid #272132}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:21px;font-weight:780;letter-spacing:-.045em;text-decoration:none}.brand-accent{color:var(--accent)}.brand-mark{display:flex;gap:3px;align-items:center;justify-content:center;width:37px;height:37px;border-radius:11px;background:linear-gradient(145deg,#e1bdff,#a98cff);color:#181021}.brand-mark i{display:block;width:2px;border-radius:2px;background:currentColor}.brand-mark i:nth-child(1),.brand-mark i:nth-child(4){height:8px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:13px}.app-header nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.app-header nav a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:650;padding:9px 12px;border-radius:9px}.app-header nav a:hover,.app-header nav a.active{background:#241d32;color:#faf4ff}.app-header .nav-account{border:1px solid var(--line);margin-left:7px}.header-actions{display:flex;align-items:center;gap:9px}.language-flag{display:inline-block;flex:none;border-radius:3px}.language-menu .account-menu-panel button{display:flex;align-items:center;gap:9px}.language-menu .account-menu-panel button[aria-pressed=true]{background:#352842}.language-menu .account-menu-panel :is(small,label){padding:6px}.language-menu .account-menu-panel select{display:block;width:100%;margin-top:5px;padding:6px}.app-main{flex:1;padding:32px 0 44px}.app-footer{border-top:1px solid #272132;color:var(--muted);font-size:13px}.app-footer>span{color:#ede2f7;font-weight:700}.app-footer p{margin:0;display:flex;align-items:center;gap:8px}.studio-grid{display:grid;justify-items:center}.studio-hero{display:flex;align-items:center;justify-content:center;width:100%;min-height:282px;padding:35px 18px 50px;text-align:center}.hero-copy{max-width:790px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--accent);text-transform:uppercase;font-size:11px;letter-spacing:.15em;font-weight:750;margin:0 0 14px}.hero-copy .eyebrow{justify-content:center}.status-dot{display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--warm)}.studio-hero h1{font-size:clamp(44px,6vw,77px);font-weight:820;letter-spacing:-.075em;line-height:1;margin:18px 0;text-wrap:balance}.studio-hero h1 em{color:#e1c3ff;font-style:normal}.hero-copy>p:last-child{color:#ede2f4;font-size:clamp(15px,1.5vw,18px);line-height:1.55;margin:0 auto;max-width:42ch}.composer,.app-main>section,.app-main>.song-detail,.app-main>.songs-list,.app-main>.account{padding:clamp(21px,3vw,34px);background:linear-gradient(155deg,#21192eea,#1b1725df 50%);border:1px solid var(--line);border-radius:25px}.studio-form{display:flex;flex-direction:column;align-items:center;width:min(100%,900px);margin-top:-17px;position:relative}.composer{width:100%;padding:clamp(16px,2.2vw,24px);box-shadow:0 18px 65px #0a061660}.app-main>section h2,.song-detail h2,.songs-list h2,.account h2{margin:0 0 17px;font-size:clamp(26px,3vw,36px);letter-spacing:-.055em;line-height:1.1}.composer>label,.studio-options label,.app-main>section label{color:#eadff4;font-weight:650;font-size:13px}.mode-switch{display:grid;width:min(100%,325px);grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}.mode-switch label{position:relative}.sr-only,.mode-switch input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mode-switch span{display:block;text-align:center;padding:9px 4px;border-radius:8px;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer}.mode-switch input:checked+span{background:#3e2c53;color:#f9eeff}.mode-switch input:focus-visible+span{outline:2px solid #edc1ff}.app-main :is(textarea,select,input:not([type=radio])){border:1px solid #493b58;background:var(--surface);color:#f7efff;border-radius:11px;padding:10px 12px}.studio-form textarea{width:100%;min-height:123px;resize:vertical;margin:7px 0 0;font-size:15px;line-height:1.5}.draft-field{position:relative}.draft-field textarea{display:block}.draft-meta{display:flex;align-items:center;justify-content:space-between;min-height:24px}.draft-count{color:var(--muted);margin:0 0 0 auto;text-align:right;font-size:11px}.animated-idea{position:absolute;z-index:1;top:18px;inset-inline:13px;max-height:90px;overflow:hidden;color:#eee1fc;pointer-events:none;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.animated-idea i:not([hidden]){display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.14em;background:var(--accent)}.draft-field:has(.animated-idea) textarea::placeholder{color:transparent}.animated-idea.rotating-idea{max-height:125px}.rotating-idea small{display:block;margin-top:6px;color:#d2b9ea;font-size:11px}.app-main .idea-motion{background:transparent;border:0;color:var(--muted);padding:3px 1px;font-size:11px;font-weight:550}.app-main .idea-motion:hover:not(:disabled){background:transparent;color:#f5eaff}.studio-form textarea::placeholder{color:#a398b3}.studio-form textarea[aria-invalid=true]{border-color:#ff9ba9}.idea-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.app-main button,.app-main .btn{border:1px solid #4c3b5f;color:#f5eaff;background:#2b203b;font-weight:680;padding:10px 14px;border-radius:10px;cursor:pointer;text-decoration:none}.app-main button:hover:not(:disabled),.app-main .btn:hover{background:#403055}.receipt-amount{font-size:2rem;font-weight:800;margin:12px 0}.receipt-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}.app-main .song-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding-inline:22px;border:0;border-radius:14px;background:linear-gradient(110deg,#a2ead4,#c3a7ff);color:#18142a;box-shadow:0 8px 20px #0f0b2466;font-weight:800}.app-main .song-action:hover{background:linear-gradient(110deg,#b5f9e4,#e0c6ff)}.app-main .song-back{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:5px 11px;border-radius:999px;background:linear-gradient(115deg,#3f2b61,#572c50);border-color:#87649c;color:#f4e8ff;box-shadow:0 2px 8px #8d50ad30;font-size:.8125rem}.app-main .song-back span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#755287;color:#f4e8ff}.app-main .song-back:hover{background:linear-gradient(115deg,#503475,#68375e);border-color:#a67dbb}.app-main button:disabled{opacity:.62;cursor:wait}.idea-chips button{border-radius:999px;padding:5px 9px;font-size:11px;background:#2b213a}.studio-options{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;margin:15px 0 0;padding-top:14px;border-top:1px solid var(--line)}.studio-options :is(select,input){width:100%;display:block;margin-top:5px}.studio-form .studio-submit{display:flex;justify-content:center;align-items:center;gap:9px;min-height:50px;min-width:228px;margin-top:20px;border:0;color:#190d24;background:linear-gradient(105deg,#dbb5ff,#c0a0ff 64%,#f7b4cc);font-size:15px;font-weight:820}.studio-form .studio-submit:hover:not(:disabled){background:linear-gradient(105deg,#e7c9ff,#d2bbff 64%,#ffc8dc)}.app-main [role=alert]{color:#ffb4bd;font-size:14px}.studio-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-width:900px;margin:29px auto 0}.studio-steps>div{display:flex;align-items:flex-start;gap:13px;background:#191421;border:1px solid #352b42;border-radius:14px;padding:16px}.studio-steps>div>span{color:var(--warm);font:700 12px/1.7 ui-monospace,monospace}.studio-steps h3{font-size:14px;margin:0 0 4px}.studio-steps p{font-size:13px;color:var(--muted);margin:0}.studio-faq{max-width:740px;margin:65px auto 0}.studio-faq h2{font-size:clamp(26px,4vw,38px);margin:0 0 17px;letter-spacing:-.045em}.studio-faq details{border-bottom:1px solid var(--line);padding:14px 0}.studio-faq summary{cursor:pointer;font-weight:650}.studio-faq details p{color:var(--muted);line-height:1.5;margin:10px 0 0}.app-main>section,.app-main>.song-detail,.app-main>.songs-list,.app-main>.account{max-width:860px;margin-inline:auto}.app-main>section p,.song-detail p{color:var(--muted)}.app-main>section form{display:grid;gap:12px;justify-items:start;margin-top:18px}.app-main>section label input{margin-left:8px;max-width:100%}.app-main>section ul{list-style:none;padding:0;display:grid;gap:8px}.app-main>section li{padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.app-main audio{display:block;width:min(100%,520px);margin:14px 0}.record-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start;gap:clamp(16px,3vw,28px)}.record-cover{display:block;width:100%;height:auto;border-radius:16px;background:#2a1d39}.record-content{min-width:0}.record-list li{display:flex;align-items:center;gap:12px}.record-list img{border-radius:8px;object-fit:cover}.filter-bar,.song-card-footer,.account-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.songs-grid{display:grid;gap:12px}.song-card{padding:16px;border-radius:13px;border:1px solid var(--line);background:var(--surface)}@media (max-width: 900px){.app{width:calc(100% - 36px)}.studio-hero{min-height:245px}}@media (max-width: 700px){.app{width:calc(100% - 28px)}.app-header{flex-wrap:wrap;padding:15px 0 9px;gap:9px}.app-header nav{width:100%;gap:1px}.app-header nav a{padding:8px;font-size:12px}.app-header .nav-account{margin-left:auto}.app-main{padding:15px 0 26px}.studio-steps{grid-template-columns:1fr}.studio-hero{min-height:215px;padding:14px 10px 34px}.studio-hero h1{font-size:clamp(42px,10vw,59px);margin:15px 0}.hero-copy>p:last-child{max-width:30ch}.composer{border-radius:19px}.studio-form .studio-submit{width:100%}.studio-steps{gap:8px}.record-panel{grid-template-columns:1fr}.record-cover{width:min(100%,255px)}}.app:has(.studio-reference) :is(.nav-studio,.nav-purchases){display:none}.studio-reference{--panel: #1c2024;--surface: #181b1f;--line: #3a424a;--muted: #bac4ca;--accent: #a2ead4;color:#f4f7f7;padding:0 0 32px}.studio-reference .studio-hero{min-height:285px;padding-bottom:49px}.studio-reference .studio-hero h1{font-size:clamp(38px,5.1vw,68px);line-height:1.05;letter-spacing:-.055em}.studio-reference .studio-hero h1 em{display:block;color:var(--accent)}.studio-reference .hero-copy>p:last-child{color:#d1d9db;max-width:55ch}.studio-reference .studio-form{width:min(100%,970px);margin-top:0}.studio-reference .composer{background:#1c2024dd;border-radius:17px;box-shadow:0 20px 60px #080b0c66;padding:0;overflow:hidden}.studio-reference :is(textarea,input,select):not([type=radio]){border-color:#3a424a;color:#f3f7f6}.studio-reference .composer textarea{min-height:178px;margin:0;border:0;padding:22px 23px 8px;border-radius:16px 16px 0 0;background:transparent}.studio-reference textarea:focus-visible{outline-offset:-4px}.studio-reference .animated-idea{top:22px;inset-inline:23px}.studio-reference .draft-meta{gap:12px;min-height:33px;padding:0 22px 5px}.studio-reference .draft-mode-link{border:0;background:transparent;color:var(--muted);font-size:12px;padding:3px 0}.studio-reference .draft-mode-link:hover:not(:disabled){background:transparent;color:#fff}.studio-reference #song-form-error{margin-inline:22px}.studio-reference .studio-options{grid-template-columns:1fr;padding:13px 17px;margin:0;gap:9px;background:#181b1fe8}.studio-reference .studio-options :is(input,select){margin:0;border-radius:999px}.studio-reference textarea::placeholder{color:#b1c2c5}.studio-reference .animated-idea{color:#e2efed}.studio-reference .draft-field:has(.animated-idea) textarea::placeholder{color:transparent}.studio-reference .studio-submit{background:#a2ead4;color:#122b25;margin-top:26px}.studio-reference .studio-submit:hover:not(:disabled){background:#b5f9e4}@media (max-width: 700px){.studio-reference{padding:0 0 25px}.studio-reference .studio-hero{min-height:195px;padding:15px 4px 24px}.studio-reference .composer textarea{min-height:145px;padding-inline:14px}.studio-reference .animated-idea{inset-inline:14px}.studio-reference .draft-meta{padding-inline:14px}.studio-reference .studio-submit{margin-top:15px;min-width:0}}.account-menu{position:relative;z-index:3}.account-menu summary{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--accent);cursor:pointer;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu-panel{position:absolute;right:0;top:calc(100% + 8px);width:max-content;min-width:166px;padding:6px;display:grid;gap:3px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 28px #0007}.account-menu-panel :is(a,button){display:block;text-align:left;color:#f5effa;font-size:14px;text-decoration:none;padding:9px 12px;background:transparent;border:0;border-radius:8px;cursor:pointer}.account-menu-panel :is(a,button):hover{background:#352842}.account-menu-panel .account-sign-out{margin-top:4px;border-top:1px solid #5b456c;color:#f5c1dc;font-weight:750}.account-menu-panel .account-sign-out:disabled{opacity:.65;cursor:wait}.app-footer{flex-wrap:wrap}.app-main>.sign-in-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;justify-items:start;align-items:center;max-width:970px;margin-inline:auto;background:linear-gradient(90deg,#100e17ee 20%,#100e17c7 45%,#100e171a 75%)}.sign-in-content{width:min(100%,380px);min-width:0}.studio-reference .composer:has(.idea-assistant){overflow:visible}.idea-assistant{position:absolute;z-index:3;inset:105px 14px auto auto;width:min(440px,calc(100% - 28px));display:grid;gap:10px;padding:15px;border:1px solid #8065a4;border-radius:18px;background:#221a31;color:#f8efff;box-shadow:0 14px 40px #0a0616b3}.idea-assistant p{margin:0 0 9px}.idea-assistant small{color:var(--muted)}.idea-assistant .btn{margin:4px}.idea-assistant .btn[aria-pressed=true]{background:#4a3666;border-color:#c7a3ff}@font-face{font-family:Oxanium;font-style:normal;font-weight:400 800;font-display:swap;src:url(/oxanium-latin.woff2) format("woff2")}.studio{font-family:Oxanium,Segoe UI,sans-serif}.studio-form :is(textarea,input,button),.studio-form .animated-idea,.idea-question{font-family:inherit;letter-spacing:.01em}.studio .studio-hero h1{letter-spacing:-.035em}.studio-form textarea,.studio-form .animated-idea{font-size:17px}.studio-form .draft-field textarea.idea-preview{color:#e7ccff}.idea-assistant .btn.idea-option{min-height:28px;padding:3px 8px;font-size:11px;margin:2px}.idea-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.idea-assistant .idea-actions .btn{min-height:34px;padding:5px 10px;margin:0;font-size:12px}.idea-assistant .idea-accept{color:#201332;background:#e2c7ff;border-color:#e2c7ff}.app-main>.email-confirmed-panel{grid-template-columns:minmax(0,1fr);justify-items:center;max-width:520px;text-align:center;background:#100e17ee}.sign-in-inspiration{grid-column:2;grid-row:1;align-self:end;width:100%;padding:16px;border:1px solid var(--line);border-radius:14px;background:#100e17d9}.sign-in-inspiration>p{margin:0 0 8px;font-weight:750}.sign-in-example{min-height:4.5em}.sign-in-example .animated-idea{position:static}.sign-in-content{grid-column:1;grid-row:1}.cookie-notice{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;justify-content:space-between;margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#21192eee;color:#eee4f5;font-size:13px}.cookie-notice p{margin:0}.cookie-copy{flex:1 1 20rem}.cookie-details{margin-top:5px}.cookie-details summary{cursor:pointer;color:#dfc0ff}.cookie-details p{margin-top:6px}.cookie-notice button{padding:7px 10px;border:0;border-radius:8px;background:#dfc0ff;color:#241432;font-weight:700;cursor:pointer}.cookie-choices{display:flex;flex-wrap:wrap;gap:6px}.cookie-choices button{flex:1;min-width:88px}.cookie-settings{align-self:end;margin-top:5px;padding:5px;border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.social-options{display:grid;gap:7px}.social-options .social-provider{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.social-provider-icon{flex:none;width:22px;height:22px}.app-main>.sign-in-panel form{display:grid;gap:8px;margin-top:16px;justify-items:stretch}.sign-in-content small{color:var(--muted)}.app-main .account-submit{background:#a2ead4;color:#122b25;border:0}.app-main .account-submit:hover:not(:disabled){background:#b5f9e4}.app-main .account-switch{display:block;margin-top:12px;text-align:center;border-color:#695785;background:#3d2c54}.signed-studio{padding-top:24px}.signed-studio .studio-form{max-width:940px}.signed-studio .workspace-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,660px);padding:18px 0 0;margin:0 0 14px;border:0;background:transparent}.workspace-modes label>span,.app-main .workspace-modes .workspace-coming-soon{display:grid;place-items:center;min-height:50px;padding:7px;margin:0;border:1px solid #5d4e72;border-radius:14px;background:#20192c;color:#f5eaff;font-size:13px;font-weight:700;text-align:center}.app-main .workspace-modes .workspace-coming-soon{position:relative;opacity:1;color:#d2c3df;cursor:not-allowed}.workspace-coming-soon small{position:absolute;top:0;left:50%;transform:translate(-50%,-58%);padding:3px 9px;border:1px solid #a584da;border-radius:999px;background:#493267;color:#f6e9ff;font-size:10px;font-weight:750;white-space:nowrap}@media (max-width: 520px){.signed-studio .workspace-modes{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}}.signed-studio .workspace-modes input:checked+span{border-color:#c7a3ff;background:linear-gradient(115deg,#67459a,#452e68);color:#fff}.signed-studio .composer textarea{min-height:260px}.generation-verification{display:grid;justify-items:center;max-width:100%}.signed-studio .studio-options{grid-template-columns:1fr;padding:17px}@media (max-width: 700px){.app-header{flex-wrap:nowrap}.app-main>.sign-in-panel{grid-template-columns:minmax(0,1fr);gap:16px;justify-items:center;background:#100e17dd}.sign-in-inspiration,.sign-in-content{grid-column:auto;grid-row:auto}.signed-studio{padding-top:12px}.signed-studio .composer textarea{min-height:190px}.signed-studio .studio-options{padding:12px}}.song-progress{margin:1rem 0}.song-progress-label{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.song-progress-label strong{color:#a7efd9;font-size:1.4rem}.song-progress progress{display:block;width:100%;height:.85rem;margin:.5rem 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;overflow:hidden;background:#342746}.song-progress progress::-webkit-progress-bar{background:#342746}.song-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#ba85ff,#a7efd9);transition:width .5s ease}.song-progress progress::-moz-progress-bar{background:linear-gradient(90deg,#ba85ff,#a7efd9)}@media (prefers-reduced-motion: reduce){.song-progress progress::-webkit-progress-value{transition:none}}.record-list li{flex-wrap:wrap}.record-list li>a{overflow-wrap:anywhere}.song-rename{display:grid;flex-basis:100%;gap:.5rem}.song-rename label{font-family:Oxanium,Segoe UI,sans-serif;font-weight:700}.song-rename input{width:100%;min-width:0}.song-rename-actions{display:flex;gap:.4rem;justify-content:flex-end}.app-main .song-rename-actions button{display:grid;place-items:center;padding:0;width:1.8rem;height:1.8rem;font-size:.95rem}.song-download-control{position:relative;display:inline-flex}.song-download-control button:disabled{pointer-events:none}.song-download-tooltip{position:absolute;z-index:2;inset-inline-end:0;bottom:calc(100% + .35rem);display:none;white-space:nowrap;padding:.3rem .55rem;border:1px solid #76599a;border-radius:.4rem;background:#231731;color:#fff;font-size:.8rem;pointer-events:none}.song-download-control:hover .song-download-tooltip,.song-download-control:focus-within .song-download-tooltip{display:block}.song-row-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-inline-start:auto}.app-main .song-row-actions button{display:grid;place-items:center;padding:0;width:2.5rem;height:2.5rem;border-radius:.75rem;font-size:1.15rem}.app-main .song-row-actions button:disabled{opacity:.5}.app-main .song-row-actions .song-unlock{width:auto;padding:0 .8rem;font-size:.9rem;background:#a2ead8;color:#142525}.song-row-player{flex-basis:100%;width:100%}.purchase-row-info{display:grid;gap:.2rem;flex:1 1 10rem;min-width:0;overflow-wrap:anywhere}.purchase-row-info small{color:#c3b5d1}.purchase-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-inline-start:auto}.purchase-row-actions strong{font-variant-numeric:tabular-nums}.purchase-row-info strong,.purchase-row-actions{font-family:Oxanium,Segoe UI,sans-serif}.admin-users{overflow-wrap:anywhere}.admin-users:has(.admin-search),.admin-users:has(.admin-metrics){font-size:.78rem}.admin-users:has(.admin-search) h2,.admin-users:has(.admin-metrics) h2{font-size:1.35rem}.admin-users:has(.admin-metrics) h3{font-size:1rem}.admin-search :is(input,select,button),.admin-users .record-list button{font-size:.78rem}.admin-table-wrap{overflow-x:auto;margin-block:1rem;border:1px solid #bb94ec55;border-radius:.85rem}.admin-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.admin-table th,.admin-table td{padding:.4rem .5rem;border-bottom:1px solid #bb94ec30}.admin-table thead{background:#30233f}.admin-table td{text-align:center;white-space:nowrap}.admin-table tbody th{text-align:left;min-width:12rem}.admin-table small{display:block;font-weight:400}.admin-table tbody tr:hover{background:#bb94ec15}.support-table tbody th{min-width:0}.admin-contact-inbox{margin-top:2rem;padding-top:1rem;border-top:1px solid #bb94ec55}.support-table td.support-details{text-align:left;white-space:normal;overflow-wrap:anywhere;padding:.8rem}.support-table .support-message{white-space:pre-wrap}.admin-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem}.admin-metrics>div{padding:.7rem;border:1px solid #bb94ec55;border-radius:.7rem}.admin-metrics dd{margin:.25rem 0 0;font-weight:700}.admin-search{display:flex;flex-wrap:wrap;align-items:end;gap:.7rem;margin-block:1rem}.admin-search label{display:grid;gap:.25rem}.admin-counts{margin-inline-start:auto}.song-settings{width:min(28rem,calc(100% - 2rem));padding:1.5rem;border:1px solid #76599a;border-radius:1rem;background:#21192d;color:#f4eefb}.song-settings::backdrop{background:#100a18bd}.song-settings form,.song-settings label,.song-settings-options{display:grid;gap:.75rem}.song-settings select{padding:.6rem;color:inherit;background:#15101d;border-radius:.5rem}.song-settings>button{margin-top:.75rem}.whatsapp-share-icon{vertical-align:middle;margin-inline-end:.35em}.referral-card{margin-top:1.5rem;padding:clamp(1rem,4vw,1.75rem);border:1px solid #bb94ec55;border-radius:1.25rem;background:radial-gradient(ellipse at top right,#613d8270,transparent 65%),#221a30}.referral-summary{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.referral-summary>div:first-child{flex:1 1 16rem}.referral-summary h3{margin:0;font-size:clamp(1.15rem,3vw,1.45rem)}.referral-summary p{margin:.45rem 0 0;color:#ded1ec}.referral-balance{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .75rem;border:1px solid #bb94ec55;border-radius:.85rem;color:#f1dbff;background:#21152f}.referral-balance strong{font-size:1.4rem;line-height:1}.referral-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}.referral-actions .referral-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#163b2c;border:1px solid #77ee9b77;color:#d8ffe5}.referral-actions .referral-whatsapp:hover{background:#20543d}.contact-form{display:grid;gap:1rem;max-width:40rem}.contact-form label{display:grid;gap:.35rem}.contact-form button{justify-self:start}.support-message{white-space:pre-wrap}.admin-table thead th{padding:.35rem .5rem;font-size:.72rem;line-height:1.2;white-space:nowrap}.admin-column-label{position:relative;display:inline-block;cursor:help}.admin-column-tooltip{display:none;position:absolute;top:calc(100% + .4rem);right:0;z-index:2;padding:.35rem .55rem;border:1px solid #bb94ec;border-radius:.35rem;background:#21152f;color:#fff}.admin-column-label:hover .admin-column-tooltip,.admin-column-label:focus .admin-column-tooltip{display:block}.checkout-consent{display:grid;gap:.7rem;margin-block:.8rem}.checkout-consent label{display:flex;align-items:flex-start;gap:.55rem}.checkout-consent label>span{font-size:.5rem;line-height:1.45}.checkout-consent input[type=checkbox]{width:1.1rem;height:1.1rem;flex:none;margin:.2rem 0 0}.checkout-consent button{justify-self:start}.checkout-consent button[aria-disabled=true]{opacity:.55}.checkout-consent-action{position:relative}.checkout-consent .checkout-consent-dismiss{display:block;width:100%;border:0;padding:.45rem .7rem;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.checkout-consent-hint{position:absolute;z-index:2;bottom:calc(100% + .4rem);left:0;box-sizing:border-box;width:max-content;max-width:100%;font:600 .6875rem/1.4 Oxanium,Segoe UI,sans-serif;color:#f6edff;background:linear-gradient(135deg,#39264d,#23192f);border:1px solid #bb94ec;border-left:3px solid #a7efd9;border-radius:.6rem;box-shadow:0 .4rem 1rem #160f24a0}.share-options{position:relative;width:fit-content;max-width:100%}.share-options>summary{cursor:pointer;list-style:none}.share-options>summary::-webkit-details-marker{display:none}.share-options>summary:after{content:" ▾"}.share-options-panel{position:absolute;inset-inline-start:0;z-index:5;display:grid;gap:4px;min-width:12rem;max-width:min(18rem,78vw);margin-top:6px;padding:6px;border:1px solid #695785;border-radius:12px;background:#241a32;box-shadow:0 8px 24px #0007}.song-row-actions .share-options-panel{inset-inline-start:auto;inset-inline-end:0}.app-main .share-options-panel :is(a,button){display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:6px 9px;border:0;border-radius:6px;background:transparent;color:#f5eaff;text-align:start;text-decoration:none}.app-main .share-options-panel :is(a,button):hover{background:#46345c}.share-options-panel small{overflow-wrap:anywhere;padding:5px}.share-options-panel :is(.share-option-icon,.whatsapp-share-icon){flex:none;width:19px;height:19px}.share-option-icon{color:#dfc0ff}:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color-scheme:dark;color:#f5f1fa;background:#100e17;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: #1b1725;--surface: #15111f;--line: #383044;--muted: #b9b0c7;--accent: #d0a7ff;--warm: #ffbd85}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--accent)}:focus-visible{outline:2px solid #f3c3ff;outline-offset:4px}::selection{color:#130d1e;background:#d8b3ff}