*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111214;--bg-2:#17181b;--surface:#1c1e22;--surface2:#26282e;--border:#32343b;--text:#eef0f3;--muted:#9aa0aa;--accent:#6b8fad;--accent-soft:rgba(107,143,173,0.14);--accent-2:#9eb6c9;--mark:#b7a99a;--radius:10px;--header-h:58px;--font-display-fallback:"Shippori Mincho","Hiragino Mincho ProN",serif;--font-body-fallback:"Zen Kaku Gothic New","Hiragino Sans",sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body),var(--font-body-fallback);background:radial-gradient(ellipse 70% 45% at 15% -5%,rgba(107,143,173,.1),transparent 55%),radial-gradient(ellipse 50% 35% at 90% 0,rgba(255,255,255,.03),transparent 50%),var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.container{max-width:1120px;margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);background:rgba(17,18,20,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:28px;height:var(--header-h)}.logo{display:flex;flex-direction:column;line-height:1.15;min-width:0}.logo-name{font-family:var(--font-display),var(--font-display-fallback);font-weight:600;font-size:1.2rem;letter-spacing:.06em;color:var(--text)}.logo-catch{font-size:.65rem;color:var(--muted);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-main{display:flex;gap:4px;margin-left:auto}.nav-main a{color:var(--muted);font-size:.875rem;padding:6px 12px;border-radius:999px}.nav-main a.active,.nav-main a:hover{color:var(--text);background:var(--surface2)}.demo-pill{font-size:.7rem;color:var(--mark);border:1px solid rgba(183,169,154,.35);padding:4px 8px;border-radius:999px;white-space:nowrap}.hero{padding:40px 0 28px;border-bottom:1px solid var(--border);margin-bottom:28px}.hero-kicker{font-size:.75rem;letter-spacing:.18em;color:var(--accent-2);margin-bottom:10px}.hero h1{font-family:var(--font-display),var(--font-display-fallback);font-weight:500;font-size:clamp(1.6rem,4vw,2.35rem);line-height:1.35;letter-spacing:.04em;margin-bottom:12px}.hero-desc{color:var(--muted);max-width:36em;font-size:.95rem}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;border:1px solid transparent;font-size:.875rem;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#0f1216}.btn-primary:hover{background:#7fa0bb}.btn-fanza{background:#c45d72;color:#fff}.btn-fanza:hover{background:#d06b7f}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--accent)}.btn-ghost:hover,.btn-soft{background:var(--accent-soft)}.btn-soft{color:var(--accent-2);border-color:rgba(196,92,74,.25)}.btn-block{width:100%}.section{margin-bottom:40px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{font-family:var(--font-display),var(--font-display-fallback);font-size:1.15rem;font-weight:500;letter-spacing:.06em}.section-head a,.section-sub{font-size:.8rem;color:var(--accent-2)}.section-sub{opacity:.75}.section-head a:hover{text-decoration:underline}.infinite-sentinel{display:flex;justify-content:center;align-items:center;min-height:72px;padding:16px 0 8px}.infinite-loading{margin:0;color:var(--muted);font-size:.88rem}.infinite-loading-idle{opacity:.65}.infinite-end{margin:8px 0 0;padding:12px 0 4px;text-align:center;color:var(--muted);font-size:.85rem}.feed-more{margin:16px 0 0;text-align:center}.feed-more-link{display:inline-flex;align-items:center;gap:4px;font-size:.9rem;color:var(--accent-2);text-decoration:none}.feed-more-link:hover{text-decoration:underline}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.8125rem;color:var(--text);transition:border-color .15s,background .15s}.tag-chip:hover{border-color:var(--accent);background:var(--accent-soft)}.tag-chip .count{color:var(--muted);font-size:.75rem}.tag-axis{font-size:.7rem;color:var(--mark);letter-spacing:.08em;margin:18px 0 8px}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.work-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s,transform .15s}.work-card:hover{border-color:rgba(107,143,173,.55);transform:translateY(-2px)}.work-cover{position:relative;aspect-ratio:3/4;background:var(--surface2)}.work-cover-art{width:100%;height:100%;display:flex;align-items:flex-end;padding:12px;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.72)),var(--cover-grad,linear-gradient(145deg,#2a2e36,#14161a))}.work-cover-art span{font-family:var(--font-display),var(--font-display-fallback);font-size:.78rem;letter-spacing:.04em;line-height:1.35;color:rgba(255,255,255,.88)}.work-badge{position:absolute;top:8px;left:8px;font-size:.65rem;padding:3px 7px;border-radius:4px;background:rgba(0,0,0,.7);color:var(--accent-2);letter-spacing:.04em}.work-badge.popular{color:#d7c4b0}.work-badge.new{color:#b4d4c4}.work-card-body{display:flex;flex-direction:column;gap:6px;padding:10px 10px 12px;flex:1}.work-card-title{font-size:.84rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-card-author{font-size:.75rem;color:var(--muted);text-decoration:none}.work-card-author a:hover,a.work-card-author:hover{color:var(--accent-2);text-decoration:underline}.work-card-tags{display:flex;flex-wrap:wrap;gap:4px}.mini-tag{font-size:.65rem;padding:2px 6px;border-radius:4px;background:var(--surface2);color:var(--accent-2)}.work-card-cta{margin-top:auto;padding-top:6px}.work-card-cta .btn{width:100%;padding:7px 10px;font-size:.75rem}.home-tag-nav{margin:0 0 22px}.home-tag-select{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.home-tag-select-label{font-size:.78rem;color:var(--muted);letter-spacing:.04em}.home-tag-select-row{flex:1 1 220px;max-width:320px}.home-tag-select-control{width:100%;appearance:none;padding:9px 36px 9px 12px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(45deg,transparent 50%,var(--muted) 50%) right 14px top 14px /5px 5px no-repeat,linear-gradient(135deg,var(--muted) 50%,transparent 50%) right 9px top 14px /5px 5px no-repeat,var(--surface);color:var(--text);font:inherit;font-size:.86rem;cursor:pointer}.home-tag-select-control:focus{outline:2px solid var(--accent);outline-offset:2px}.home-tag-peek{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin-top:8px;overflow-x:auto;mask-image:linear-gradient(90deg,#000 70%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);padding-bottom:2px}.home-tag-peek-chip,.home-tag-peek-more{flex:0 0 auto;font-size:.72rem;color:color-mix(in srgb,var(--muted) 85%,transparent);text-decoration:none;padding:3px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:transparent;transition:color .15s,border-color .15s}.home-tag-peek-chip:hover,.home-tag-peek-more:hover{color:var(--text);border-color:var(--border)}.home-tag-peek-more{border-color:transparent;color:color-mix(in srgb,var(--accent-2) 75%,transparent)}.home-tag-peek-more:hover{border-color:transparent;text-decoration:underline}.yomi-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(120deg,rgba(107,143,173,.1),transparent 55%),var(--surface);margin-bottom:40px}.yomi-strip strong{font-family:var(--font-display),var(--font-display-fallback);font-weight:500;letter-spacing:.04em}.yomi-strip p{font-size:.82rem;color:var(--muted);margin-top:4px}.page-hero{padding:28px 0 18px;margin-bottom:22px;border-bottom:1px solid var(--border)}.breadcrumb{font-size:.75rem;color:var(--muted);margin-bottom:10px}.breadcrumb a:hover{color:var(--accent-2)}.page-hero h1{font-family:var(--font-display),var(--font-display-fallback);font-weight:500;font-size:1.6rem;letter-spacing:.05em}.page-hero .lead{color:var(--muted);font-size:.9rem;margin-top:8px;max-width:40em}.sort-bar{display:flex;gap:8px;margin-bottom:16px}.sort-bar a,.sort-bar button{background:var(--surface);border:1px solid var(--border);color:var(--muted);padding:6px 12px;border-radius:999px;font-size:.8rem;cursor:pointer}.sort-bar a.active,.sort-bar button.active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.work-detail{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:28px;padding-bottom:48px}@media (max-width:720px){.work-detail{grid-template-columns:1fr}.logo-catch,.nav-main{display:none}}.work-detail-cover{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);aspect-ratio:3/4}.work-detail-cover .work-cover-art{height:100%;align-items:flex-end;padding:20px}.work-detail-cover .work-cover-art span{font-size:1.1rem}.work-detail h1{font-family:var(--font-display),var(--font-display-fallback);font-size:clamp(1.3rem,3vw,1.75rem);font-weight:500;letter-spacing:.04em;line-height:1.35;margin-bottom:10px}.work-meta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.work-blurb{color:var(--muted);font-size:.95rem;margin:14px 0 20px;max-width:36em}.cta-stack{flex-direction:column;gap:10px;margin-bottom:12px}.cta-stack,.work-side-links{display:flex;max-width:360px}.work-side-links{flex-wrap:wrap;gap:8px 14px;margin:0 0 22px;font-size:.82rem}.work-side-links a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.work-side-links a:hover{color:var(--accent-2)}.work-authors-anchor{scroll-margin-top:calc(var(--header-h) + 20px)}.work-authors-list{display:flex;flex-wrap:wrap;gap:6px}.work-authors-list .mini-tag{text-decoration:none}.work-authors-list .mini-tag:hover{border-color:var(--accent);color:var(--text)}.circlemap-note{font-size:.78rem;color:var(--muted);padding:12px 14px;border-left:2px solid var(--accent);background:var(--accent-soft);margin-bottom:28px}.circlemap-note a{color:var(--accent-2);text-decoration:underline;text-underline-offset:3px}.related h2{font-family:var(--font-display),var(--font-display-fallback);font-size:1.05rem;font-weight:500;margin-bottom:12px;letter-spacing:.04em}.section-lead{margin:-4px 0 18px;max-width:36em;font-size:.88rem;color:var(--muted);line-height:1.6}.section-tags-home .tag-groups{padding-bottom:8px}.tag-groups{display:grid;gap:28px;padding-bottom:48px}.tag-group h2,.tag-group h3{font-family:var(--font-display),var(--font-display-fallback);font-size:1rem;font-weight:500;color:var(--mark);letter-spacing:.1em;margin-bottom:12px}.site-footer{border-top:1px solid var(--border);padding:28px 0 40px;margin-top:20px;color:var(--muted);font-size:.78rem}.site-footer .brand{font-family:var(--font-display),var(--font-display-fallback);color:var(--text);margin-bottom:6px}.site-footer .disclaimer{margin-top:10px;max-width:48em;line-height:1.7}.tone-a{--cover-grad:linear-gradient(145deg,#3a424c,#15181c 70%)}.tone-b{--cover-grad:linear-gradient(160deg,#353a44,#12141a 65%)}.tone-c{--cover-grad:linear-gradient(150deg,#2f3a42,#101418 70%)}.tone-d{--cover-grad:linear-gradient(145deg,#3d3834,#161412 70%)}.tone-e{--cover-grad:linear-gradient(155deg,#34383f,#12141a 70%)}.tone-f{--cover-grad:linear-gradient(145deg,#384048,#14181e 65%)}.demo-banner{background:rgba(107,143,173,.08);border-bottom:1px solid rgba(107,143,173,.2);color:var(--accent-2);font-size:.75rem;text-align:center;padding:6px 12px}.ad-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:0 auto 28px;border:1px dashed rgba(168,148,140,.45);background:repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(255,255,255,.02) 8px,rgba(255,255,255,.02) 16px),var(--surface);color:var(--muted);text-align:center;border-radius:8px}.ad-slot-label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(168,148,140,.9)}.ad-slot-size{font-size:.8rem;color:var(--text);opacity:.55}.ad-slot-note{font-size:.68rem;max-width:28em;line-height:1.5;opacity:.75}.ad-leaderboard{width:100%;max-width:728px;min-height:90px;padding:14px 12px}.ad-rectangle{width:100%;max-width:300px;min-height:250px;padding:16px 12px}.ad-skylight{width:160px;min-height:600px;padding:16px 10px;position:sticky;top:calc(var(--header-h) + 16px)}.ad-infeed{width:100%;max-width:100%;min-height:72px;padding:12px;margin-bottom:32px}.layout-with-rail{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:28px;align-items:start;padding-bottom:48px}.layout-with-rail .rail{display:none}@media (min-width:960px){.layout-with-rail .rail{display:block}}@media (max-width:959px){.layout-with-rail{grid-template-columns:1fr}}.ad-after-cta{margin:8px 0 24px}.work-cover img,.work-detail-cover img{width:100%;height:100%;object-fit:cover}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1}.work-price{font-size:1.15rem;font-weight:700;margin:4px 0 12px}.empty{color:var(--muted);padding:20px 0}.work-sample-gallery{display:flex;flex-direction:column;gap:10px}.work-sample-main{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--surface2);aspect-ratio:3/4}.work-sample-main.empty{display:grid;place-items:center;color:var(--muted);font-size:.9rem}.work-sample-main img{width:100%;height:100%;object-fit:contain;user-select:none;background:#0a0a0c}.work-sample-count{position:absolute;top:10px;right:10px;font-size:.72rem;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.65);color:var(--accent-2)}.work-sample-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer}.work-sample-nav.prev{left:8px}.work-sample-nav.next{right:8px}.work-sample-nav:hover{background:rgba(107,143,173,.75)}.work-sample-thumbs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.work-sample-thumb{flex:0 0 auto;width:52px;height:70px;padding:0;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--surface2);cursor:pointer;opacity:.7}.work-sample-thumb.active,.work-sample-thumb:hover{opacity:1;border-color:var(--accent)}.work-sample-thumb img{width:100%;height:100%;object-fit:cover}.work-sample-note{font-size:.75rem;color:var(--muted);line-height:1.5}.work-tachiyomi-cta{display:flex;flex-direction:column;gap:6px}.work-tachiyomi-hint{margin:0;font-size:.72rem;color:var(--muted);line-height:1.45}.work-description{margin:22px 0 16px;padding:16px 16px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.work-description.muted{opacity:.9}.work-description h2{font-family:var(--font-display),var(--font-display-fallback);font-size:1rem;font-weight:500;letter-spacing:.04em;margin-bottom:10px}.work-comment{color:var(--muted);font-size:.92rem;white-space:pre-wrap;line-height:1.7}.info-list{display:grid;grid-template-columns:6em 1fr;gap:8px 12px;margin:0 0 20px;font-size:.88rem}.info-list dt{color:var(--mark)}.info-list dd{color:var(--muted)}