/* source: wallpapers.css */
/* v5 wallpaper-first homepage */
.archive{scroll-margin-top:92px}.device-switch{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 0}.device-switch[hidden]{display:none}.device-switch button{min-height:42px;padding:0 15px;border:1px solid #a7a196;background:transparent;cursor:pointer;font-weight:700}.device-switch button.active,.device-switch button:hover{background:var(--ink);border-color:var(--ink);color:#fff}.gallery[data-channel="wallpaper"] .card.wallpaper{grid-column:span 4}.gallery[data-channel="wallpaper"] .card.wallpaper .card-media{aspect-ratio:16/9}.gallery[data-channel="wallpaper"] .card.wallpaper:nth-child(5n+1){grid-column:span 8}.gallery[data-channel="wallpaper"] .card.wallpaper:nth-child(5n+1) .card-media{aspect-ratio:16/9}.card.wallpaper .card-origin{max-width:420px}.masthead{min-height:800px}.mast-copy{position:relative;z-index:2}.mast-copy:after{content:"PC 392  /  MOBILE 391  /  TABLET 391  /  BANNER 391";display:block;margin-top:48px;color:#8e96aa;font:700 9px monospace;letter-spacing:.14em}.poster img{object-position:center}.p-mid img{object-fit:cover}.p-front{width:72%}.p-back{width:62%}.archive-head h2:after{content:"2468";display:inline-block;margin-left:16px;color:var(--coral);font:900 12px monospace;vertical-align:top;letter-spacing:.12em}
@media(max-width:900px){.gallery[data-channel="wallpaper"] .card.wallpaper,.gallery[data-channel="wallpaper"] .card.wallpaper:nth-child(n){grid-column:span 6}}
@media(max-width:620px){.archive{scroll-margin-top:78px}.masthead{min-height:700px}.mast-copy:after{margin-top:26px;max-width:300px;line-height:1.8}.mast-copy h1{font-size:43px}.text-btn{min-height:44px}.orbit-label{display:none}.mast-art{overflow:hidden}.device-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.device-switch button:first-child{grid-column:1/-1}.gallery[data-channel="wallpaper"]{display:block}.gallery[data-channel="wallpaper"] .card.wallpaper{margin-bottom:30px}.p-front{width:80%}.p-back{width:66%}.viewer[open]{display:block;overflow-y:auto;background:var(--night)}.viewer-stage{height:62vh;min-height:420px;padding:58px 16px 18px}.viewer-stage img{max-height:100%;max-width:100%}.viewer-info{display:block;padding:26px 18px 38px;border-left:0;border-top:1px solid rgba(255,255,255,.14)}.viewer-info h2{font-size:28px;overflow-wrap:anywhere}.viewer-nav{position:fixed;top:31vh}.viewer-nav.next{right:12px}.viewer-nav.prev{left:12px}.viewer-close{position:fixed;right:12px;top:10px;background:rgba(11,16,32,.8);border-radius:50%}.viewer-actions a,.viewer-actions button{min-height:48px}}

/* source: discovery.css */
/* v6 discovery, pagination, mobile auth */
.discovery{padding:116px 0 96px;scroll-margin-top:92px}.discovery-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.discovery-head h2{font-size:clamp(38px,5vw,64px)}.discovery-head>p{max-width:320px;color:var(--muted);line-height:1.8}.discovery-grid{display:grid;grid-template-columns:1.45fr .72fr .72fr;grid-template-rows:220px 150px;gap:14px}.discovery-card{position:relative;overflow:hidden;border:1px solid var(--ink);background:var(--night);color:#fff;padding:22px;text-align:left;cursor:pointer;min-width:0}.discovery-card.wide{grid-row:1/3}.discovery-card.tall{grid-row:1/3}.discovery-card.square{grid-column:3}.discovery-card.surprise{grid-column:3;background:var(--coral);color:#fff}.discovery-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.68;transition:transform .45s,opacity .3s}.discovery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,20,.05),rgba(8,10,20,.88))}.discovery-card>*:not(img){position:relative;z-index:2}.discovery-card span{display:block;font:900 9px monospace;letter-spacing:.18em;color:var(--cyan)}.discovery-card b{position:absolute;z-index:2;left:22px;bottom:45px;font:900 27px "Noto Serif SC",serif}.discovery-card small{position:absolute;z-index:2;left:22px;bottom:22px;color:#d1d5e2}.discovery-card:hover img{transform:scale(1.045);opacity:.82}.discovery-card.surprise span{color:var(--cyan)}.discovery-card.surprise b{font-size:24px}.discovery-card.surprise small{color:#e8e4ec}.discovery-card.surprise i{position:absolute;right:22px;top:18px;font-size:46px;font-style:normal;animation:spinSlow 9s linear infinite}.pagination{margin:54px 0 0;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border-top:1px solid var(--ink);padding-top:22px}.pagination>button,.pagination div button{min-width:44px;height:44px;border:1px solid var(--ink);background:transparent;cursor:pointer}.pagination>button:disabled{opacity:.35;cursor:not-allowed}.pagination div{display:flex;justify-content:center;align-items:center;gap:6px}.pagination div button.active{background:var(--ink);color:#fff}.pagination div span{padding:0 4px}.pagination>span{grid-column:1/-1;text-align:center;color:var(--muted);font-size:11px;letter-spacing:.08em}.auth-modal{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.auth-form{min-width:0}.auth-form>*{min-width:0}@keyframes spinSlow{to{transform:rotate(360deg)}}
@media(max-width:900px){.discovery-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 190px}.discovery-card.wide{grid-row:auto}.discovery-card.tall{grid-row:1/3}.discovery-card.square{grid-column:1}.discovery-card.surprise{grid-column:1}}
@media(max-width:620px){.discovery{padding:94px 0 64px;scroll-margin-top:78px}.discovery-head{display:block}.discovery-head>p{margin-top:12px}.discovery-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px;gap:10px}.discovery-card.wide,.discovery-card.tall,.discovery-card.square,.discovery-card.surprise{grid-column:auto;grid-row:auto;padding:14px}.discovery-card b{left:14px;bottom:38px;font-size:19px}.discovery-card small{left:14px;bottom:15px;font-size:9px}.discovery-card.surprise b{font-size:19px}.pagination{grid-template-columns:1fr 1fr;gap:8px}.pagination div{grid-row:2;grid-column:1/-1;overflow-x:auto;justify-content:flex-start;padding:5px 0}.pagination>span{grid-row:3}.auth-modal[open]{display:block;width:calc(100vw - 16px);max-width:none;height:auto;max-height:calc(100dvh - 16px);margin:auto;padding:0;overflow-y:auto;overscroll-behavior:contain}.auth-copy{min-height:0;padding:52px 20px 22px}.auth-copy h2{font-size:32px;margin:10px 0 14px}.auth-copy p:last-child{font-size:13px;line-height:1.7}.auth-form{box-sizing:border-box;width:100%;max-width:100%;padding:22px 20px 28px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.auth-tabs,.auth-form label,.auth-form input,.auth-form .primary-btn{width:100%;max-width:100%;min-width:0}.auth-form input{font-size:16px}.auth-modal .viewer-close{position:absolute;top:8px;right:8px}.auth-error{min-height:18px}.auth-form .primary-btn{height:50px}.auth-form .primary-btn span{float:right}.site-header .login-trigger{white-space:nowrap}}
@media(max-width:350px){.discovery-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,170px)}.auth-copy{padding-inline:16px}.auth-form{padding-inline:16px}}

