.h-registration { display: grid; width: min(1120px, 100% - 48px); grid-template-rows: 0fr; margin: 0px auto; scroll-margin-top: 96px; opacity: 0; transform: translateY(-14px); transition: grid-template-rows 680ms cubic-bezier(0.22, 0.82, 0.22, 1), margin 680ms cubic-bezier(0.22, 0.82, 0.22, 1), opacity 420ms, transform 680ms cubic-bezier(0.22, 0.82, 0.22, 1); }
.h-registration.is-open { grid-template-rows: 1fr; margin: clamp(34px, 5vw, 68px) auto 94px; opacity: 1; transform: none; }
.h-registration-reveal { min-height: 0px; overflow: hidden; }
.h-registration-frame { display: grid; grid-template-columns: minmax(0px, 1fr); overflow: hidden; border: 1px solid rgba(122, 84, 35, 0.22); border-radius: 32px; background: rgb(255, 253, 248); box-shadow: rgba(77, 48, 12, 0.55) 0px 44px 94px -42px; animation: 920ms cubic-bezier(0.2, 0.82, 0.2, 1) 0s 1 normal both running h-registration-arrive; }
.h-login-kicker { display: inline-flex; align-items: center; gap: 9px; color: rgb(122, 84, 35); font-size: 11px; font-weight: 750; letter-spacing: 0.13em; text-transform: uppercase; }
.h-login-kicker::before { width: 18px; height: 1px; background: currentcolor; content: ""; }
.h-registration-workspace { min-width: 0px; padding: clamp(24px, 4vw, 58px); color: rgb(33, 29, 25); }
.h-registration-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 30px; }
.h-registration[data-embedded-registration] .h-registration-close { display: none; }
.h-access-tabs { display: inline-flex; gap: 4px; border-radius: 999px; background: rgb(241, 234, 223); padding: 4px; }
.h-access-tabs button { min-height: 40px; border: 0px; border-radius: 999px; background: transparent; padding: 0px 17px; color: rgb(120, 109, 97); font: 650 12px / 1 Outfit, sans-serif; cursor: pointer; }
.h-access-tabs button[aria-expanded="true"] { background: rgb(255, 253, 248); color: rgb(32, 28, 24); box-shadow: rgba(69, 47, 20, 0.12) 0px 4px 12px; }
.h-access-tabs button:focus-visible, .h-registration-close:focus-visible { outline: rgba(176, 138, 74, 0.36) solid 3px; outline-offset: 3px; }
.h-registration-close { display: inline-flex; min-height: 44px; align-items: center; gap: 9px; border: 0px; background: transparent; padding: 0px 2px 0px 12px; color: rgb(111, 101, 90); font: 650 12px / 1 Outfit, sans-serif; cursor: pointer; }
.h-registration-close i { position: relative; display: block; width: 32px; height: 32px; border: 1px solid rgb(222, 213, 201); border-radius: 50%; }
.h-registration-close i::before, .h-registration-close i::after { position: absolute; top: 15px; left: 9px; width: 13px; height: 1px; background: currentcolor; content: ""; transform: rotate(45deg); }
.h-registration-close i::after { transform: rotate(-45deg); }
.h-access-panel[hidden], .h-registration [hidden] { display: none !important; }
.home-signup-form { display: grid; gap: 22px; }
.home-signup-form fieldset { display: grid; min-width: 0px; gap: 16px; margin: 0px; border: 0px; padding: 0px; }
.home-signup-form legend, .signup-checkout-step h3 { margin: 0px; color: rgb(33, 29, 25); font: 500 clamp(34px, 4.2vw, 54px) / 0.98 Newsreader, Georgia, serif; letter-spacing: -0.035em; }
.home-signup-form legend:focus-visible, .signup-checkout-step h3:focus-visible { outline: rgba(176, 138, 74, 0.28) solid 3px; outline-offset: 6px; }
.home-signup-form[data-wizard-step="route"] .signup-step-hint, .home-signup-form[data-wizard-step="route"] .signup-wizard-actions { display: none; }
.home-signup-form[data-wizard-step="identity"] .artist-mode { display: none; }
.signup-step-kicker { display: flex; align-items: center; gap: 9px; color: rgb(122, 84, 35); font-size: 11px; font-weight: 750; letter-spacing: 0.1em; text-transform: uppercase; }
.signup-step-kicker b { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid rgb(214, 187, 137); border-radius: 50%; font-size: 10px; }
.signup-step-hint { max-width: 54ch; margin: -5px 0px 2px; color: rgb(117, 107, 96); font-size: 14px; line-height: 1.55; }
.signup-wizard-meter { display: grid; grid-template-columns: 1fr auto; gap: 10px 18px; border-bottom: 1px solid rgb(230, 221, 209); padding: 0px 0px 22px; }
.signup-wizard-meter > div:first-child { display: grid; gap: 2px; }
.signup-wizard-meter span { color: rgb(122, 84, 35); font-size: 10px; font-weight: 750; letter-spacing: 0.12em; text-transform: uppercase; }
.signup-wizard-meter strong { color: rgb(57, 50, 43); font-size: 13px; font-weight: 550; }
.signup-wizard-meter > b { align-self: end; color: rgb(122, 84, 35); font-size: 13px; }
.signup-wizard-track { grid-column: 1 / -1; height: 4px; overflow: hidden; border-radius: 99px; background: rgb(238, 231, 222); }
.signup-wizard-track i { display: block; width: 0px; height: 100%; border-radius: inherit; background: linear-gradient(90deg, rgb(184, 120, 47), rgb(232, 184, 95)); transition: width 320ms cubic-bezier(0.22, 0.82, 0.22, 1); }
.signup-wizard-steps { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 8px; margin: 0px; padding: 0px; list-style: none; }
.signup-wizard-steps li { display: flex; min-width: 0px; align-items: center; gap: 6px; color: rgb(161, 153, 144); }
.signup-wizard-steps li > i { display: grid; width: 21px; height: 21px; flex: 0 0 auto; place-items: center; border: 1px solid rgb(217, 208, 198); border-radius: 50%; font-size: 9px; font-style: normal; font-weight: 700; }
.signup-wizard-steps li > span { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.signup-wizard-steps li[data-state="active"], .signup-wizard-steps li[data-state="complete"] { color: rgb(59, 51, 42); }
.signup-wizard-steps li[data-state="active"] > i, .signup-wizard-steps li[data-state="complete"] > i { border-color: rgb(184, 120, 47); background: rgb(184, 120, 47); color: rgb(255, 255, 255); }
.artist-mode, .artist-profile-choice { display: grid; gap: 10px; }
.artist-identity-fieldset { padding-inline: 2px !important; }
.artist-identity-fieldset > legend { width: 100%; padding: 0; margin-bottom: 4px; }
.artist-mode--editorial { grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-auto-rows: 1fr; align-items: stretch; }
.artist-mode label, .artist-profile-choice label { position: relative; display: block; cursor: pointer; }
.artist-mode input, .artist-profile-choice input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.artist-mode span, .artist-profile-choice span { display: grid; grid-template-columns: 34px minmax(0px, 1fr); gap: 3px 12px; min-height: 84px; align-content: center; border: 1px solid rgb(222, 213, 201); border-radius: 14px; background: rgb(255, 252, 247); padding: 15px 16px; transition: border-color 180ms, background 180ms, box-shadow 180ms, transform 180ms; }
.artist-mode span:hover, .artist-profile-choice span:hover { border-color: rgb(198, 165, 107); background: rgb(255, 248, 236); transform: translateY(-1px); }
.artist-mode i { grid-row: 1 / span 3; color: rgb(184, 120, 47); font-size: 10px; font-style: normal; font-weight: 750; letter-spacing: 0.08em; }
.artist-mode b, .artist-profile-choice b { color: rgb(41, 35, 30); font-size: 14px; font-weight: 700; }
.artist-mode small, .artist-profile-choice small { color: rgb(118, 108, 97); font-size: 12px; line-height: 1.45; }
.artist-mode mark { grid-column: 2; width: fit-content; margin-top: 4px; border-radius: 999px; background: rgb(243, 228, 199); padding: 4px 8px; color: rgb(109, 75, 32); font-size: 8px; font-weight: 750; letter-spacing: 0.04em; text-transform: uppercase; }
.artist-mode--editorial span { position: relative; display: grid; min-height: 314px; grid-template-columns: minmax(0px, 1fr); grid-template-rows: 190px auto auto; align-content: start; overflow: hidden; border-color: rgb(216, 189, 143); background: linear-gradient(180deg, rgb(243, 205, 133) 0 190px, rgb(255, 248, 234) 268px, rgb(255, 253, 248) 100%); padding: 0 18px 20px; isolation: isolate; }
.artist-mode--editorial > label { display: flex; }
.artist-mode--editorial > label > span { width: 100%; height: 100%; flex: 1 1 auto; }
.artist-mode--editorial span::after { position: absolute; z-index: 1; inset: 0 0 auto; display: block; height: 194px; background: linear-gradient(180deg, rgba(184, 120, 47, 0.08) 0%, rgba(184, 120, 47, 0.12) 52%, rgba(232, 184, 95, 0.52) 76%, rgb(243, 205, 133) 94%, rgb(243, 205, 133) 100%); content: ""; pointer-events: none; }
.artist-mode--editorial img { position: relative; z-index: 0; inset: auto; display: block; grid-column: 1 / -1; width: auto; min-width: 0; max-width: none; height: 191px; margin: -1px -19px 0; justify-self: stretch; object-fit: cover; object-position: center center; filter: saturate(0.78) contrast(0.94) brightness(0.96); pointer-events: none; transition: filter 320ms, transform 520ms cubic-bezier(0.2, 0.72, 0.2, 1); }
.artist-mode--editorial label:first-child img { object-position: center 42%; }
.artist-mode--editorial label:nth-child(2) img { object-position: center 44%; }
.artist-mode--editorial label:nth-child(3) img { object-position: center 38%; }
.artist-mode--editorial i { position: absolute; z-index: 2; top: 14px; left: 14px; display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: rgba(255, 253, 248, 0.92); color: rgb(111, 72, 28); box-shadow: rgba(69, 47, 20, 0.12) 0px 5px 18px; backdrop-filter: blur(8px); }
.artist-mode--editorial b { position: relative; z-index: 2; align-self: start; margin-top: 18px; font: 500 27px / 1.02 Newsreader, Georgia, serif; letter-spacing: -0.02em; text-wrap: balance; }
.artist-mode--editorial small { position: relative; z-index: 2; align-self: start; margin-top: 9px; line-height: 1.5; }
.artist-mode--editorial label:hover img, .artist-mode--editorial label:focus-within img { filter: saturate(0.9) contrast(0.98) brightness(0.98); transform: scale(1.018); }
.artist-mode label:has(input:checked) span, .artist-profile-choice label:has(input:checked) span { border-color: rgb(184, 120, 47); background: rgb(255, 246, 230); box-shadow: rgb(184, 120, 47) 4px 0px 0px inset; }
.artist-mode--editorial label:has(input:checked) span { background: linear-gradient(180deg, rgb(238, 191, 104) 0 190px, rgb(255, 243, 219) 268px, rgb(255, 250, 240) 100%); }
.artist-mode label:has(input:focus-visible) span, .artist-profile-choice label:has(input:focus-visible) span { outline: rgba(176, 138, 74, 0.32) solid 3px; outline-offset: 3px; }
.artist-profile-choice { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.artist-profile-choice span { grid-template-columns: 1fr; }
.artist-profile-route, .artist-existing, .artist-new, .signup-after-route, .signup-checkout-step, .migration-catalog-step, .migration-application, .artist-label-route { display: grid; min-width: 0px; gap: 14px; }
.artist-search-row label, .artist-new label, .email-field, .distribution-inquiry-fields label, .migration-catalog-fields label, .migration-application-grid label, .home-login-form > label, .home-code-form > label:not(.remember-device-option) { display: grid; gap: 7px; min-width: 0px; color: rgb(57, 50, 43); font-size: 12px; font-weight: 700; }
.h-registration input:not([type="radio"]):not([type="checkbox"]), .h-registration select, .h-registration textarea { width: 100%; min-width: 0px; border: 1px solid rgb(216, 206, 193); border-radius: 11px; background: rgb(255, 253, 249); padding: 0px 14px; color: rgb(36, 31, 26); font: 400 16px / 1.2 Outfit, sans-serif; }
.h-registration input:not([type="radio"]):not([type="checkbox"]), .h-registration select { min-height: 50px; }
.h-registration textarea { min-height: 92px; padding-block: 13px; resize: vertical; }
.h-registration input::placeholder, .h-registration textarea::placeholder { color: rgb(154, 145, 136); opacity: 1; }
.h-registration input:focus, .h-registration select:focus, .h-registration textarea:focus { border-color: rgb(184, 120, 47); outline: 0px; box-shadow: rgba(184, 120, 47, 0.12) 0px 0px 0px 4px; }
.h-registration input[aria-invalid="true"], .h-registration select[aria-invalid="true"], .h-registration textarea[aria-invalid="true"] { border-color: rgb(168, 65, 49); box-shadow: rgba(168, 65, 49, 0.1) 0px 0px 0px 3px; }
.migration-inline-note, .migration-decision { display: grid; gap: 4px; border: 1px solid rgb(223, 199, 152); border-radius: 12px; background: rgb(251, 243, 228); padding: 12px 14px; color: rgb(113, 99, 80); }
.migration-inline-note strong, .migration-decision strong { color: rgb(116, 77, 30); font-size: 12px; }
.migration-inline-note span, .migration-decision span { font-size: 12px; line-height: 1.5; }
.artist-search-status, .artist-new small, .distribution-inquiry-disclosure, .plan-review-disclosure, .email-field-note, .form-disclosure, .consent-requirement { margin: 0px; color: rgb(120, 109, 97); font-size: 12px; line-height: 1.5; }
.artist-results { display: grid; gap: 8px; }
.artist-result { display: grid; grid-template-columns: 44px minmax(0px, 1fr) auto; align-items: center; gap: 10px; min-height: 64px; border: 1px solid rgb(222, 213, 201); border-radius: 12px; background: rgb(255, 253, 249); padding: 8px; color: rgb(45, 39, 33); text-align: left; cursor: pointer; }
.artist-result > img, .artist-result > span:first-child { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 9px; background: rgb(238, 231, 222); object-fit: cover; }
.artist-result > span:nth-child(2) { display: grid; min-width: 0px; }
.artist-result strong, .artist-result small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.artist-result small { color: rgb(120, 109, 97); font-size: 10px; }
.artist-result > b { visibility: hidden; color: rgb(140, 93, 37); }
.artist-result[aria-pressed="true"] { border-color: rgb(184, 120, 47); background: rgb(255, 246, 230); }
.artist-result[aria-pressed="true"] > b { visibility: visible; }
.artist-existing.has-selection .artist-search-row, .artist-existing.has-selection .artist-not-found, .artist-existing.has-selection .artist-result:not([aria-pressed="true"]) { display: none; }
.artist-results-more, .artist-not-found, .artist-change { min-height: 44px; border: 0px; background: transparent; padding: 0px; color: rgb(122, 84, 35); font: 700 12px / 1.2 Outfit, sans-serif; text-align: left; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.artist-label-route { border-top: 1px solid rgb(226, 217, 206); padding-top: 18px; }
.artist-label-route > strong { color: rgb(39, 33, 28); font: 500 27px / 1.1 Newsreader, Georgia, serif; }
.artist-label-route > p { max-width: 58ch; margin: 0px; color: rgb(117, 107, 96); font-size: 13px; line-height: 1.55; }
.distribution-inquiry-fields { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }
.distribution-inquiry-fields label:nth-child(n+3) { grid-column: 1 / -1; }
.distribution-inquiry-status, .form-status { display: none; border-radius: 10px; padding: 11px 13px; font-size: 12px; line-height: 1.45; }
.distribution-inquiry-status:not(:empty), .form-status:not(:empty) { display: block; }
.distribution-inquiry-status.is-error, .form-status.is-error { border: 1px solid rgb(215, 160, 148); background: rgb(255, 240, 237); color: rgb(125, 51, 38); }
.distribution-inquiry-status.is-ok, .form-status.is-ok { border: 1px solid rgb(209, 183, 127); background: rgb(250, 242, 226); color: rgb(91, 69, 37); }
.plan-fieldset { gap: 10px !important; }
.plan-choice { display: grid; grid-template-columns: 20px minmax(0px, 1fr) auto; align-items: center; gap: 12px; min-height: 82px; border: 1px solid rgb(222, 213, 201); border-radius: 14px; background: rgb(255, 253, 249); padding: 13px 14px; cursor: pointer; }
.plan-choice:has(input:checked) { border-color: rgb(184, 120, 47); background: rgb(255, 246, 230); box-shadow: rgb(184, 120, 47) 4px 0px 0px inset; }
.plan-choice input, .policy-choice input { width: 19px; height: 19px; accent-color: rgb(184, 120, 47); }
.plan-choice > span { display: grid; gap: 3px; }
.plan-choice b { color: rgb(43, 37, 31); font-size: 13px; }
.plan-choice small { color: rgb(120, 109, 97); font-size: 12px; line-height: 1.42; }
.plan-choice mark { width: fit-content; margin-top: 3px; border-radius: 999px; background: rgb(242, 226, 196); padding: 4px 7px; color: rgb(109, 75, 32); font-size: 8px; font-weight: 750; text-transform: uppercase; }
.plan-choice > strong { display: flex; align-items: flex-start; gap: 3px; color: rgb(122, 84, 35); font-size: 20px; white-space: nowrap; }
.plan-choice > strong small { margin-top: 4px; font-size: 8px; }
.migration-catalog-fields, .migration-application-grid { display: grid; gap: 14px; }
.plan-capacity-summary { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; border: 1px solid rgb(223, 199, 152); border-radius: 14px; background: linear-gradient(135deg, rgb(255, 250, 240), rgb(247, 229, 197)); padding: 14px; }
.plan-capacity-summary > div { display: grid; gap: 3px; min-width: 0px; }
.plan-capacity-summary span { color: rgb(117, 98, 73); font-size: 11px; font-weight: 650; }
.plan-capacity-summary strong { color: rgb(92, 56, 21); font-size: 15px; }
.plan-capacity-summary p { grid-column: 1 / -1; margin: 3px 0px 0px; color: rgb(109, 86, 58); font-size: 12px; line-height: 1.5; }
.additional-track-packs { display: grid; gap: 9px; margin: 0px; border: 1px solid rgb(223, 199, 152); border-radius: 14px; background: rgb(255, 250, 241); padding: 14px; }
.additional-track-packs > legend { padding: 0px 4px; color: rgb(58, 42, 27); font-size: 14px; font-weight: 750; }
.additional-track-packs > p { margin: 0px 0px 3px; color: rgb(120, 101, 77); font-size: 12px; line-height: 1.45; }
.additional-track-packs > label { display: grid; grid-template-columns: 20px minmax(0px, 1fr) auto; align-items: center; gap: 10px; min-height: 64px; border: 1px solid rgb(222, 211, 197); border-radius: 12px; background: rgb(255, 255, 255); padding: 10px 12px; cursor: pointer; }
.additional-track-packs > label:has(input:checked) { border-color: rgb(184, 120, 47); background: rgb(255, 243, 223); box-shadow: rgb(184, 120, 47) 3px 0px 0px inset; }
.additional-track-packs > label > span { display: grid; gap: 2px; }
.additional-track-packs b { color: rgb(50, 39, 29); font-size: 13px; }
.additional-track-packs small { color: rgb(123, 107, 90); font-size: 11px; line-height: 1.35; }
.additional-track-packs > label > strong { color: rgb(115, 74, 29); font-size: 14px; white-space: nowrap; }
.additional-track-packs-note { display: block; min-height: 17px; font-weight: 650; color: rgb(141, 63, 45) !important; }
.migration-application { border: 1px solid rgb(226, 217, 206); border-radius: 13px; background: rgb(251, 247, 240); padding: 14px; }
.signup-consents { display: grid; gap: 9px; }
.policy-choice { display: flex; align-items: flex-start; gap: 12px; border: 1px solid rgb(223, 214, 203); border-radius: 12px; background: rgb(255, 253, 249); padding: 13px 14px; color: rgb(117, 107, 96); cursor: pointer; }
.policy-choice input { flex: 0 0 auto; margin-top: 2px; }
.policy-choice > span { display: grid; gap: 3px; }
.policy-choice b { color: rgb(51, 45, 39); font-size: 12px; line-height: 1.45; }
.policy-choice small { font-size: 11px; line-height: 1.45; }
.policy-choice a { color: rgb(112, 73, 30); font-weight: 650; }
.policy-choice.has-field-error { border-color: rgb(181, 84, 67); background: rgb(255, 240, 237); box-shadow: rgb(163, 58, 45) 3px 0px 0px inset; }
.distribution-inquiry-submit, .signup-submit, .wizard-next, .inline-login-primary { display: inline-flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 18px; border: 0px; border-radius: 999px; background: rgb(43, 33, 23); padding: 0px 20px; color: rgb(255, 255, 255); font: 700 13px / 1 Outfit, sans-serif; cursor: pointer; transition: background 180ms, transform 180ms; }
.distribution-inquiry-submit > span, .signup-submit > span, .wizard-next > span, .inline-login-primary > span, .wizard-back > i { display: block; width: 18px; height: 18px; flex: 0 0 auto; background: currentcolor; mask: var(--icon-arrow-right) center / contain no-repeat; }
.distribution-inquiry-submit, .signup-submit, .inline-login-primary { width: 100%; }
.signup-coupon-field { border: 1px solid rgb(216, 198, 164); border-radius: 12px; background: rgba(255, 248, 234, .72); padding: 10px 12px; }
.signup-coupon-field summary { color: rgb(88, 62, 32); font-size: 13px; font-weight: 850; cursor: pointer; }
.signup-coupon-field[open] summary { margin-bottom: 10px; }
.signup-coupon-field label { display: grid; gap: 6px; }
.signup-coupon-field label > span, .signup-coupon-field > small { color: rgb(100, 81, 61); font-size: 12px; line-height: 1.4; }
.signup-coupon-field[data-valid="true"] { border-color: rgb(184, 120, 47); background: rgb(255, 242, 216); }
.distribution-inquiry-submit:hover, .signup-submit:hover, .wizard-next:hover, .inline-login-primary:hover { background: rgb(105, 69, 29); transform: translateY(-1px); }
.h-registration button[disabled] { cursor: wait; opacity: 0.62; transform: none; }
.h-registration .wizard-next[disabled] { cursor: default; opacity: 0.48; }
.signup-wizard-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.wizard-back { display: inline-flex; min-height: 48px; align-items: center; gap: 6px; border: 0px; background: transparent; padding: 0px; color: rgb(111, 101, 90); font: 700 12px / 1 Outfit, sans-serif; cursor: pointer; }
.wizard-back > i { width: 15px; height: 15px; transform: rotate(180deg); }
.wizard-next { margin-left: auto; min-width: 152px; }
.h-policy-dialog { width: min(760px, 100% - 28px); max-height: min(82dvh, 820px); overflow: hidden; border: 1px solid rgb(216, 198, 164); border-radius: 22px; background: rgb(255, 253, 248); padding: 0px; color: rgb(43, 37, 31); box-shadow: rgba(58, 38, 15, 0.28) 0px 28px 90px; }
.h-policy-dialog::backdrop { background: rgba(43, 33, 23, 0.48); backdrop-filter: blur(5px); }
.h-policy-dialog > header { position: sticky; z-index: 2; top: 0px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid rgb(229, 216, 197); background: rgba(255, 253, 248, 0.96); padding: 17px 20px; backdrop-filter: blur(12px); }
.h-policy-dialog > header h2 { margin: 0px; font: 500 28px / 1 Newsreader, Georgia, serif; }
.h-policy-dialog > header button { min-height: 40px; border: 1px solid rgb(215, 197, 169); border-radius: 999px; background: rgb(255, 248, 234); padding: 0px 15px; color: rgb(105, 69, 29); font: 700 12px / 1 Outfit, sans-serif; cursor: pointer; }
.h-policy-dialog-content { max-height: calc(-75px + min(82dvh, 820px)); overflow: auto; padding: 22px 24px 32px; font: 400 15px / 1.65 Outfit, sans-serif; }
.h-policy-dialog-content h1, .h-policy-dialog-content h2, .h-policy-dialog-content h3 { color: rgb(43, 33, 23); font-family: Newsreader, Georgia, serif; line-height: 1.08; }
.h-policy-dialog-content a { color: rgb(122, 84, 35); }
.inline-login { display: grid; max-width: 540px; gap: 22px; padding-top: 18px; }
.inline-login-intro h2 { margin: 8px 0px 12px; color: rgb(33, 29, 25); font: 500 clamp(40px, 5vw, 62px) / 0.96 Newsreader, Georgia, serif; letter-spacing: -0.035em; }
.inline-login-intro p { margin: 0px 0px 24px; color: rgb(117, 107, 96); font-size: 14px; line-height: 1.6; }
.home-login-form, .home-code-form { display: grid; gap: 12px; }
.remember-device-option { display: flex; min-height: 44px; align-items: center; gap: 10px; color: rgb(93, 84, 75); font-size: 12px; cursor: pointer; }
.remember-device-option input { width: 19px; height: 19px; accent-color: rgb(184, 120, 47); }
.inline-login-secondary-actions { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; }
.inline-login-secondary-actions button { min-height: 44px; border: 1px solid rgb(222, 213, 201); border-radius: 999px; background: rgb(255, 253, 249); color: rgb(95, 85, 75); font: 650 11px / 1 Outfit, sans-serif; cursor: pointer; }
@media (max-width: 900px) {
  .h-registration { width: min(100% - 28px, 720px); scroll-margin-top: 74px; }
  .h-registration.is-open { margin-block: 0px 72px; }
  .h-registration-frame { border-radius: 25px; }
  .h-registration-workspace { padding: 28px; }
  .artist-mode--editorial { display: flex; margin-right: -28px; padding: 0 28px 8px 0; overflow-x: auto; gap: 12px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .artist-mode--editorial::-webkit-scrollbar { display: none; }
  .artist-mode--editorial label { width: clamp(260px, 38vw, 300px); min-width: clamp(260px, 38vw, 300px); flex: 0 0 auto; scroll-snap-align: start; }
  .artist-mode--editorial span { min-height: 250px; }
  .artist-mode--editorial b { font-size: 23px; }
}
@media (max-width: 560px) {
  .h-registration { width: calc(100% - 20px); }
  .h-registration.is-open { margin-block: 0px 54px; }
  .h-registration-frame { border-radius: 22px; }
  .h-registration-workspace { padding: 18px 16px 24px; }
  .h-registration-toolbar { align-items: flex-start; margin-bottom: 28px; }
  .h-access-tabs { max-width: calc(100% - 48px); }
  .h-access-tabs button { padding-inline: 13px; font-size: 11px; }
  .h-registration-close { padding: 0px; }
  .h-registration-close span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .home-signup-form legend, .signup-checkout-step h3 { font-size: 36px; }
  .artist-mode--editorial { margin-right: -16px; padding-right: 16px; gap: 10px; }
  .artist-mode--editorial label { width: min(78vw, 292px); min-width: min(78vw, 292px); flex: 0 0 auto; scroll-snap-align: start; }
  .artist-mode--editorial span { min-height: 282px; }
  .signup-wizard-steps span { display: none; }
  .signup-wizard-steps { justify-content: flex-start; }
  .signup-wizard-steps li { flex: 1 1 0%; }
  .signup-wizard-steps li::after { width: 100%; height: 1px; margin-left: 3px; background: rgb(222, 213, 201); content: ""; }
  .signup-wizard-steps li:last-child::after { display: none; }
  .artist-profile-choice, .distribution-inquiry-fields { grid-template-columns: 1fr; }
  .distribution-inquiry-fields label:nth-child(n+3) { grid-column: auto; }
  .plan-choice { grid-template-columns: 20px minmax(0px, 1fr); }
  .plan-choice > strong { grid-column: 2; }
  .plan-capacity-summary { grid-template-columns: 1fr; }
  .plan-capacity-summary p { grid-column: auto; }
  .additional-track-packs > label { grid-template-columns: 20px minmax(0px, 1fr); }
  .additional-track-packs > label > strong { grid-column: 2; }
  .signup-wizard-actions { position: sticky; z-index: 3; bottom: 8px; margin: 8px -8px -8px; border: 1px solid rgba(222, 213, 201, 0.9); border-radius: 999px; background: rgba(255, 253, 248, 0.92); padding: 6px 8px; box-shadow: rgba(66, 44, 16, 0.14) 0px 10px 28px; backdrop-filter: blur(14px); }
  .wizard-next { min-width: 136px; }
  .inline-login-secondary-actions { grid-template-columns: 1fr; }
  .h-policy-dialog { max-height: 88dvh; border-radius: 18px; }
  .h-policy-dialog-content { max-height: calc(-69px + 88dvh); padding: 18px 17px 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .h-registration, .signup-wizard-track i, .artist-mode span, .artist-profile-choice span, .distribution-inquiry-submit, .signup-submit, .wizard-next, .inline-login-primary { transition: none !important; }
  .h-registration-frame { animation: auto ease 0s 1 normal none running none !important; }
}
@keyframes h-registration-arrive {
  0% { opacity: 0; filter: blur(5px); transform: translateY(72px) scale(0.965); }
  70% { opacity: 1; filter: blur(0px); transform: translateY(-7px) scale(1.004); }
  100% { opacity: 1; filter: blur(0px); transform: none; }
}