/* Discovery shelves and reusable avatar actions. */
.header-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.favorites-nav{display:flex;gap:7px;align-items:center;background:transparent;font-size:12px;color:#cdbce5;padding:10px 0}.favorites-nav b{font-size:10px;background:#302737;border-radius:20px;padding:3px 7px}.author-hint{font-size:12px;color:var(--muted);line-height:1.7;margin-top:12px}.home-feeds{padding:12px 0 40px}.feed-section{padding:32px 0 6px;min-width:0}.feed-section+.feed-section{border-top:1px solid #ffffff09;margin-top:26px}.feed-description{font-size:12px;color:var(--muted);line-height:1.7;margin-top:9px}.scroll-controls{display:flex;gap:8px;flex-shrink:0}.scroll-controls button{width:38px;height:38px;background:#211d2a;border:1px solid #40364d;border-radius:50%;font-size:19px}.scroll-controls button:hover:not(:disabled){background:#3e3051}.feed-status{font-size:11px;color:#a59aaf;margin:16px 0;line-height:1.7}.avatar-track{display:grid;grid-auto-flow:column;grid-auto-columns:268px;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-color:#665177 #1b1820;scrollbar-width:thin;padding:5px 2px 16px;min-width:0}.avatar-track>.card{scroll-snap-align:start}.avatar-track>.skeleton{height:380px}.avatar-track:focus-visible{outline-offset:2px}.card{display:flex;flex-direction:column}.card-preview h3{padding:15px 16px 0;min-height:60px}.card-body{padding-top:5px;flex:1}.card .author{margin-top:0;text-align:left;display:block;padding:0;background:transparent;line-height:1.6}.card button.author:hover{color:var(--accent);text-decoration:underline}.platforms{font-size:10px;letter-spacing:.5px;color:#bba8ce;margin-top:12px}.card hr,.popup-content hr{height:1px;border:0;background:var(--border);margin:0 16px}.card-actions{padding:13px 14px 15px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.card-actions a,.card-actions button{border:1px solid #403449;border-radius:7px;padding:10px 6px;text-align:center;font-size:11px;font-weight:500;min-height:38px;background:#241d2c;color:#ddd0ec}.card-actions .view-action{grid-column:1/-1;background:transparent;color:#c7b2e4}.card-actions .wear-action{background:#ad91e5;color:#21172e;border-color:#ad91e5}.card-actions .favorite-action[aria-pressed="true"]{background:#372444;color:#e4c8ff;border-color:#775293}.card-actions button:hover,.card-actions a:hover{filter:brightness(1.18)}.card-actions .wear-action:hover{background:#c4a9f8}.popup-content .card-actions{padding:18px 0 0}.popup-content>hr{margin:0}.back-link{padding:0;background:transparent;color:var(--accent);font-size:12px;margin-bottom:24px}.account-content{padding:35px 28px 28px}.account-content p:not(.eyebrow){color:#b7aabd;font-size:13px;line-height:1.8;margin:18px 0}.account-content .primary{margin-top:8px}.account-content p.local-note{font-size:11px;margin-bottom:0}.notification-wrap{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:20;max-width:min(540px,calc(100% - 32px));display:flex;align-items:center;gap:15px;background:#302238;border:1px solid #73528c;border-radius:10px;box-shadow:0 8px 30px #0008;padding:14px 18px}.notification-wrap:has(#notification:empty){display:none}#notification{font-size:12px;line-height:1.6}#dismissNotification{font-size:21px;background:transparent}.hero{min-height:360px;padding-top:36px;padding-bottom:32px}h1{font-size:clamp(58px,6vw,78px)}.hero-art{height:310px}.search-panel{margin-bottom:8px}
@media(max-width:1000px){header{gap:24px}.header-actions{gap:10px}header nav{gap:20px}.results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){header{flex-wrap:wrap;gap:16px}header nav .active:after{display:none}.header-actions{margin-left:auto}.header-actions .secondary{font-size:11px;padding:9px 12px}.results{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-track{grid-auto-columns:250px;gap:14px}.feed-section{padding-top:25px}.feed-description{max-width:310px}.feed-section .section-heading{align-items:center}.scroll-controls button{width:33px;height:33px}.card-actions{padding:11px 10px;gap:6px}.card-actions a,.card-actions button{font-size:10px}.hero{padding-top:32px}.favorites-nav{font-size:11px}}
@media(max-width:520px){header nav{order:3;width:100%;padding-top:5px;border-top:1px solid #ffffff0a}header{gap:12px}.brand{font-size:21px}.header-actions{gap:12px}.favorites-nav>span{display:none}.header-actions .secondary{padding:8px;font-size:10px}.hero{min-height:0}h1{font-size:64px}.avatar-track{grid-auto-columns:calc(85vw - 32px);gap:13px}.avatar-track .thumb{height:210px}.avatar-track .card-description{display:-webkit-box}.feed-section h2{font-size:23px}.feed-description{font-size:11px}.scroll-controls{gap:5px}.results{grid-template-columns:1fr}.results .thumb{height:240px}.results .card-description{display:-webkit-box}.feed-status{font-size:11px}.card-preview h3{min-height:0}.card-body{padding-top:10px}.card-actions a,.card-actions button{font-size:12px}.account-content{padding:40px 22px 24px}}
/* Off-screen links must also stay invisible in full-page captures. */
.skip-link{opacity:0;pointer-events:none}.skip-link:focus{opacity:1;pointer-events:auto}
/* Favorites open without changing the current search or discovery position. */
.favorites-dialog{width:min(690px,calc(100% - 32px));max-height:82dvh;overscroll-behavior:contain}
.favorites-heading{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 26px 20px;background:#19181ff5;border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}
.favorites-heading .close{position:static;flex-shrink:0}
#favoritesSummary{color:var(--muted);font-size:12px;line-height:1.6;margin-top:8px}
.favorites-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px}
.favorites-list .thumb{height:160px}.favorites-list .card-preview h3{min-height:0}
.favorites-list .card-description{display:none}.favorites-list .card-body{padding-bottom:12px}
.favorites-empty{text-align:center;padding:42px 24px 48px}.favorites-empty>span{display:block;color:var(--accent);font-size:40px;margin-bottom:16px}
.favorites-empty h3{font:500 19px var(--display)}.favorites-empty p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:10px}
@media(max-width:520px){.favorites-dialog{max-height:86dvh}.favorites-heading{padding:21px 18px 17px}.favorites-list{grid-template-columns:1fr;padding:16px}.favorites-list .thumb{height:190px}}
/* Cloudflare account controls. */
.account-form{display:flex;flex-direction:column;align-items:stretch;padding:0;border:0;background:transparent;gap:9px;margin-top:20px}.account-form:focus-within{box-shadow:none;border:0}.account-form label{font-size:12px;color:#d5c8df;margin-top:5px}.account-form input,.account-form select{width:100%;height:44px;border:1px solid #504159;border-radius:7px;background:#100e15;color:var(--text);padding:0 12px;font:14px var(--font)}.account-form input:focus,.account-form select:focus{border-color:var(--accent);outline:2px solid #b49aff44!important}.account-form .primary{margin-top:10px}.account-content .account-form p{margin:4px 0 8px}.account-controls{display:flex;gap:10px}.account-content #accountStatus{font-size:12px;color:#d1b9ed;min-height:1em}#accountBtn{display:flex;align-items:center;gap:9px;max-width:220px}#accountBtn img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}#accountBtn span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(max-width:520px){#accountBtn{max-width:155px}#accountBtn img{width:24px;height:24px}.account-form input,.account-form select{font-size:16px}}