/* source: catalog.css */
/* v7 separated catalog + truthful aspect ratios */
.home-catalog{padding:112px 0 92px}.home-category{padding:0 0 86px}.home-category+ .home-category{border-top:1px solid var(--ink);padding-top:82px}.home-category>header{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.home-category header h2{font-size:clamp(42px,5vw,68px)}.home-category header p:last-child{margin:12px 0 0;color:var(--muted)}.category-jump{min-height:48px;border:1px solid var(--ink);background:transparent;padding:0 18px;font-weight:900;cursor:pointer;white-space:nowrap}.category-jump:hover{background:var(--ink);color:#fff}.category-jump span{margin-left:24px}.wallpaper-showcase{display:grid;grid-template-columns:1.6fr .76fr .76fr;grid-template-rows:280px 170px;gap:14px}.home-item{position:relative;overflow:hidden;border:1px solid var(--ink);padding:0;background:var(--night);color:#fff;cursor:pointer}.home-item:nth-child(1){grid-row:1/3}.home-item.mobile{grid-row:span 1}.home-item.tablet,.home-item.banner{grid-column:span 1}.home-item img{width:100%;height:100%;display:block;object-fit:contain;background:#090d19;transition:transform .4s}.home-item.pc img,.home-item.banner img{object-fit:cover}.home-item:hover img{transform:scale(1.025)}.home-item span,.home-item b{position:absolute;z-index:2;left:12px;background:var(--paper);color:var(--ink);border:1px solid var(--ink)}.home-item span{top:12px;padding:5px 8px;font-size:9px;font-weight:900}.home-item b{bottom:12px;padding:7px 10px;font:900 12px "Noto Serif SC",serif}.category-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.category-tags button{min-height:42px;border:1px solid var(--ink);background:transparent;padding:0 14px;cursor:pointer}.category-tags button:hover{background:var(--coral)}.avatar-showcase{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.home-avatar{border:0;background:transparent;padding:0;cursor:pointer;min-width:0;text-align:left}.home-avatar img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border:1px solid var(--ink);transition:.25s}.home-avatar:hover img{transform:translateY(-4px);box-shadow:5px 5px 0 var(--coral)}.home-avatar span{display:block;margin-top:8px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery[data-channel="wallpaper"] .card.wallpaper{grid-column:span 4}.gallery[data-channel="wallpaper"] .card.wallpaper .card-media{background:#090d19}.gallery[data-channel="wallpaper"] .card.wallpaper.pc .card-media{aspect-ratio:16/9}.gallery[data-channel="wallpaper"] .card.wallpaper.mobile{grid-column:span 3}.gallery[data-channel="wallpaper"] .card.wallpaper.mobile .card-media{aspect-ratio:9/16}.gallery[data-channel="wallpaper"] .card.wallpaper.tablet .card-media{aspect-ratio:9/8}.gallery[data-channel="wallpaper"] .card.wallpaper.banner{grid-column:span 6}.gallery[data-channel="wallpaper"] .card.wallpaper.banner .card-media{aspect-ratio:3/1}.gallery[data-channel="wallpaper"] .card.wallpaper img{object-fit:contain}.gallery[data-channel="avatar"] .card.avatar{grid-column:span 3}.gallery[data-channel="avatar"] .card.avatar .card-media{aspect-ratio:1}.gallery[data-channel="avatar"] .card.avatar img{object-fit:cover}.archive-head h2:after{content:none}.archive:not([hidden]){display:block}
@media(max-width:900px){.wallpaper-showcase{grid-template-columns:1.3fr 1fr;grid-template-rows:230px 230px 150px}.home-item:nth-child(1){grid-row:1/3}.avatar-showcase{grid-template-columns:repeat(4,1fr)}.gallery[data-channel="wallpaper"] .card.wallpaper.pc,.gallery[data-channel="wallpaper"] .card.wallpaper.tablet{grid-column:span 6}.gallery[data-channel="wallpaper"] .card.wallpaper.mobile{grid-column:span 4}.gallery[data-channel="wallpaper"] .card.wallpaper.banner{grid-column:span 12}}
@media(max-width:620px){.home-catalog{padding:86px 0 62px}.home-category{padding-bottom:60px}.home-category+ .home-category{padding-top:58px}.home-category>header{display:block}.category-jump{width:100%;margin-top:20px}.wallpaper-showcase{grid-template-columns:1fr 1fr;grid-template-rows:180px 250px 130px}.home-item:nth-child(1){grid-column:1/-1;grid-row:auto}.home-item.mobile{grid-row:auto}.home-item.banner{grid-column:1/-1}.category-tags{display:grid;grid-template-columns:1fr 1fr}.category-tags button{padding:0 8px}.avatar-showcase{grid-template-columns:repeat(4,1fr);gap:9px}.home-avatar span{font-size:9px}.gallery[data-channel="wallpaper"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.gallery[data-channel="wallpaper"] .card.wallpaper.pc,.gallery[data-channel="wallpaper"] .card.wallpaper.tablet{grid-column:1/-1;margin:0}.gallery[data-channel="wallpaper"] .card.wallpaper.mobile{grid-column:span 1;margin:0}.gallery[data-channel="wallpaper"] .card.wallpaper.banner{grid-column:1/-1;margin:0}.gallery[data-channel="wallpaper"] .card.wallpaper.mobile .card-title{font-size:14px}.gallery[data-channel="wallpaper"] .card.wallpaper.mobile .card-origin{font-size:9px}.gallery[data-channel="avatar"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 9px}.gallery[data-channel="avatar"] .card.avatar{grid-column:span 1;margin:0}.gallery[data-channel="avatar"] .card-title{font-size:13px}.gallery[data-channel="avatar"] .card-origin{font-size:9px}.gallery[data-channel="avatar"] .like-btn,.gallery[data-channel="avatar"] .fav-btn,.gallery[data-channel="wallpaper"] .card.mobile .like-btn,.gallery[data-channel="wallpaper"] .card.mobile .fav-btn{width:36px;height:36px}.gallery[data-channel="avatar"] .like-btn,.gallery[data-channel="wallpaper"] .card.mobile .like-btn{right:50px}}
