/* Hallmark · macrostructure: Workbench · genre: bespoke · theme: custom manga-reading desk · nav: N3 right quick rail · footer: Ft5 Statement · tone: intimate, restrained · anchor hue: yellow
 * display: system CJK serif (offline requested) · body: system CJK sans · paper: warm · enrichment: official non-explicit screenshots · honest: checked · chrome: none */
@import url('../../tokens.css');
*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:100px}body{overflow-x:clip;margin:0;background:var(--color-base);color:var(--color-paper);font:16px/1.8 var(--font-body);padding-bottom:112px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:var(--color-transparent)}button,.btn,.tabs a,.footer-links a,.rail a,.filters button{white-space:nowrap}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.paper a:focus-visible,.paper summary:focus-visible{outline-color:var(--color-seal)}a:active,button:active,summary:active{opacity:.85}button:disabled,[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}[data-state=loading]{cursor:progress}[data-state=error]{outline:2px solid var(--color-alert)}[data-state=success]{outline-color:var(--color-success)}[hidden]{display:none!important}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-style:normal;overflow-wrap:anywhere;min-width:0;margin:0 0 var(--space-md);line-height:1.3}h1,h2{font-family:var(--font-display)}h2{font-size:clamp(1.8rem,3vw,2.8rem)}h3{font-size:1.1rem}p{margin:0 0 var(--space-md)}.wrap{width:min(1264px,100% - 40px);margin-inline:auto}.skip{position:fixed;z-index:100;top:-100px;left:16px;padding:8px;background:var(--color-accent);color:var(--color-base)}.skip:focus{top:8px}.topbar{position:sticky;top:0;z-index:30;background:var(--color-base);border-bottom:1px solid var(--color-rule)}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-weight:700}.brand img{width:32px;height:32px}.brand small{display:block;font:10px/1.5 var(--font-mono);letter-spacing:2px;color:var(--color-muted)}.tabs{display:flex;gap:24px;align-items:center}.tabs a{padding-block:12px;font-size:14px}.tabs a[aria-current=page]{color:var(--color-accent)}.top-note{font-size:12px;color:var(--color-muted)}.rail{display:none}.hero{position:relative;padding:56px 0 40px;background:var(--color-base)}.hero-grid{display:grid;gap:32px}.hero-copy{align-self:center;z-index:2}.chapter-tag{display:inline-flex;align-items:center;gap:12px;color:var(--color-muted);font:12px var(--font-mono);margin-bottom:24px}.seal{display:inline-block;background:var(--color-seal);color:var(--color-paper);padding:4px 8px;font:700 12px var(--font-body)}h1{font-size:var(--text-display);letter-spacing:-.03em}.hero-title small{display:block;font:14px/1.8 var(--font-mono);letter-spacing:1px;color:var(--color-muted);margin-top:16px}.hero-title .part{font-size:.6em;letter-spacing:.05em;color:var(--color-pink)}.lead{max-width:45ch;color:var(--color-muted);font-size:17px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tag{font-size:12px;padding:4px 8px;border:1px solid var(--color-rule)}.actions{display:flex;flex-wrap:wrap;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 24px;border:1px solid var(--color-rule);background:var(--color-transparent);color:inherit;cursor:pointer;box-shadow:4px 4px 0 var(--color-shadow)}.btn:hover{background:var(--color-panel);text-decoration:none}.btn.primary{background:var(--color-accent);color:var(--color-base);border-color:var(--color-accent);font-weight:700}.btn.primary:hover{background:var(--color-accent-hover)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-shadow)}.fine{font-size:12px;color:var(--color-muted)}.hero .fine{margin-top:16px;max-width:52ch}.hero-art{min-width:0;align-self:center}.image-label{display:flex;justify-content:space-between;gap:16px;font:11px/1.8 var(--font-mono);color:var(--color-muted);margin-bottom:8px}.image-link{display:block;border:1px solid var(--color-rule);background:var(--color-base)}.main-shot{width:100%;aspect-ratio:16/9;object-fit:contain}.image-caption{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--color-muted);margin-top:8px}.preview-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.preview-strip a{border:1px solid var(--color-rule);position:relative}.preview-strip a:hover{border-color:var(--color-accent)}.preview-strip img{aspect-ratio:16/9;object-fit:contain}.preview-strip span{font-size:10px;display:block;padding:4px 8px}.meta-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px;border-top:1px solid var(--color-rule);padding-top:24px}.meta-strip dt{font-size:11px;color:var(--color-muted)}.meta-strip dd{margin:4px 0 0;font-size:15px}.paper{background:var(--color-paper);color:var(--color-ink);padding:64px 0}.paper .fine{color:var(--color-paper-muted)}.paper a:not(.btn):hover{color:var(--color-seal)}.section{padding-block:64px}.section-head{max-width:65ch;margin-bottom:32px}.section-head p{color:var(--color-muted)}.paper .section-head p{color:var(--color-paper-muted)}.story-grid{display:grid;gap:32px}.prose{max-width:65ch}.quote{font:clamp(1.6rem,3vw,2.8rem)/1.5 var(--font-display);border:0;margin:24px 0;padding:0}.story-grid figure{margin:0;align-self:center}.story-grid figcaption{font-size:12px;margin-top:8px;color:var(--color-paper-muted)}.cover{max-width:460px}.chapter-list{display:grid;gap:0}.chapter-row{display:grid;gap:24px;padding:32px 0;border-top:1px solid var(--color-rule)}.chapter-row .number{font:42px/1 var(--font-mono);color:var(--color-muted)}.chapter-row p{max-width:60ch;color:var(--color-muted)}.chapter-row figure{margin:0}.chapter-row figcaption{font-size:12px;color:var(--color-muted);margin-top:8px}.mini-spec{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--color-muted)}.quicklinks{display:grid;gap:16px}.quicklink{padding:24px;border:1px solid var(--color-rule);display:flex;justify-content:space-between;gap:16px}.quicklink:hover{background:var(--color-panel);text-decoration:none}.quicklink p{font-size:13px;margin:8px 0 0;color:var(--color-muted)}.faq-layout{display:grid;gap:32px}.faq details{border-bottom:1px solid var(--color-rule);padding-block:16px}.faq summary{cursor:pointer;font-weight:700;min-height:44px}.faq details p{max-width:65ch;margin-top:12px}.faq details[open] summary{color:var(--color-seal)}.footer{padding-block:48px 32px}.footer-line{font:clamp(1.8rem,4vw,3.8rem)/1.4 var(--font-display);max-width:23ch;margin-bottom:24px}.footer-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin:24px 0}.footer-links a{font-size:12px;min-height:44px;display:inline-flex;align-items:center}.footer p{max-width:75ch}.fixed-dialog{position:fixed;bottom:0;inset-inline:0;z-index:35;background:var(--color-dialog);border-top:1px solid var(--color-rule);padding:12px 0 max(12px,env(safe-area-inset-bottom))}.dialog-inner{display:flex;gap:16px;align-items:center;justify-content:space-between}.dialog-name{font-size:12px;background:var(--color-panel);padding:4px 12px;flex-shrink:0}.dialog-message{font-size:13px;color:var(--color-muted);flex:1;margin:0}.dialog-inner .btn{min-height:44px;padding:8px 16px}.return{font-size:12px;white-space:nowrap}.crumb{font-size:12px;color:var(--color-muted);display:flex;gap:8px;padding-top:24px}.crumb a{white-space:nowrap}.page-intro{padding:40px 0 32px;max-width:70ch}.page-intro h1{font-size:clamp(2rem,4vw,3.4rem)}.page-intro p{color:var(--color-muted)}.download-panel{background:var(--color-panel);padding:32px;display:grid;gap:24px}.download-panel h2{font:700 24px var(--font-body)}.download-panel p{max-width:65ch}.checklist{padding-left:24px;max-width:65ch}.checklist li{margin-bottom:16px}.specs{display:grid;gap:32px;margin-top:32px}.specs dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 24px;max-width:60ch}.specs dd{margin:0}.specs dt{color:var(--color-muted)}.toc{display:flex;flex-wrap:wrap;gap:8px 16px;border-block:1px solid var(--color-rule);padding-block:16px}.toc a{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.guide-section{padding:40px 0;max-width:75ch;border-bottom:1px solid var(--color-rule)}.keys{display:grid;gap:8px}.key-row{padding:16px;background:var(--color-panel);display:flex;align-items:center;justify-content:space-between;gap:16px}.key-row kbd{font:14px var(--font-body)}.guide-section p{max-width:65ch}.guide-section .warning{color:var(--color-pink)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filters button{padding:8px 16px;min-height:44px;border:1px solid var(--color-rule);background:var(--color-transparent);color:inherit;cursor:pointer}.filters button:hover{background:var(--color-panel)}.filters button[aria-pressed=true]{background:var(--color-accent);color:var(--color-base);border-color:var(--color-accent)}.gallery-grid{display:grid;gap:32px}.gallery-card{margin:0;min-width:0}.gallery-card img{aspect-ratio:16/9;object-fit:contain;border:1px solid var(--color-rule)}.gallery-card figcaption{padding-top:12px}.gallery-card figcaption p{font-size:13px;color:var(--color-muted)}.lightbox{width:min(1100px,100% - 24px);max-height:90dvh;border:1px solid var(--color-rule);background:var(--color-base);color:var(--color-paper);padding:16px;overflow:auto}.lightbox::backdrop{background:var(--color-overlay)}.lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.lightbox button{background:var(--color-panel);border:1px solid var(--color-rule);color:inherit;cursor:pointer;min-height:44px;padding:8px 16px}.lightbox button:hover{background:var(--color-rule)}.lightbox img{width:100%;max-height:65dvh;object-fit:contain;margin:16px 0}.light-status{font-size:12px;color:var(--color-muted);margin:0}.lightbox[data-state=error] .light-status{color:var(--color-pink)}.privacy{padding-top:32px;border-top:1px solid var(--color-rule)}.privacy h2{font:700 16px var(--font-body)}
@media(min-width:48rem){.hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr)}.hero{padding-top:64px}.meta-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.story-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.chapter-row{grid-template-columns:64px minmax(0,.85fr) minmax(0,1.2fr)}.quicklinks{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.specs{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-card:first-child{grid-column:1/-1}.gallery-card:first-child .image-link{max-width:100%}}
@media(min-width:90rem){body{padding-right:112px}.rail{display:flex;position:fixed;z-index:32;right:0;top:76px;bottom:96px;width:112px;flex-direction:column;justify-content:center;gap:8px;padding:12px;border-left:1px solid var(--color-rule);background:var(--color-base)}.rail a{font-size:12px;text-align:center;padding:12px 4px;border:1px solid var(--color-rule)}.rail a:hover{background:var(--color-panel);text-decoration:none}.fixed-dialog{padding-right:112px}}
@media(max-width:47.99rem){html{scroll-padding-top:140px}.top-inner{flex-wrap:wrap;gap:4px;padding-block:12px}.brand{font-size:14px}.top-note{font-size:10px}.tabs{width:100%;justify-content:space-between;gap:8px}.tabs a{font-size:12px;min-height:44px;padding-block:8px}.hero{padding-top:32px}.hero-art{margin-top:8px}.chapter-tag{margin-bottom:16px}.lead{font-size:15px}.dialog-message,.dialog-name,.return{display:none}.dialog-inner{justify-content:center}.fixed-dialog .btn{width:100%}.actions .btn{padding:12px 16px;gap:12px;font-size:14px}.section,.paper{padding-block:40px}.page-intro{padding-top:24px}.download-panel{padding:24px}.key-row{align-items:flex-start;flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.btn:active{transform:none}}