:root{--ink:#29212c;--paper:#fff8ef;--blue:#111c53;--blue-deep:#090f35;--red:#b52e42;--gold:#e7bf68;--pale-gold:#f6e7af;--muted:#746a76;--line:rgba(41,33,44,.18);--sans:Arial,"Microsoft YaHei",sans-serif;--serif:Georgia,"Noto Serif SC","Songti SC",serif;--mono:Consolas,"SFMono-Regular",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 var(--sans)}a{color:inherit}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.eyebrow,.meta{margin:0;color:var(--red);font:600 12px/1.45 var(--mono);letter-spacing:.08em}.site-header{position:relative;z-index:20;min-height:84px;padding:14px 32px;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);background:rgba(255,248,239,.96)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--blue);color:var(--pale-gold);font:700 17px var(--mono)}.brand strong,.brand small{display:block;line-height:1.2}.brand strong{letter-spacing:.08em}.brand small{margin-top:4px;color:var(--muted);font:9px var(--mono)}.main-nav,.account-nav{display:flex;align-items:center;gap:24px}.main-nav{margin-left:auto}.main-nav a,.account-nav a{text-decoration:none;font-size:14px}.account-nav{padding-left:22px;border-left:1px solid var(--line);gap:13px}.account-nav a{color:var(--red);font:600 12px var(--mono)}.submit-link{padding:7px 10px;border:1px solid var(--red)}.menu-button{display:none}.motion-layer{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.cloud{position:absolute;width:330px;height:145px;opacity:.28;border:2px solid var(--gold);border-radius:55% 45% 48% 52%;filter:blur(.1px)}.cloud:after{content:"";position:absolute;inset:24px -40px;border-top:1px solid var(--pale-gold);border-radius:50%}.cloud-a{top:8%;left:38%;transform:rotate(-10deg)}.cloud-b{right:-10%;bottom:10%;transform:rotate(12deg)}.butterfly{position:absolute;width:5px;height:18px;border-radius:50%;background:var(--gold);filter:drop-shadow(0 0 5px rgba(231,191,104,.55))}.butterfly:before,.butterfly:after{content:"";position:absolute;bottom:4px;width:16px;height:20px;border:1px solid var(--pale-gold);background:linear-gradient(135deg,var(--pale-gold),rgba(231,191,104,.35));border-radius:88% 16% 88% 18%}.butterfly:before{right:2px;transform:rotate(-28deg)}.butterfly:after{left:2px;transform:scaleX(-1) rotate(-28deg)}.butterfly-a{top:27%;left:60%}.butterfly-b{right:12%;bottom:25%;transform:scale(.75)}.hero{min-height:610px;display:grid;grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr);align-items:center;gap:6%;padding:68px 5.5% 58px;position:relative;overflow:hidden}.hero-copy{max-width:560px}.hero h1,.page-hero h1,.reader-hero h1{margin:13px 0 20px;font:800 clamp(48px,5vw,74px)/1.17 var(--serif);letter-spacing:-.055em}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:var(--red);font-style:normal}.hero-intro{color:#5f5661;font-size:17px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:space-between;gap:20px;padding:11px 18px;border:1px solid transparent;text-decoration:none;font:600 13px var(--mono)}.button-primary{background:var(--red);color:var(--paper);box-shadow:5px 5px 0 rgba(181,46,66,.16)}.button-outline{border-color:rgba(246,231,175,.7);color:var(--paper)}.button-outline.dark{border-color:var(--red);color:var(--red)}.text-link{color:var(--red);font-weight:700;text-decoration:none}.motion-toggle{margin-top:26px;padding:8px 11px;border:1px solid var(--line);background:rgba(255,255,255,.55);color:var(--ink)}.hero-stage{height:424px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--blue),var(--blue-deep) 62%,var(--ink));box-shadow:18px 20px 0 rgba(181,46,66,.14);color:var(--pale-gold)}.stage-sky{position:absolute;inset:0;background-image:radial-gradient(circle at 13% 21%,#f6e7af 0 1px,transparent 1.8px),radial-gradient(circle at 35% 16%,#e7bf68 0 1px,transparent 1.8px),radial-gradient(circle at 81% 17%,#f6e7af 0 1px,transparent 1.8px),radial-gradient(circle at 73% 65%,#e7bf68 0 1px,transparent 1.8px),radial-gradient(circle at 25% 78%,#f6e7af 0 1px,transparent 1.8px)}.stage-figure{position:absolute;top:72px;width:44%;height:282px;padding:28px 25px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid rgba(246,231,175,.45)}.stage-figure:before{content:"";position:absolute;inset:9px;border:1px solid currentColor;opacity:.46}.stage-figure i{position:absolute;inset:auto -15% -29% 8%;height:62%;transform:rotate(-19deg);opacity:.75}.stage-figure-reirin{left:6%;background:linear-gradient(148deg,#fffbea,#e9cf8e);color:#6e4e18}.stage-figure-reirin i{background:linear-gradient(90deg,transparent 10%,#fff 10% 44%,#e7bf68 44% 59%,transparent 59%)}.stage-figure-keigetsu{right:6%;background:linear-gradient(144deg,var(--red),var(--ink));text-align:right}.stage-figure-keigetsu i{background:linear-gradient(90deg,#130f1f 39%,var(--red) 39% 68%,var(--gold) 68% 74%,transparent 74%)}.stage-figure strong{position:relative;z-index:1;font:700 clamp(32px,4.2vw,52px)/1 var(--serif)}.stage-figure small{position:relative;z-index:1;font:10px var(--mono)}.stage-axis{position:absolute;z-index:3;top:52%;left:50%;width:88px;height:88px;display:grid;place-content:center;transform:translate(-50%,-50%) rotate(-11deg);border:1px solid var(--gold);border-radius:50%;background:rgba(17,28,83,.85);text-align:center;font:17px var(--serif)}.stage-axis b{display:block;color:var(--gold);font:11px var(--mono)}.stage-note{position:absolute;right:24px;top:18px;text-align:right;font:10px var(--mono)}.stage-note b{font:18px var(--serif)}.archive-strip{background:var(--red);color:var(--paper)}.strip-inner{height:70px;display:flex;align-items:center;gap:19px;font:12px var(--mono)}.strip-inner b{color:var(--pale-gold)}.strip-inner i{width:36px;height:1px;background:rgba(255,255,255,.4)}.strip-note{margin-left:auto}.section{padding:88px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px;padding-bottom:20px;border-bottom:1px solid var(--line)}.section-heading h2{margin:0;font:600 42px/1.2 var(--serif)}.section-note{color:var(--muted);font-size:13px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-card{overflow:hidden;border:1px solid var(--line);background:#fff;transition:.22s}.work-card:hover,.work-card:focus-within{transform:translateY(-5px);box-shadow:8px 8px 0 rgba(181,46,66,.14)}.card-visual{height:210px;display:block;position:relative;overflow:hidden;background:var(--blue);color:var(--pale-gold);text-decoration:none}.card-visual.type-gallery{background:var(--red)}.card-visual.type-comic{background:var(--ink)}.card-visual img{width:100%;height:100%;object-fit:cover}.card-visual span{position:absolute;left:18px;top:16px;font:11px var(--mono)}.card-visual b{position:absolute;right:20px;bottom:5px;font:90px var(--serif);opacity:.4}.card-body{padding:22px 24px 25px}.card-body h3{margin:7px 0 10px;font:600 22px/1.4 var(--serif)}.card-body h3 a{text-decoration:none}.card-body>p:not(.meta){min-height:48px;margin:0 0 18px;color:var(--muted);font-size:14px}.card-foot{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.card-foot a{color:var(--red);font-weight:700;text-decoration:none}.character-section{padding:88px 0;background:#eee1d3}.character-switcher{border:1px solid var(--line);background:#fff}.character-tabs{display:flex;border-bottom:1px solid var(--line)}.character-tab{min-height:72px;padding:14px 24px;border:0;border-right:1px solid var(--line);background:transparent;text-align:left;font:600 18px var(--serif)}.character-tab small{display:block;font:11px var(--mono)}.character-tab.is-selected{color:var(--red);box-shadow:inset 0 -3px var(--red)}.character-panel{display:grid;grid-template-columns:180px 1fr;gap:42px;align-items:center;padding:42px 56px;background:var(--pale-gold)}.character-symbol{display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:var(--paper);color:var(--red);font:76px var(--serif)}.character-panel h3{margin:0 0 8px;font:600 38px var(--serif)}.identity-line{color:var(--red);font:12px var(--mono)}.about-section{background:var(--blue);color:var(--paper)}.about-inner{min-height:370px;padding:70px 7%;display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.about-inner h2{font:600 42px/1.35 var(--serif)}.about-inner em{color:var(--pale-gold)}.recent-section{background:#fff}.page-hero{padding:72px 0;background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:var(--paper)}.page-hero h1{font-size:58px}.page-hero p:last-child{color:#d9d4df}.filter-bar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:22px;border:1px solid var(--line);background:#fff}.filter-bar label{display:grid;gap:6px;color:var(--muted);font-size:13px}.filter-bar select{min-width:170px;padding:10px;border:1px solid var(--line);background:var(--paper)}.result-count{color:var(--muted);font:12px var(--mono)}.empty-state{grid-column:1/-1;padding:45px;border:1px dashed var(--line);text-align:center;color:var(--muted)}.reader-hero{padding:72px 0;background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:var(--paper)}.reader-heading{display:grid;grid-template-columns:1fr 260px;gap:9%;align-items:end}.reader-hero h1{font-size:58px}.reader-summary{max-width:700px;color:#d9d4df;font-size:18px}.reader-heading dl{display:grid;grid-template-columns:70px 1fr;gap:7px 12px;margin:0}.reader-heading dt{color:var(--gold);font:11px var(--mono)}.reader-heading dd{margin:0}.reader-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:60px;padding-top:65px;padding-bottom:85px}.reader-content{min-width:0}.spoiler-note,.content-warning{padding:16px 18px;border-left:4px solid var(--red);background:#f1dfd8}.spoiler-note span{display:block;color:var(--muted)}.gallery{display:grid;gap:24px;margin:28px 0}.gallery figure{margin:0}.gallery img{display:block;width:100%;height:auto;background:var(--blue)}.gallery figcaption{padding:10px 0;color:var(--muted);font-size:13px}.chapter{margin:0 0 56px}.chapter-index{color:var(--red);font:11px var(--mono)}.chapter h2,.author-note h2{font:600 30px var(--serif)}.prose{font:18px/1.9 var(--serif)}.prose p{margin:0 0 1.25em}.reader-meta{align-self:start;position:sticky;top:24px;padding:24px;border:1px solid var(--line);background:#fff}.reader-meta h2{margin-top:0;font:600 24px var(--serif)}.reader-meta h3{margin-top:24px;color:var(--red);font:12px var(--mono)}.reader-meta hr{border:0;border-top:1px solid var(--line);margin:24px 0}.small-note{color:var(--muted);font-size:13px}.site-footer{background:var(--ink);color:#b9b0bc}.footer-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;font:11px var(--mono)}.footer-inner b{color:var(--gold)}
.js-enabled .cloud{animation:cloud-drift 12s ease-in-out infinite}.js-enabled .butterfly{animation:butterfly-drift 8s ease-in-out infinite}.intro-running .hero-copy{animation:intro-left 1.25s ease-out both}.intro-running .hero-stage{animation:intro-right 1.35s .08s ease-out both}.motion-simple{scroll-behavior:auto}.motion-simple .motion-layer{display:none}.motion-simple .intro-running .hero-copy,.motion-simple .intro-running .hero-stage{animation:none}.motion-paused .motion-layer *{animation-play-state:paused!important}@keyframes cloud-drift{50%{transform:translateX(35px) rotate(-4deg)}}@keyframes butterfly-drift{50%{transform:translate(14px,-12px) rotate(-12deg)}}@keyframes intro-left{from{opacity:0;transform:translateX(-24px)}}@keyframes intro-right{from{opacity:0;transform:translateX(28px)}}
@media(prefers-reduced-motion:reduce){html:not(.js-enabled){scroll-behavior:auto}html:not(.js-enabled) .motion-layer{display:none}html:not(.js-enabled) *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:900px){.site-header{flex-wrap:wrap}.main-nav{order:3;width:100%;justify-content:center}.account-nav{margin-left:auto}.hero{grid-template-columns:1fr;padding:54px 6%}.hero-stage{margin-top:38px}.work-grid,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-layout{grid-template-columns:1fr}.reader-meta{position:static}.reader-heading{grid-template-columns:1fr}.about-inner{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{width:min(100% - 36px,580px)}.site-header{padding:12px 18px}.main-nav{order:3;display:flex;width:100%;justify-content:flex-start;gap:18px}.js-enabled .menu-button{display:block;margin-left:auto;padding:8px 11px;border:1px solid var(--line);background:transparent}.js-enabled .main-nav{display:none}.js-enabled .main-nav.is-open{display:flex;flex-direction:column;align-items:flex-start}.account-nav{order:4;width:100%;padding:9px 0 0;border:0;border-top:1px solid var(--line)}.hero{display:block;min-height:0;padding:50px 18px}.hero h1{font-size:42px}.hero-stage{height:310px}.stage-figure{top:55px;height:205px;padding:18px 14px}.stage-figure strong{font-size:32px}.stage-axis{width:66px;height:66px;font-size:13px}.strip-note{display:none}.section,.character-section{padding:60px 0}.section-heading{display:block}.section-heading h2{font-size:34px}.section-note{display:block;margin-top:8px}.work-grid,.compact-grid{grid-template-columns:1fr}.character-tabs{overflow:auto}.character-tab{min-width:220px}.character-panel{grid-template-columns:1fr;padding:28px 24px}.character-symbol{width:100px;height:100px;font-size:52px}.about-inner{padding:55px 0}.filter-bar{display:grid}.filter-bar select{width:100%}.page-hero h1,.reader-hero h1{font-size:42px}.reader-layout{padding-top:42px}.prose{font-size:17px}.footer-inner{display:block;padding:20px 0}.footer-inner span{display:block}}