:root{color-scheme:light;--blue:#1769aa;--pink:#ff6b8a;--ink:#202633;--muted:#687386;--line:#e1e6eb;--bg:#fff;--card:#fff}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:Yu Gothic,Meiryo,system-ui,sans-serif}body{margin:0;line-height:1.6}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1120px,100% - 32px);margin-inline:auto}.adult-banner{color:#fff;text-align:center;background:#232936;padding:4px 5px;font-size:11px;line-height:1.3}.site-header{border-bottom:1px solid var(--line);z-index:10;background:#fff;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:60px;display:flex}.logo{color:var(--ink);white-space:nowrap;font-size:22px;font-weight:900}.logo span{color:var(--blue)}.logo small{color:var(--muted);margin-left:6px;font-size:10px}.site-header nav{flex-wrap:wrap;gap:16px;display:flex}.site-header nav a{color:#394354;font-weight:700}.hero{padding:18px 0 14px}.hero h1{margin:0 0 8px;font-size:clamp(26px,3vw,36px);line-height:1.2}.hero h1 span{color:var(--blue)}.hero p{max-width:760px;color:var(--muted);margin:0 0 10px;font-size:14px}.hero-links{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.cta-link{color:var(--blue);background:#fff;border:1px solid #cbd9e4;border-radius:5px;justify-content:center;align-items:center;padding:6px 10px;font-size:13px;font-weight:800;display:inline-flex}.cta-link:hover{color:var(--blue);border-color:var(--blue);text-decoration:none}.cta-link.secondary{color:var(--blue);background:#fff;border:1px solid #cbd9e4}.notice{border:1px solid var(--line);border-left:3px solid var(--pink);background:#fff;border-radius:5px;padding:10px 14px}.section{padding:16px 0 32px}.section-title{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:7px;display:flex}.section-title h1,.section-title h2{margin:0;line-height:1.3}.section-title h2{font-size:20px}.section-note{color:var(--muted);margin:0 0 12px;font-size:12px}.section-count{color:var(--muted);font-size:12px;font-weight:700}.ranking-heading{padding-bottom:4px}.ranking-heading h1{font-size:28px}.ranking-tabs{flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}.ranking-tabs a{color:var(--blue);border-bottom:2px solid #0000;padding:3px 0;font-size:13px;font-weight:700}.ranking-tabs a:hover{border-color:var(--blue);text-decoration:none}.category-links{flex-wrap:wrap;gap:12px;display:flex}.category-card{color:var(--blue);border-bottom:1px solid #cbd9e4;padding:3px 0;display:block}.category-card:hover{border-color:var(--blue);text-decoration:none}.category-card strong{margin-right:6px;font-size:14px;display:inline}.category-card span{color:var(--muted);font-size:12px}.category-card.ai{background:0 0;border-color:#b9a7ed}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px;display:grid}.card{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.card>a{color:inherit;height:100%;display:block}.card>a:hover{text-decoration:none}.thumb{aspect-ratio:4/3;background:#f1f3f5;border-radius:7px;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.card-body{padding:8px 0 0}.card h2,.card h3{margin:0 0 5px;font-size:15px;line-height:1.45}.meta{color:var(--muted);margin:3px 0;font-size:12px}.tags{flex-wrap:wrap;gap:5px;display:flex}.tags span,.tag-link{color:#416d8d;background:0 0;border:1px solid #d7e2ea;border-radius:3px;padding:2px 6px;font-size:11px}.badge-ai{color:#fff;background:#6e5bc5;border-radius:3px;margin-top:5px;padding:1px 6px;font-size:10px;display:inline-block}.work-hero{grid-template-columns:minmax(280px,430px) 1fr;align-items:start;gap:30px;display:grid}.work-main-image{border:1px solid var(--line);border-radius:8px;width:100%}.eyebrow{color:var(--blue);font-size:12px;font-weight:800}.work-title{margin:6px 0 12px;font-size:clamp(24px,3.5vw,36px);line-height:1.3}.work-meta{border-block:1px solid var(--line);grid-template-columns:100px 1fr;gap:7px 14px;padding:13px 0;display:grid}.work-meta dt{color:var(--muted)}.work-meta dd{margin:0}.cta{text-align:center;background:var(--blue);color:#fff;border-radius:6px;margin-top:16px;padding:12px;font-size:16px;font-weight:900;display:block}.cta:hover{color:#fff;filter:brightness(1.08);text-decoration:none}.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sample{display:block;position:relative}.sample img{border:1px solid var(--line);border-radius:7px;width:100%;display:block}.sample small{color:#fff;background:#000000ad;border-radius:3px;padding:2px 5px;font-size:9px;position:absolute;bottom:5px;right:5px}.panel{border:1px solid var(--line);background:#fff;border-radius:6px;padding:16px}.prose{max-width:820px}.breadcrumb{color:var(--muted);margin-bottom:10px;font-size:12px}.site-footer{color:#c9d0da;background:#202633;margin-top:32px;padding:28px 0;font-size:12px}.site-footer a{color:#fff}.disclosure{opacity:.72;font-size:10px}@media (width<=900px){.grid,.category-links{grid-template-columns:repeat(2,minmax(0,1fr))}.work-hero{grid-template-columns:1fr}.header-inner{padding:12px 0;display:block}.site-header nav{gap:10px 12px;margin-top:8px;font-size:13px}}@media (width<=520px){.grid,.category-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.card h2,.card h3{font-size:13px}.hero{padding-top:14px}.sample-grid{grid-template-columns:1fr}.work-meta{grid-template-columns:80px 1fr}}