.account-favorites{margin-bottom:24px}
.account-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:12px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}
.account-nav a{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.84rem;text-decoration:none;transition:color .16s ease,border-color .16s ease,background-color .16s ease}
.account-nav a:hover,.account-nav a:focus-visible{border-color:var(--amber-primary);background:rgba(226,147,63,.08);color:var(--amber-light)}
.account-nav a[aria-current="page"]{border-color:var(--amber-primary);background:rgba(226,147,63,.12);color:var(--amber-light)}
.account-nav a[href="beats.php"]{border-color:var(--amber-primary);background:var(--amber-primary);color:var(--bg-main);font-weight:700}
.account-nav a[href="beats.php"]:hover,.account-nav a[href="beats.php"]:focus-visible{border-color:var(--amber-light);background:var(--amber-light);color:#000}
.account-nav a:focus-visible{outline:2px solid var(--amber-light);outline-offset:2px}
.account-guest .account-auth-grid:not(.account-settings-grid){grid-template-columns:minmax(0,1fr)}
.account-auth-grid>section[hidden]{display:none}
.account-guest.account-auth-view-login .account-auth-grid>section[aria-labelledby="registerHeading"],.account-guest.account-auth-view-register .account-auth-grid>section[aria-labelledby="loginHeading"]{display:none}
.account-guest.account-auth-view-forgot .account-auth-grid>section[aria-labelledby="loginHeading"],.account-guest.account-auth-view-forgot .account-auth-grid>section[aria-labelledby="registerHeading"],.account-guest.account-auth-view-reset .account-auth-grid>section[aria-labelledby="loginHeading"],.account-guest.account-auth-view-reset .account-auth-grid>section[aria-labelledby="registerHeading"],.account-guest.account-auth-view-reset .account-auth-grid>section[aria-labelledby="forgotPasswordHeading"]{display:none}
#favoritesHeading,#purchasesHeading,#profileHeading,#passwordHeading,#deleteAccountHeading,#loginHeading,#registerHeading{scroll-margin-top:120px}
.account-settings-grid>section:first-child>.account-form{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
.account-settings-grid{grid-template-columns:minmax(0,1fr)}
.account-settings-grid>section:first-child>.account-form>:nth-child(3){grid-column:1;grid-row:1}
.account-settings-grid>section:first-child>.account-form>:nth-child(4){grid-column:1;grid-row:2}
.account-settings-grid>section:first-child>.account-form>:nth-child(5){grid-column:2;grid-row:1}
.account-settings-grid>section:first-child>.account-form>:nth-child(6){grid-column:2;grid-row:2}
.account-settings-grid>section:first-child>.account-form>:nth-child(7){grid-column:1;grid-row:3}
.account-settings-grid>section:first-child>.account-form>:nth-child(8){grid-column:1;grid-row:4}
.account-settings-grid>section:first-child>.account-form>:nth-child(9){grid-column:1/-1;grid-row:5}
.account-settings-grid>section:first-child>.account-form>:nth-child(10){grid-column:2;grid-row:3}
.account-settings-grid>section:first-child>.account-form>:nth-child(11){grid-column:2;grid-row:4}
.account-settings-grid>section:first-child>.account-form>:nth-child(12){grid-column:1;grid-row:6}
.account-settings-grid>section:first-child>.account-form>:nth-child(13){grid-column:1;grid-row:7}
.account-settings-grid>section:first-child>.account-form>:nth-child(14){grid-column:2;grid-row:6}
.account-settings-grid>section:first-child>.account-form>:nth-child(15){grid-column:2;grid-row:7}
.account-settings-grid>section:first-child>.account-form>:nth-child(16){grid-column:1;grid-row:8}
.account-settings-grid>section:first-child>.account-form>:nth-child(17){grid-column:1;grid-row:9}
.account-settings-grid>section:first-child>.account-form>:nth-child(18){grid-column:2;grid-row:8}
.account-settings-grid>section:first-child>.account-form>:nth-child(19){grid-column:2;grid-row:9}
.account-settings-grid>section:first-child>.account-form>:nth-child(20){grid-column:1;grid-row:10}
.account-settings-grid>section:first-child>.account-form>:nth-child(21){grid-column:1;grid-row:11}
.account-settings-grid>section:first-child>.account-form>:nth-child(22){grid-column:2;grid-row:10}
.account-settings-grid>section:first-child>.account-form>:nth-child(23){grid-column:2;grid-row:11}
.account-settings-grid>section:first-child>.account-form>:nth-child(24){grid-column:1/-1;grid-row:12}
.account-settings-grid>section:first-child>.account-form>input,.account-settings-grid>section:first-child>.account-form>label{min-width:0}
.account-authenticated .account-purchases,.account-authenticated .account-invoices,.account-authenticated .account-settings-grid,.account-authenticated .account-export-data,.account-authenticated .account-danger-zone{display:none}
.account-authenticated.account-view-purchases .account-favorites,.account-authenticated.account-view-invoices .account-favorites,.account-authenticated.account-view-profile .account-favorites,.account-authenticated.account-view-password .account-favorites,.account-authenticated.account-view-export .account-favorites,.account-authenticated.account-view-delete .account-favorites{display:none}
.account-authenticated.account-view-purchases .account-purchases,.account-authenticated.account-view-delete .account-danger-zone{display:block}
.account-authenticated.account-view-invoices .account-invoices{display:block}
.account-authenticated.account-view-export .account-export-data{display:block}
.account-authenticated.account-view-profile .account-settings-grid,.account-authenticated.account-view-password .account-settings-grid{display:grid}
.account-authenticated.account-view-profile .account-settings-grid>section[aria-labelledby="passwordHeading"],.account-authenticated.account-view-password .account-settings-grid>section[aria-labelledby="profileHeading"]{display:none}
.account-settings-grid>section[hidden]{display:none}
.favorite-count{color:var(--text-muted);font:400 .9em var(--font-mono);white-space:nowrap}
.account-invoice-list{list-style:none;margin:0;padding:0}
.account-invoice-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--border-subtle)}
.account-invoice-row>div{display:grid;gap:4px;min-width:0}
.account-invoice-row span{color:var(--text-muted);font-size:.85rem;overflow-wrap:anywhere}
@media(max-width:520px){.account-invoice-row{align-items:flex-start;flex-direction:column}}
.account-notice{transition:opacity .28s ease,transform .28s ease}
.account-notice.is-dismissing{opacity:0;transform:translateY(-4px);pointer-events:none}
@media(prefers-reduced-motion:reduce){.account-notice{transition:none}}
.account-favorites>p{color:var(--text-secondary);line-height:1.6}
.favorite-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
.favorite-load-more{min-width:180px;height:40px;min-height:40px;margin-top:18px;padding:0 22px;font-weight:700}
.favorite-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 4px;border-top:1px solid var(--border-subtle)}
.favorite-row[hidden]{display:none}
.favorite-row>div{display:grid;gap:4px;min-width:0}
.favorite-row strong{overflow-wrap:anywhere;color:var(--text-primary)}
.favorite-row span,.favorite-row small{color:var(--text-secondary);font-size:.8rem}
.favorite-preview-controls{display:flex;align-items:center;gap:12px;width:min(100%,520px);margin-top:6px}
.purchase-preview-controls{width:100%;max-width:520px}
.favorite-preview-play{flex:0 0 42px}
.favorite-player-now{flex:1;min-width:0}
.favorite-preview-status{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#favoritePreviewAudio{display:none}
.favorite-row form{flex:none}
.favorite-remove{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:max-content;height:40px;min-height:40px;padding:0 10px;border:1px solid var(--amber-primary);background:var(--amber-primary);color:var(--bg-main);font:inherit;font-size:.76rem;white-space:nowrap;cursor:pointer}
.favorite-remove:hover,.favorite-remove:focus-visible{border-color:var(--amber-light);background:var(--amber-light);color:#000}
.favorite-remove:focus-visible{outline:2px solid var(--amber-light);outline-offset:2px}
.favorite-remove svg{flex:none;width:19px;height:19px;fill:currentColor;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.favorite-remove::after{content:'Favorit löschen'}
@media(max-width:760px){.account-settings-grid>section:first-child>.account-form{grid-template-columns:minmax(0,1fr)}.account-settings-grid>section:first-child>.account-form>:nth-child(n){grid-column:auto;grid-row:auto}}
@media(max-width:560px){.favorite-row{gap:10px;padding:12px 0}.favorite-preview-controls{gap:8px}.favorite-player-now{min-height:42px;padding:8px 10px;font-size:.72rem}.favorite-player-now .player-waveform{flex:1 1 60px;width:auto;min-width:60px}.favorite-player-now .player-time{font-size:.62rem}}
@media(max-width:560px){.favorite-list{grid-template-columns:minmax(0,1fr);min-width:0}.favorite-row{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}.favorite-row form{justify-self:start}}