.account-page{text-align:left}.account-page>.static-logo{display:block;margin:auto}.account-page h1,.account-page>h2{text-align:center}.account-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.account-plan{border:1px solid #666;border-radius:10px;padding:18px;background:rgba(0,0,0,.3)}.account-plan.featured{border:2px solid #ffcf00}.account-plan h3{margin-top:0}.account-plan .price{font-size:1.6rem;font-weight:700;color:#ffcf00}.account-fine,.account-songs small{font-size:.85rem;line-height:1.6;opacity:.85}.account-notice{border-left:3px solid #ffcf00;padding:12px;background:rgba(255,207,0,.08)}.account-songs{list-style:none;padding:0}.account-songs li{border-bottom:1px solid #666;padding:16px 0}.account-songs span{display:block;font-size:.85rem}.account-songs form{margin:8px 0}.account-page form{margin-bottom:12px}.account-page input[type=email]{box-sizing:border-box;width:100%;margin:8px 0 14px}.account-balance strong{font-size:2rem;color:#ffcf00}.account-link{display:block;text-align:right;margin:8px 0 18px}@media(max-width:650px){.account-plans{grid-template-columns:1fr}}

.song-entry{display:flex;justify-content:center;padding:32px 16px 42px}.song-entry-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:76px;width:min(100%,480px);padding:20px 32px;background:#ffcf00;color:#181318!important;font-size:clamp(1.45rem,4vw,2rem);font-weight:900;letter-spacing:.02em;text-decoration:none!important;border:2px solid #ffe891;border-radius:12px;box-shadow:0 6px 0 #a76d00,0 12px 30px rgba(255,207,0,.2);transition:transform .15s,box-shadow .15s,background .15s}.song-entry-button:hover{background:#ffdf4d;transform:translateY(-2px);box-shadow:0 8px 0 #a76d00,0 15px 34px rgba(255,207,0,.28)}.song-entry-button:active{transform:translateY(4px);box-shadow:0 2px 0 #a76d00}.song-entry-button:focus-visible{outline:3px solid #ff58b6;outline-offset:7px}.signup-pricing{text-align:center;font-size:1.1rem;line-height:1.7;margin:18px 0 28px}@media(prefers-reduced-motion:reduce){.song-entry-button{transition:none}}

.account-signup{max-width:520px;margin:24px auto 32px;padding:24px;border:1px solid #756749;border-radius:14px;background:rgba(15,12,18,.85)}.account-signup h2{margin:0 0 12px;color:#ffcf00}.account-signup fieldset{border:0;padding:0;margin:0;min-width:0}.account-signup .button{width:100%;margin-top:18px;min-height:48px}.account-signup fieldset:disabled{opacity:.55}.account-signup input[type=email]{padding:14px;border:1px solid #887d92;border-radius:7px;font-size:1rem;background:#1c1722;color:#fff}.account-signup input:focus-visible,.account-signup button:focus-visible{outline:3px solid #ffcf00;outline-offset:3px}.account-signup .terms-consent{display:block;line-height:1.6}.account-signup input[type=checkbox]{min-width:18px;min-height:18px}.account-signup .account-fine{margin-bottom:0}@media(max-width:480px){.account-signup{padding:18px}}

/* Utility surfaces use a quieter scale; the radio keeps its big personality. */
.has-account-nav{padding-top:78px}.site-account-header{box-sizing:border-box;position:absolute;top:14px;left:24px;right:24px;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:14px;line-height:1.35}.header-home{display:flex;align-items:center;gap:9px;color:#eee;text-decoration:none;font-weight:800;letter-spacing:.07em}.header-home{min-height:44px;flex-shrink:0}.header-wordmark{display:block;position:relative;width:190px;height:29px;overflow:hidden}.header-wordmark img{position:absolute;width:225px;max-width:none;height:auto;left:-20px;bottom:-6px}.header-account{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 13px;border:1px solid #887359;border-radius:6px;background:#211b25;color:#ffe269;text-decoration:none}.header-account:hover{border-color:#ff58b6}.header-credits{color:#ddd;font-size:12px;border-left:1px solid #65596b;padding-left:9px}.signed-in-dot{width:7px;height:7px;background:#9de2b0;border-radius:50%}.site-account-header a:focus-visible,.record-crate :focus-visible{outline:3px solid #ff58b6;outline-offset:4px}.account-body{font-size:16px}.account-page{max-width:980px;box-sizing:border-box}.account-page h1{font-size:clamp(1.6rem,4vw,2.3rem)}.account-page h2{font-size:1.4rem}.account-page .button{font-size:.9rem;padding:10px 16px;min-height:44px;box-sizing:border-box}.account-page>details{margin:20px 0 32px}.account-page>details summary{cursor:pointer}.record-crate{margin:36px 0;border-top:2px solid #a88935;padding-top:22px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.library-heading h2{margin:0}.library-heading>span,.library-count,.track-meta{font-size:.82rem;color:#c5bcc9}.crate-eyebrow{font-size:.7rem;letter-spacing:.15em;color:#ffcf00;margin:0 0 4px}.library-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:22px 0 12px}.library-tools>div{flex:1;min-width:130px}.library-tools>.library-search{flex:2;min-width:190px}.library-tools label{display:block;font-size:.78rem;margin-bottom:5px}.library-tools input,.library-tools select{box-sizing:border-box;width:100%;min-height:44px;padding:10px;border:1px solid #776b80;border-radius:5px;background:#1c1722;color:#f4edf5;font:inherit;font-size:.9rem}.library-tools .button{margin:0}.crate-tracks{list-style:none;margin:0;padding:0}.crate-track{display:flex;gap:16px;padding:19px 0;border-bottom:1px solid #55485e;text-align:left}.crate-cover{width:64px;height:64px;flex:0 0 64px;object-fit:cover;border:1px solid #806d87;border-radius:3px;box-sizing:border-box}.crate-placeholder{display:flex;align-items:center;justify-content:center;font-size:2rem;color:#e3bd55;background:#28202d}.crate-track-body{flex:1;min-width:0}.crate-track-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.crate-track h3{font-size:1.05rem;line-height:1.45;margin:0;overflow-wrap:anywhere;font-family:inherit}.crate-track h3 a{color:#f7d75b}.track-state{font-size:.72rem;white-space:nowrap;color:#cbc0d1}.track-state-ready{color:#a5e2ba}.track-state-processing{color:#efc65d}.track-meta{margin:4px 0 7px;line-height:1.5}.track-links{font-size:.85rem}.track-details{font-size:.8rem;margin-top:8px;color:#c8bfce}.track-details summary{cursor:pointer;min-height:30px;display:list-item;width:fit-content}.track-details p{margin:8px 0}.track-details code{overflow-wrap:anywhere;user-select:all;font-size:.75rem}.track-details .button{font-size:.8rem}.library-pages{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin:24px 0;font-size:.85rem}.library-pages a{padding:10px 5px}.library-empty{padding:20px 0;color:#d3c7d8}.account-page .account-balance{display:inline-block;margin:12px 18px 18px 0}.account-page .account-balance strong{font-size:1.7rem}.account-page .static-logo{max-width:220px}
@media(max-width:650px){.site-account-header{position:relative;top:auto;left:auto;right:auto;margin:0 0 18px;gap:8px}.has-account-nav{padding-top:16px}.header-wordmark{width:143px;height:24px}.header-wordmark img{width:169px;left:-15px;bottom:-4px}.header-account{font-size:13px;padding:0 10px}.header-credits{font-size:11px}.account-page{width:100%;padding:22px 16px;margin-top:16px}.crate-track{gap:10px}.crate-cover{width:48px;height:48px;flex-basis:48px}.crate-track-top{display:block}.track-state{display:inline-block;margin-top:3px}.library-tools>div{min-width:calc(50% - 12px)}.library-tools>.library-search{flex-basis:100%}.library-tools>.button{width:100%}}
.record-crate a{color:#8ed7ff}.record-crate .crate-track h3 a{color:#f7d75b}.account-page .static-logo{max-width:160px}.account-page>h1{margin-top:16px}

/* Utility surfaces keep the mountain/neon identity, with clearer service states. */
.skip-link{position:absolute;top:-100px;left:18px;z-index:200;background:#ffcf00;color:#181318;padding:12px 18px;font-size:1rem;font-weight:700;border-radius:4px}.skip-link:focus{top:10px}.utility-page{font-size:1rem}.utility-panel{width:min(100%,850px);box-sizing:border-box;margin:32px auto;text-align:center}.utility-panel h1,.progress-page h1{font-size:clamp(1.6rem,5vw,3rem);line-height:1.2;overflow-wrap:anywhere}.utility-panel>.error-container{box-sizing:border-box;width:100%;font-size:1rem;overflow-wrap:anywhere}.utility-panel>.error-container p{font-size:1rem}.utility-panel .button{font-size:1rem;margin:8px;min-height:44px;box-sizing:border-box}.progress-page #status{max-width:800px;margin:20px auto;text-align:center;line-height:1.55;font-size:clamp(1rem,2.2vw,1.4rem)}.progress-page .eta{font-size:1rem}.progress-page #content-container{max-width:850px;margin:auto}.progress-page .loading-gif{max-width:min(100%,480px);height:auto}.has-account-nav footer a{display:inline-block;padding:6px 8px;overflow-wrap:anywhere}.has-account-nav :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #ff58b6;outline-offset:4px}.has-account-nav main:focus{outline:none}
@media(max-width:480px){.utility-panel{margin:20px auto}.progress-page .permalink-card{width:100%;padding:18px}.progress-page .permalink-card p{font-size:1rem}.progress-page .permalink-card .permalink-note{font-size:.85rem}.progress-page .permalink-card .button{font-size:1rem}.progress-page .permalink-row input[type=text]{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.background-shapes div{animation:none!important}.progress-page .loading-gif{display:none!important}.has-account-nav .button,.has-account-nav a{transition:none!important}}

.reading-page{font-size:1rem}.reading-page .container{box-sizing:border-box}.reading-page h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.2}.reading-page h2{font-size:1.4rem}.reading-page h3{font-size:1.15rem}.reading-page .button{font-size:1rem;min-height:44px;box-sizing:border-box}.reading-page p,.reading-page li{overflow-wrap:anywhere}@media(max-width:600px){.reading-page .container{width:100%;padding:22px 18px}}

/* Familiar stage dressing; compact controls once a customer enters the studio. */
.studio-page>.container,.result-page>.container{font-size:1rem;box-sizing:border-box}.studio-page>.container>.static-logo{max-width:220px;margin-bottom:16px}.studio-page .tagline{font-size:1.1rem;line-height:1.5}.studio-page .experience-nav{font-size:.9rem}.studio-page .create-heading{font-size:1rem;margin-top:28px}.studio-page .create-heading h2{font-size:1.6rem}.studio-page .create-heading>p:last-child{font-size:1rem}.studio-page .generation-form .show-choice p,.studio-page .permalink-note{font-size:.9rem}.studio-page .generation-form .show-choice label,.studio-page .generation-form .show-choice legend{font-size:1rem}.studio-page .generation-form .terms-consent,.studio-page .account-fine{font-size:.9rem}.studio-page .generation-form .button,.result-page .button{font-size:1rem;min-height:44px;box-sizing:border-box}.result-page h1{font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.25;overflow-wrap:anywhere}.result-page .album-art{max-width:min(100%,420px);box-sizing:border-box}.result-page .tagline{font-size:1.1rem}.result-page .permalink-note{font-size:.9rem}.result-page .permalink-row input[type=text]{font-size:.85rem}.result-page .lyrics-container pre{font-size:1rem}.result-page .download-container .button{min-width:160px}@media(max-width:600px){.studio-page>.container,.result-page>.container{width:100%;padding:22px 16px}.studio-page .experience-nav{flex-direction:column}.result-page .download-container .button{max-width:100%;width:100%}}
/* Utility links must remain readable on dark panels and yellow notices. */
.account-notice a,.account-fine a,.permalink-note a,.account-link a,.account-footer a,.library-count a,.library-pages a,.track-links a,.utility-panel a:not(.button),.reading-page main a:not(.button){color:#62d9ff}.account-notice a:hover,.account-fine a:hover,.permalink-note a:hover,.account-link a:hover,.account-footer a:hover,.library-count a:hover,.library-pages a:hover,.track-links a:hover{color:#a4ebff}

.has-account-nav footer a{box-sizing:border-box;min-height:44px;vertical-align:middle}.account-page>details>summary,.track-details>summary,.result-page .more-options>summary{box-sizing:border-box;min-height:44px;padding-top:8px;padding-bottom:8px}

/* A crooked stamp, not another subscription card. */
.credit-purchase{margin:44px 0 24px;padding-top:28px;border-top:1px solid #766139}.no-subscriptions-intro{padding:4px 5px 8px}.account-page h2.subscription-stamp{display:block;width:fit-content;max-width:calc(100% - 12px);box-sizing:border-box;margin:14px auto 28px;padding:12px 18px;border:4px solid #ff6565;outline:1px solid #ff6565;outline-offset:4px;border-radius:2px;color:#ff7777;font-family:'Roboto Mono',monospace;font-size:clamp(1.25rem,4vw,2rem);font-weight:900;line-height:1.08;letter-spacing:.055em;text-align:center;text-shadow:1px 0 currentColor;transform:rotate(-4deg)}.subscription-stamp span{display:block}.subscription-attitude{font-size:clamp(1.15rem,3vw,1.4rem);font-weight:800;color:#ffdc63;margin:22px 0 10px}.no-subscriptions-intro p:not(.subscription-attitude){line-height:1.75;margin:0 0 14px}.credit-purchase-heading{font-size:1rem;margin:22px 0 10px;color:#d9ccd9}.credit-purchase .account-plans{margin-top:12px}.partnership-note{font-size:.95rem;line-height:1.7;border-left:3px solid #ff58b6;padding-left:16px;margin:24px 0}.partnership-note a{color:#62d9ff;overflow-wrap:anywhere}.partnership-note a:hover{color:#a4ebff}@media(max-width:480px){.credit-purchase{margin-top:32px;padding-top:22px}.account-page h2.subscription-stamp{font-size:1.17rem;padding:12px 9px;letter-spacing:.025em;border-width:3px;margin-top:10px}.partnership-note{padding-left:12px}}
.account-page h2.subscription-stamp{scroll-margin-top:32px}

@media(max-width:370px){.site-account-header{flex-wrap:wrap}.header-account{flex-wrap:wrap}.header-credits{white-space:nowrap}}

/* Homepage creation entry: same yellow emphasis as the larger song button. */
.experience-nav a.experience-generate{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:76px;background:#ffcf00;color:#181318;border:2px solid #ffe891;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:900;box-shadow:0 5px 0 #a76d00,0 10px 24px rgba(255,207,0,.18)}
.experience-nav a.experience-generate span{color:#3c2f20;font-size:.75em;font-weight:500}
.experience-nav a.experience-generate:hover{background:#ffdf4d;border-color:#fff0aa}
.experience-nav a.experience-generate:focus-visible{outline:3px solid #ff58b6;outline-offset:5px}