/* Mobile account navigation is a page; desktop retains the account popover. */
.mobile-account-trigger{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:10px;background:none!important;border:0;color:var(--text);border-radius:50%}.mobile-account-trigger>.icon{width:22px!important;height:22px!important}.mobile-account-trigger>img{width:26px;height:26px;border-radius:50%;object-fit:cover}
body[data-view=menu] .dock{display:none!important}.mobile-account-page{max-width:680px;margin:0 auto;padding-bottom:32px}.account-page-toolbar{display:flex;align-items:center;gap:12px;margin:0 0 24px}.account-page-toolbar h1{font-size:25px;line-height:1.25;margin:0}.account-page-back{width:42px;height:42px;min-height:42px;display:grid;place-items:center;padding:10px;border:1px solid var(--glass-edge);background:var(--glass-fill);border-radius:50%;color:var(--text)}.account-page-back .icon{width:20px;height:20px;transform:rotate(90deg)}
.account-page-content>.menu-account{padding:24px;border:1px solid var(--glass-edge);border-radius:24px;background:var(--glass-fill);backdrop-filter:blur(24px);margin-bottom:22px}.account-page-content .menu-account>strong{font-size:23px;line-height:1.3}.account-page-content .menu-account>p{font-size:14px;line-height:1.6;color:var(--muted);margin:10px 0 20px}.account-page-content .menu-account-actions{display:flex;gap:12px}.account-page-content .menu-account-actions button{flex:1;min-height:46px}.account-page-content .menu-links{padding:0;background:none!important}.account-page-content .menu-links>button{width:100%;display:flex;align-items:center;gap:14px;background:var(--surface);color:var(--text);padding:16px 18px;min-height:56px;border-radius:0;text-align:left;border-bottom:1px solid var(--border);font-size:14px}.account-page-content .menu-links>button .icon{width:19px;height:19px;color:#c1c9f2}.account-page-content .menu-links>button:hover{background:var(--control)}.account-page-content .menu-links>button:first-of-type{border-radius:20px 20px 0 0}.account-page-content .menu-links>button:last-child{border-radius:0 0 20px 20px;border-bottom:0}.account-page-content .menu-browse-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;padding:0;margin-bottom:24px}.account-page-content .menu-browse-links button{min-height:58px;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--glass-edge);border-radius:18px;background:var(--glass-fill);color:var(--text);font-size:13px;text-align:left}.account-page-content .menu-browse-links .icon{width:20px;height:20px;color:#c6d6f7}.account-page-content .menu-browse-links button:hover{background:var(--control)}
.wallpaper-desktop-toolbar{display:none}
@media(max-width:999px){body[data-view=menu]>header{display:none!important}body[data-view=menu] main{padding:calc(20px + env(safe-area-inset-top,0px)) 20px max(32px,env(safe-area-inset-bottom,0px))!important}.account-page-toolbar h1{font-size:24px}#profile-menu-root .mobile-account-trigger{position:static!important}}
@media(min-width:801px){
body[data-view=wallpaper] main{padding:24px clamp(28px,4vw,72px) 60px!important;max-width:1600px!important;margin:auto!important;box-sizing:border-box}
.wallpaper-desktop-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 28px;gap:20px}.wallpaper-back{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:550;color:var(--text);background:var(--glass-fill);border:1px solid var(--glass-edge);padding:10px 16px;min-height:42px;border-radius:999px;backdrop-filter:blur(22px)}.wallpaper-back .icon{width:18px;height:18px;transform:rotate(90deg)}.wallpaper-desktop-toolbar>a{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;font-size:20px;font-weight:650}.wallpaper-desktop-toolbar>a>img{height:30px;width:30px;border-radius:9px}
body[data-view=wallpaper] .reference-detail{display:grid!important;grid-template-columns:minmax(300px,.95fr) minmax(340px,1.05fr)!important;gap:clamp(28px,4vw,64px)!important;align-items:start;max-width:none!important;margin:0!important}
.reference-detail .wallpaper-preview{position:sticky!important;top:24px!important;display:grid!important;place-items:center;align-self:start;margin:0!important;padding:20px!important;box-sizing:border-box;overflow:hidden;border-radius:28px;background:color-mix(in srgb,var(--wallpaper-surface) 85%,transparent);border:1px solid var(--wallpaper-border);cursor:zoom-in}
.reference-detail .wallpaper-preview>img{width:100%!important;height:min(72vh,720px)!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:16px!important;display:block}
.reference-detail .wallpaper-content{padding:12px 0 0!important;min-width:0}.reference-detail .wallpaper-title-row{display:grid!important;grid-template-columns:48px minmax(0,1fr);gap:12px 16px!important;margin:0 0 28px!important;align-items:center}.reference-detail .wallpaper-avatar{width:48px!important;height:48px!important;min-height:48px!important}.reference-detail .wallpaper-identity h1{font-size:clamp(28px,2.5vw,40px)!important;line-height:1.15!important;letter-spacing:-1px!important;margin:0 0 9px!important;overflow-wrap:anywhere}.reference-detail .wallpaper-identity .author{font-size:15px!important;margin:0!important}.reference-detail .wallpaper-icon-actions{grid-column:2;justify-self:start;display:flex!important;gap:8px!important;margin-top:8px}.reference-detail .wallpaper-icon-actions .detail-icon,.reference-detail .curated-indicator{width:42px!important;height:42px!important;min-height:42px!important;background:color-mix(in srgb,var(--wallpaper-accent) 9%,transparent)!important;border-radius:50%}.reference-detail .wallpaper-description{text-align:left!important;font-size:15px!important;line-height:1.75!important;margin:0 0 26px!important;max-width:580px}.reference-detail .wallpaper-ctas{display:flex!important;margin:0 0 24px!important;gap:12px!important}.reference-detail .wallpaper-ctas.download-only{display:block!important}.reference-detail .wallpaper-ctas button{font-size:16px!important;min-height:52px!important;padding:14px 22px!important;transition:filter .15s}.reference-detail .wallpaper-ctas button:hover{filter:brightness(1.08)}.reference-detail .wallpaper-ctas.download-only button{width:100%!important}.reference-detail .wallpaper-meta{padding:20px 10px!important;border-radius:22px;row-gap:14px!important;column-gap:0!important}.reference-detail .wallpaper-meta>div,.reference-detail .wallpaper-meta>button{min-height:42px!important;padding:0 12px!important;gap:12px!important}.reference-detail .wallpaper-meta strong{font-size:13px!important;line-height:1.45!important}.reference-detail .wallpaper-meta .icon{width:20px!important;height:20px!important}
body[data-view=wallpaper] .related{margin-top:44px!important;padding-top:28px;border-top:1px solid var(--wallpaper-border)}body[data-view=wallpaper] .related .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}body[data-view=wallpaper] .related .wall .wall-image{aspect-ratio:1.4!important}.related-heading h2{font-size:24px!important}
}
@media(min-width:801px) and (max-width:1050px){body[data-view=wallpaper] .reference-detail{grid-template-columns:minmax(280px,1fr) minmax(310px,1fr)!important;gap:24px!important}.reference-detail .wallpaper-preview{padding:12px!important}.reference-detail .wallpaper-identity h1{font-size:28px!important}.reference-detail .wallpaper-meta strong{font-size:11px!important}}

@media(min-width:801px){.wallpaper-desktop-toolbar .wallpaper-back{width:auto!important;height:44px!important;margin:0!important;padding:10px 16px!important;box-sizing:border-box;white-space:nowrap;flex-shrink:0}}

.device-default-value{font-size:13px;font-weight:550;color:var(--muted)}.device-catalog-empty{min-height:65svh!important;max-width:620px;margin:auto}.device-catalog-empty h1{font-size:27px;line-height:1.25}.device-catalog-empty p{color:var(--muted)}