:root{--font-sans: "Inter", "Hiragino Sans", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk", "Inter", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--bg: #07070b;--bg-elev: #0d0d14;--surface: rgba(255, 255, 255, .038);--surface-strong: rgba(255, 255, 255, .07);--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .17);--text: #f4f2f8;--text-soft: #c7c3d4;--muted: #928ea4;--accent: #b58cff;--accent-ink: #1a0f2e;--accent-2: #5ee0d6;--accent-3: #ff9bb8;--good: #5dd974;--warn: #ddc85d;--danger: #ff6b6b;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 18px 50px -20px rgba(0, 0, 0, .85);--shadow-glow: 0 22px 70px -30px rgba(181, 140, 255, .55);--header-h: 66px;--maxw: 1240px;--gutter: clamp(16px, 4vw, 40px);--ease: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:dark}:root[data-theme=light]{--bg: #faf9f7;--bg-elev: #ffffff;--surface: rgba(20, 18, 28, .035);--surface-strong: rgba(20, 18, 28, .06);--line: rgba(20, 18, 28, .1);--line-strong: rgba(20, 18, 28, .2);--text: #16141d;--text-soft: #3d3a4a;--muted: #6c6880;--accent: #6d3fe0;--accent-ink: #ffffff;--accent-2: #0f8f86;--accent-3: #d2447a;--shadow: 0 18px 40px -26px rgba(20, 18, 28, .4);--shadow-glow: 0 22px 60px -34px rgba(109, 63, 224, .4);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 20px)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;display:flex;flex-direction:column}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60rem 40rem at 12% -10%,rgba(181,140,255,.16),transparent 60%),radial-gradient(48rem 34rem at 92% 4%,rgba(94,224,214,.1),transparent 62%),radial-gradient(40rem 30rem at 50% 110%,rgba(255,155,184,.08),transparent 60%)}:root[data-theme=light] body:before{background:radial-gradient(60rem 40rem at 10% -14%,rgba(109,63,224,.12),transparent 60%),radial-gradient(46rem 32rem at 92% 0%,rgba(15,143,134,.09),transparent 60%)}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:0;text-wrap:balance}p{margin:0;text-wrap:pretty}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.wrap--narrow{max-width:820px}main{flex:1;padding-bottom:80px}.section{margin-top:clamp(48px,7vw,88px)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;flex-wrap:wrap}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.eyebrow:before{content:"";width:22px;height:1px;background:var(--accent)}.section-head h2{font-size:clamp(1.4rem,2.4vw,2rem)}.section-head h2+p{color:var(--muted);font-size:.94rem;margin-top:8px;max-width:58ch}.link-more{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-soft);padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius-pill);transition:border-color .2s,color .2s,background .2s;white-space:nowrap}.link-more:hover{border-color:var(--line-strong);color:var(--text);background:var(--surface)}.btn{--btn-bg: var(--surface-strong);--btn-fg: var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--btn-bg);color:var(--btn-fg);font-size:.92rem;font-weight:550;cursor:pointer;transition:transform .18s var(--ease),background .18s,border-color .18s,opacity .18s}.btn:hover{border-color:var(--line-strong);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--accent-3) 55%,var(--accent)));color:var(--accent-ink);border-color:transparent;box-shadow:var(--shadow-glow)}.btn--primary:hover{filter:brightness(1.06);border-color:transparent}.btn--ghost{background:transparent}.btn--sm{padding:8px 14px;font-size:.84rem}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.site-header{position:sticky;top:0;z-index:60;height:var(--header-h);display:flex;align-items:center;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,backdrop-filter .25s}.site-header[data-scrolled=true]{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(16px) saturate(140%);border-bottom-color:var(--line)}.header-inner{display:flex;align-items:center;gap:18px;width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;font-size:1.05rem}.brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(140deg,var(--accent),var(--accent-2));color:#0b0b10;box-shadow:0 6px 18px -8px var(--accent)}.brand-mark svg{width:17px;height:17px}.nav{display:flex;align-items:center;gap:4px;margin-left:10px}.nav a{padding:8px 12px;border-radius:var(--radius-pill);font-size:.9rem;color:var(--text-soft);transition:color .18s,background .18s}.nav a:hover{color:var(--text);background:var(--surface)}.nav a[aria-current=page]{color:var(--text);background:var(--surface-strong)}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius-pill);border:1px solid var(--line);background:transparent;color:var(--text-soft);cursor:pointer;transition:color .18s,border-color .18s,background .18s}.icon-btn:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface)}.icon-btn svg{width:17px;height:17px}.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius-pill);padding:2px;gap:2px}.lang-switch a{padding:5px 10px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}.lang-switch a[aria-current=true]{background:var(--surface-strong);color:var(--text)}.nav-toggle,.mobile-nav{display:none}@media(max-width:860px){.nav{display:none}.nav-toggle{display:grid}.mobile-nav[data-open=true]{display:block;position:fixed;inset:var(--header-h) 0 auto 0;background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:12px var(--gutter) 22px;z-index:55}.mobile-nav a{display:block;padding:12px 4px;font-size:1rem;border-bottom:1px solid var(--line);color:var(--text-soft)}}.hero{position:relative;padding:clamp(40px,7vw,86px) 0 clamp(28px,4vw,44px)}.hero-inner{max-width:900px}.hero h1{font-size:clamp(2.5rem,6.2vw,4.4rem);font-weight:650;letter-spacing:-.04em;line-height:1.02}.hero h1 .grad{background:linear-gradient(100deg,var(--accent) 10%,var(--accent-2) 58%,var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{margin-top:20px;max-width:62ch;color:var(--text-soft);font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.65}.hero-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.searchbar{position:relative;display:flex;align-items:center;gap:10px;margin-top:30px;padding:8px 8px 8px 18px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:color-mix(in srgb,var(--bg-elev) 78%,transparent);backdrop-filter:blur(12px);box-shadow:var(--shadow);transition:border-color .2s,box-shadow .25s}.searchbar:focus-within{border-color:color-mix(in srgb,var(--accent) 65%,transparent);box-shadow:var(--shadow),0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.searchbar .sb-icon{color:var(--muted);flex:none}.searchbar input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:1.02rem;padding:10px 0}.searchbar input::placeholder{color:var(--muted)}.searchbar .btn{flex:none}.suggest{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:40;background:color-mix(in srgb,var(--bg-elev) 96%,transparent);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px;display:none;max-height:60vh;overflow:auto}.suggest[data-open=true]{display:block}.suggest-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;cursor:pointer}.suggest-item[aria-selected=true],.suggest-item:hover{background:var(--surface-strong)}.suggest-item img{width:40px;height:40px;border-radius:8px;object-fit:cover;background:var(--surface);flex:none}.suggest-item .s-name{font-size:.92rem;font-weight:550;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.suggest-item .s-author{font-size:.78rem;color:var(--muted);line-height:1.3}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;align-items:center}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);font-size:.85rem;color:var(--text-soft);transition:border-color .18s,color .18s,transform .18s,background .18s}.chip:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--text);transform:translateY(-1px)}.chip--label{border:0;background:transparent;color:var(--muted);padding-inline:2px 6px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;cursor:default}.chip--label:hover{transform:none;color:var(--muted)}.stats{display:flex;flex-wrap:wrap;gap:clamp(18px,4vw,44px);margin-top:clamp(30px,4vw,46px);padding-top:22px;border-top:1px solid var(--line)}.stat b{display:block;font-family:var(--font-display);font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:600;letter-spacing:-.02em}.stat span{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-top:26px}.field{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--line);background:color-mix(in srgb,var(--bg-elev) 55%,transparent)}.field>span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;white-space:nowrap}.field select{border:0;background:transparent;outline:none;font-size:.88rem;font-weight:550;padding:2px 0;cursor:pointer}.field select option{background:var(--bg-elev);color:var(--text)}.seg{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:var(--radius-pill);gap:2px}.seg a{padding:6px 13px;border-radius:var(--radius-pill);font-size:.84rem;color:var(--muted);transition:background .18s,color .18s;white-space:nowrap}.seg a:hover{color:var(--text)}.seg a[aria-current=true]{background:var(--surface-strong);color:var(--text)}.filters .spacer{margin-left:auto}.filters-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 14px;flex-wrap:wrap}.filters-meta .count{font-size:.9rem;color:var(--muted)}.filters-meta .count b{color:var(--text);font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:clamp(12px,1.6vw,20px);list-style:none;margin:0;padding:0}.grid--wide{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:transform .32s var(--ease),border-color .25s,box-shadow .32s;height:100%}.card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:var(--shadow-glow)}.card__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:linear-gradient(160deg,#1a1724,#0f0d16)}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out),opacity .4s;opacity:1}.card:hover .card__media img{transform:scale(1.045)}.card__badges{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:5px;flex-wrap:wrap;pointer-events:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-pill);font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#0a0a0eb8;color:#f2f0f7;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14)}.badge--quest{background:#5ee0d6e6;color:#04211f;border-color:transparent}.badge--pc{background:#ffffffdb;color:#14121b;border-color:transparent}.badge--price{background:#b58cffeb;color:#180d2c;border-color:transparent;margin-left:auto}.badge--free{background:#5dd974eb;color:#06210d;border-color:transparent}.card__body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px;min-width:0}.card__name{font-size:.88rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.card__author{font-size:.76rem;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card__author:hover{color:var(--text-soft);text-decoration:underline;text-underline-offset:2px}.card__foot{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:.7rem;color:var(--muted)}.dot{width:6px;height:6px;border-radius:50%;background:var(--muted);flex:none}.dot--excellent{background:var(--good)}.dot--good{background:#5dc8dd}.dot--medium{background:var(--warn)}.dot--poor{background:#dd895d}.dot--verypoor{background:var(--danger)}.skeleton{position:relative;overflow:hidden;background:var(--surface)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text) 7%,transparent),transparent);animation:shimmer 1.6s infinite}@keyframes shimmer{to{transform:translate(100%)}}.state{text-align:center;padding:clamp(40px,8vw,80px) 24px;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface)}.state h3{font-size:1.2rem;margin-bottom:10px}.state p{color:var(--muted);max-width:46ch;margin:0 auto 18px}.state .actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.page-head{padding:clamp(30px,5vw,58px) 0 8px}.page-head h1{font-size:clamp(1.9rem,4.2vw,3rem);letter-spacing:-.035em}.page-head .lede{margin-top:14px;color:var(--text-soft);max-width:68ch;font-size:1.02rem}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem;color:var(--muted);padding-top:18px}.breadcrumbs a:hover{color:var(--text)}.breadcrumbs span{opacity:.5}.detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start;margin-top:26px}.detail__media{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 0%,rgba(181,140,255,.14),transparent 60%),var(--bg-elev);aspect-ratio:4 / 5}.detail__media img{width:100%;height:100%;object-fit:contain;padding:6px}.detail__panel{position:sticky;top:calc(var(--header-h) + 20px)}.detail h1{font-size:clamp(1.7rem,3.4vw,2.5rem);letter-spacing:-.035em}.detail__author{margin-top:10px;font-size:.98rem;color:var(--text-soft)}.detail__author a{color:var(--accent)}.detail__author a:hover{text-decoration:underline;text-underline-offset:3px}.detail__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.specs{margin-top:26px;border-top:1px solid var(--line)}.specs dl{margin:0}.spec-row{display:flex;gap:16px;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:.9rem}.spec-row dt{color:var(--muted);flex:none}.spec-row dd{margin:0;text-align:right;word-break:break-all;min-width:0}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.82em}.taglist{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.tag{padding:4px 10px;border-radius:var(--radius-pill);background:var(--surface-strong);border:1px solid var(--line);font-size:.76rem;color:var(--text-soft)}.description{margin-top:22px;padding:16px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);color:var(--text-soft);font-size:.92rem;white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto}.disclaimer{margin-top:26px;font-size:.78rem;color:var(--muted);line-height:1.6;border-left:2px solid var(--line-strong);padding-left:12px}.rating{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--radius-pill);font-size:.74rem;font-weight:650;border:1px solid var(--line);background:var(--surface-strong)}.rating--excellent{color:#6ee787;border-color:#6ee78759}.rating--good{color:#6fd3e6;border-color:#6fd3e659}.rating--medium{color:#e6d66f;border-color:#e6d66f59}.rating--poor{color:#e6a06f;border-color:#e6a06f59}.rating--verypoor{color:#ff8787;border-color:#ff878759}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:26px}.step{padding:22px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.step .num{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.14em;color:var(--accent)}.step h3{margin:10px 0 8px;font-size:1.05rem}.step p{color:var(--muted);font-size:.89rem;line-height:1.6}.callout{margin-top:28px;padding:22px 24px;border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--accent-2) 8%,transparent));display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.callout h3{font-size:1.15rem;margin-bottom:6px}.callout p{color:var(--text-soft);font-size:.9rem;max-width:58ch}.prose{max-width:72ch;margin-top:26px;color:var(--text-soft);font-size:1.01rem;line-height:1.75}.prose>*+*{margin-top:1.1em}.prose h2{font-size:1.35rem;color:var(--text);margin-top:2em}.prose h3{font-size:1.05rem;color:var(--text);margin-top:1.6em}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose ul{padding-left:1.2em}.prose li+li{margin-top:.4em}.site-footer{border-top:1px solid var(--line);padding:clamp(36px,5vw,56px) 0 34px;margin-top:auto;background:color-mix(in srgb,var(--bg-elev) 40%,transparent)}.footer-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:28px}.footer-brand p{margin-top:12px;color:var(--muted);font-size:.85rem;max-width:42ch;line-height:1.65}.footer-col h4{font-family:var(--font-sans);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-weight:600}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer-col a{font-size:.88rem;color:var(--text-soft)}.footer-col a:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}.footer-bottom{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.78rem;color:var(--muted)}.dropzone{margin-top:26px;border:1.5px dashed var(--line-strong);border-radius:var(--radius-lg);padding:clamp(28px,6vw,54px);text-align:center;background:var(--surface);cursor:pointer;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone[data-drag=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.dropzone svg{margin:0 auto 14px;color:var(--accent);width:30px;height:30px}.dropzone p{color:var(--text-soft)}.dropzone small{display:block;margin-top:8px;color:var(--muted);font-size:.8rem}.preview{margin-top:18px;display:none;gap:16px;align-items:center}.preview[data-show=true]{display:flex}.preview img{width:96px;height:96px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}.skip{position:absolute;left:50%;top:8px;transform:translate(-50%,-160%);z-index:100;padding:10px 18px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-size:.85rem;font-weight:600;transition:transform .2s var(--ease)}.skip:focus-visible{transform:translate(-50%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.mt-0{margin-top:0}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.hidden{display:none!important}@media(max-width:900px){.detail{grid-template-columns:1fr}.detail__panel{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}@media(max-width:520px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.searchbar{flex-wrap:nowrap;padding-left:14px}.searchbar .btn span{display:none}.footer-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.style-tile{position:relative;display:block;aspect-ratio:1 / 1;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 22%,var(--bg-elev)),var(--bg-elev));transition:transform .3s var(--ease),border-color .25s}.style-tile img{width:100%;height:100%;object-fit:cover;opacity:.72;transition:transform .6s var(--ease-out),opacity .3s}.style-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#06060adb,#06060a0d 62%)}.style-tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.style-tile:hover img{transform:scale(1.06);opacity:.9}.style-tile__label{position:absolute;left:12px;bottom:11px;z-index:1;font-family:var(--font-display);font-size:.98rem;font-weight:600;color:#fdfcff;letter-spacing:-.01em}.style-tile__hint{position:absolute;right:10px;bottom:10px;z-index:1;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#ffffff24;color:#fff;backdrop-filter:blur(6px);opacity:0;transform:translate(-4px);transition:opacity .25s,transform .25s}.style-tile:hover .style-tile__hint{opacity:1;transform:none}.related{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.related h2{font-family:var(--font-sans);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);width:100%;margin-bottom:4px;font-weight:600}.loadmore{display:flex;justify-content:center;margin-top:32px}.author-head{display:flex;align-items:center;gap:18px;margin-top:6px;flex-wrap:wrap}.author-avatar{width:76px;height:76px;border-radius:20px;object-fit:cover;border:1px solid var(--line);background:var(--surface);flex:none}.note{margin-top:14px;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:.86rem;max-width:70ch}.filters .count{font-size:.82rem;color:var(--muted);padding-right:6px;white-space:nowrap}.stats--index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,28px)}.stats--index .stat{min-width:0}.stats--index .stat b{font-size:clamp(1.45rem,2.9vw,2.15rem);font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1.05}.stats--index .stat span{display:block;margin-top:4px;font-size:.72rem;letter-spacing:.1em}.stats-note{margin-top:10px;font-size:.72rem;color:var(--muted);letter-spacing:.02em}@media(max-width:640px){.stats--index{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}}