:root{--ink:#18221b;--paper:#f5f0e6;--cream:#fbf8f1;--red:#e64b38;--line:#d7d1c5;--font-sans:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif;--font-mincho:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans), sans-serif;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f0e6eb;align-items:center;gap:36px;height:84px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{font-family:var(--font-mincho), serif;letter-spacing:.08em;align-items:center;gap:10px;font-size:25px;font-weight:900;display:inline-flex}.brand-mark{color:#fff;background:var(--red);border-radius:50%;place-items:center;width:38px;height:38px;font-size:21px;display:grid}.site-header nav{gap:30px;margin-left:auto;font-size:13px;font-weight:600;display:flex}.site-header nav a{position:relative}.site-header nav a:after{content:"";background:var(--red);height:2px;transition:right .2s;position:absolute;bottom:-7px;left:0;right:100%}.site-header nav a:hover:after{right:0}.submit-link{border:1px solid var(--ink);padding:11px 17px;font-size:12px;font-weight:700;transition:all .2s}.submit-link:hover{background:var(--ink);color:#fff}.submit-link span{color:var(--red);margin-left:10px}.eyebrow{color:#5f695f;letter-spacing:.23em;align-items:center;gap:12px;font-size:10px;font-weight:800;display:flex}.eyebrow span{background:var(--red);width:26px;height:2px}.directory{background:var(--cream);min-height:calc(100vh - 84px);padding:58px 6vw 125px}.section-heading{justify-content:space-between;align-items:flex-end;max-width:1280px;margin:0 auto 42px;display:flex}.section-heading h2,.about h2{font-family:var(--font-mincho), serif;letter-spacing:-.03em;margin:13px 0 0;font-size:clamp(35px,4vw,52px)}.section-heading>p{color:#687168;font-size:12px}.section-heading>p strong{color:var(--red);margin:0 4px;font-size:28px}.directory-intro{color:#4e5850;max-width:760px;margin:-20px auto 34px;font-size:13px;line-height:1.9}.search-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:22px;max-width:1280px;margin:0 auto 48px;padding:18px 0;display:flex}.search-box{border:1px solid var(--line);background:#fff;align-items:center;gap:10px;min-width:320px;padding:11px 14px;display:flex}.search-box>span:first-child{font-size:23px;line-height:1;transform:rotate(-15deg)}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.genre-list{flex-wrap:wrap;gap:7px;display:flex}.genre-list button{cursor:pointer;border:1px solid var(--line);background:0 0;padding:8px 13px;font-size:11px;transition:all .2s}.genre-list button:hover,.genre-list button.active{color:#fff;background:var(--ink);border-color:var(--ink)}.collection-note{color:#687168;max-width:1280px;margin:-30px auto 38px;font-size:11px}.manga-grid{grid-template-columns:repeat(3,1fr);gap:50px 28px;max-width:1280px;margin:0 auto;display:grid}.manga-card{min-width:0}.post-preview{border:1px solid #18221b40;place-items:center;min-height:320px;padding:22px;display:grid;position:relative;overflow:hidden}.post-preview:before{content:"";border:38px solid #fff3;border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;left:-65px}.post-preview.coral{background:#e37763}.post-preview.blue{background:#9dc1cd}.post-preview.navy{background:#66786e}.post-preview.yellow{background:#eacb66}.post-preview.green{background:#a9bd9e}.post-preview.pink{background:#d9a4a0}.x-embed{z-index:1;scrollbar-width:thin;width:100%;max-width:550px;max-height:520px;position:relative;overflow:auto}.x-embed .twitter-tweet{min-width:0!important;margin:0 auto!important}.embed-pending{z-index:1;text-align:center;background:#ffffffe6;border:1px solid #18221b33;width:min(100%,330px);padding:35px 24px;position:relative;box-shadow:0 12px 30px #18221b1f}.embed-pending>span{font-size:31px}.embed-pending p{margin:12px 0 5px;font-size:13px;font-weight:700}.embed-pending small{color:#687168;font-size:11px}.sample-post{z-index:1;background:#fff;border-radius:7px;width:min(100%,330px);padding:13px;font-size:11px;position:relative;box-shadow:0 12px 30px #18221b2e}.post-user{align-items:center;gap:9px;display:flex}.post-user>span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.post-user p{margin:0;line-height:1.25}.post-user small{color:#7b827d;display:block}.post-user b{margin-left:auto;font-size:17px}.comic-panel{border:2px solid var(--ink);background:#f5f0e5;place-items:center;height:154px;margin:11px 0 8px;display:grid;position:relative;overflow:hidden}.comic-panel:before,.comic-panel:after{content:"";opacity:.08;background:currentColor;width:90px;height:180%;position:absolute;transform:rotate(35deg)}.comic-panel:before{left:5px}.comic-panel:after{right:5px}.comic-panel i{border:1px solid var(--ink);padding:2px 5px;font-style:normal;font-weight:700;position:absolute;top:8px;left:8px}.comic-panel strong{font-family:var(--font-mincho), serif;font-size:80px}.comic-panel small{letter-spacing:.15em;position:absolute;bottom:8px;right:9px}.sample-post>p{margin:7px 0;font-weight:600}.post-meta{color:#777;border-top:1px solid #eee;justify-content:space-between;padding-top:7px;font-size:9px;display:flex}.card-number{color:#ffffff8c;font:900 50px/1 var(--font-mincho), serif;position:absolute;bottom:4px;right:10px}.card-content{padding:21px 4px 0}.card-genre{color:var(--red);letter-spacing:.12em;border-left:3px solid var(--red);padding-left:7px;font-size:10px;font-weight:800;display:inline-block}.card-content h3{font-family:var(--font-mincho), serif;margin:11px 0 4px;font-size:24px;line-height:1.4}.author{margin:0;font-size:11px;font-weight:700}.author span{color:#8a8f89;margin-left:5px;font-weight:400}.summary{color:#4e5850;min-height:60px;margin:17px 0 12px;font-size:12px;line-height:1.75}.tags{color:#788078;gap:9px;font-size:10px;display:flex}.read-link{border-top:1px solid var(--line);justify-content:space-between;margin-top:19px;padding-top:14px;font-size:12px;font-weight:700;display:flex}.read-link span{color:var(--red);font-size:18px}.read-link.is-pending{color:#8b918c;cursor:default}.empty-state{text-align:center;border:1px dashed var(--line);max-width:1280px;margin:50px auto;padding:70px}.empty-state span{color:var(--red);font-size:36px}.empty-state h3{font-family:var(--font-mincho), serif}.about{color:#f6f1e7;background:#18221b;padding:105px 8vw}.about .eyebrow{color:#aab2aa;max-width:1150px;margin:auto}.about-grid{grid-template-columns:1fr 1fr;align-items:end;gap:11vw;max-width:1150px;margin:35px auto 0;display:grid}.about h2{margin:0}.about-grid>div p{font-family:var(--font-mincho), serif;font-size:15px;line-height:2}.about .note{font:11px var(--font-sans), sans-serif;color:#aab2aa;border-left:2px solid var(--red);margin-top:26px;padding-left:13px}footer{color:#f5f0e6;background:#111813;border-top:1px solid #344037;grid-template-columns:1fr auto 1fr;align-items:center;padding:40px 6vw;display:grid}.footer-brand{justify-self:start}.footer-brand .brand-mark{width:32px;height:32px;font-size:17px}.footer-brand{font-size:20px}footer>p{font-family:var(--font-mincho), serif;color:#9ba39d;font-size:11px}.copyright{font-family:var(--font-sans), sans-serif;letter-spacing:.1em;justify-self:end}@media (width<=950px){.site-header nav{display:none}.manga-grid{grid-template-columns:repeat(2,1fr)}.search-row{flex-direction:column;align-items:stretch}.search-box{min-width:0}.about-grid{gap:40px}}@media (width<=620px){.site-header{height:70px;padding:0 20px}.brand{font-size:21px}.brand-mark{width:34px;height:34px}.submit-link{margin-left:auto;padding:9px 11px}.submit-link span{display:none}.directory{min-height:calc(100vh - 70px);padding:42px 20px 90px}.section-heading{flex-direction:column;align-items:flex-start;gap:15px}.section-heading>p{margin:0}.directory-intro{margin:-18px 0 30px}.manga-grid{grid-template-columns:1fr;gap:48px}.post-preview{min-height:330px}.about{padding:75px 24px}.about-grid{grid-template-columns:1fr}.about-grid>div p{font-size:14px}footer{text-align:left;grid-template-columns:1fr;gap:12px}.copyright{justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}