@media(max-width:650px){
 .round{width:44px;height:44px;flex-shrink:0}
 .nav{gap:5px}.header-inner{gap:10px}
 input.input,textarea,select{font-size:16px}
 .sample-play,.text-link,.back-link{min-height:44px}
 .back-link{align-items:center}
 .mobile-nav a{min-height:44px;display:flex;align-items:center}
 .mobile-nav{gap:2px;padding:12px 18px}
 .form-actions{flex-wrap:wrap}
 .form-actions .primary,.form-actions .secondary{min-width:0;max-width:100%}
 .purpose-copy{min-width:0}
 .album-copy small{letter-spacing:1.2px}
}
@media(max-width:390px){
 .brand-title{font-size:13px;letter-spacing:1.2px}
 .brand-sub{font-size:6px;letter-spacing:1.1px}
 .brand{gap:7px}.nav{gap:3px}
 .form-actions{flex-direction:column-reverse;gap:10px}
 .form-actions .primary,.form-actions .secondary{width:100%;min-height:48px}
 .form-title{font-size:27px}
 .album-copy{left:14px;right:14px}
 .album-copy small{font-size:7px;letter-spacing:.7px}
}

/* Light-only design: keep form controls and auto-dark features from inverting colors. */
:root{color-scheme:only light}