@font-face{font-family:Yomogi;src:url('../res/fonts/Yomogi-Regular.ttf') format('truetype');font-display:swap}
:root{--site-bg:oklch(.42 .06 325);--site-fg:oklch(.97 .01 325);--ink:#503c4b;--ink-soft:#71566b;--paper-a:#f4e9df;--paper-b:#e6d4cb;--paper-c:#c6aebb}
body{background:var(--site-bg);color:var(--site-fg)}body::before{display:none}.hand,.topnav a{font-family:Yomogi,cursive}.topnav a,.topnav a[aria-current=page]{color:var(--site-fg)}.topnav .dash{border-color:#e8dae344}.topnav a[aria-current=page]::after{background:#e8dae3}.variants{display:flex;justify-content:center;align-items:center;gap:10px;margin:22px 16px 0;flex-wrap:wrap;font:12px Yomogi,serif}.variants span{font:9px monospace;letter-spacing:.12em;opacity:.6;margin-right:12px}.variants button{font:inherit;color:inherit;background:none;border:1px solid #eee1eb44;padding:7px 14px;cursor:pointer}.variants button[aria-pressed=true]{background:#eee1eb;color:#503c4b}.stage{padding:44px 150px 76px 40px}.book{--w:min(1040px,calc(100vw - 230px));height:calc(var(--w)/1.3);isolation:isolate}.spread{z-index:2;perspective:none;transform-style:flat}.cover,.stack{z-index:0}.bookmark-rail{position:absolute;left:calc(100% - 22px);top:23px;z-index:1;display:flex;flex-direction:column;gap:18px;width:144px}.marks{position:static;display:flex;gap:14px;flex-direction:column}.ribbon,.mark,.mark[aria-pressed=true],.ribbon:hover{position:relative;inset:auto;transform:none;clip-path:none;filter:none;width:144px;height:43px;margin:0;padding:0 15px 0 35px;border:0;text-align:left;font:13px Yomogi,serif;letter-spacing:0;color:#f7eff4;background:none;isolation:isolate;cursor:pointer;transition:none}.ribbon::after{display:none}.ribbon::before,.mark::before{content:'';position:absolute;width:43px;height:144px;left:50px;top:-50px;background:url('assets/bookmark.png') center/160% 100%;transform:rotate(-90deg);z-index:-1}.ribbon::before{filter:sepia(.4) saturate(1.6) hue-rotate(295deg) brightness(1.2)}.mark::before{filter:hue-rotate(20deg) brightness(.83)}.ribbon[aria-pressed=true],.mark[aria-pressed=true]{background:none;text-decoration:underline;text-underline-offset:4px}.ribbon[aria-pressed=true]::before{filter:sepia(.4) saturate(1.6) hue-rotate(295deg) brightness(1.4)}.mark[aria-pressed=true]::before{filter:hue-rotate(20deg) brightness(1.1)}
.page-inner,.page-r .page-inner{padding:7% 11% 4%}.page-body{font-size:clamp(12px,1.15vw,16px);line-height:1.95}.art-title{font-size:clamp(22px,2.45vw,34px)}.art-head{margin-bottom:1em}.page-body .lead,.page-body .quote,.page-body .art-title,.page-body .toc-title-main,.page-body .toc-t,.page-body .toc-ex,.page-body .note{color:var(--ink)}.fig{margin:.8em 0}.fig[data-size=sm]{width:35%}.fig[data-size=md]{width:62%}.fig.shrink .fig-box{height:180px}.page-body{user-select:text}.edge{top:auto;bottom:0;height:48px;width:52px;touch-action:none}.edge::after{display:none}.edge::before{font:20px monospace;color:var(--ink);opacity:.6}.edge-prev::before{content:'‹'}.edge-next::before{content:'›'}.edge:disabled{opacity:.2}.guide{color:#e6d4e3;bottom:-42px;font-size:11px}.guide::before{display:none}.leaf{display:none!important}.spread,.spread.shift,.spread.turning{animation:none!important;transform:none!important}.devpanel{position:relative;right:auto;bottom:auto;margin:0 auto 20px;width:min(700px,90%);max-width:none;background:#48344a;border-radius:0;color:#e8d9e4;backdrop-filter:none}.devpanel .body{grid-template-columns:repeat(2,1fr);gap:12px 25px}.devpanel select{background:#604461;color:inherit}.study-footer{text-align:center;font:10px Yomogi,serif;opacity:.6;margin:20px 15px 35px}button:focus-visible,a:focus-visible{outline:2px solid #f4dfe9;outline-offset:3px}
body[data-skin=claude] .cover{background:linear-gradient(160deg,#634862,#39283e);box-shadow:0 18px 35px #24142866}body[data-skin=claude] .stack i{background:#cbb9c0}
body[data-skin=myst] .cover,body[data-skin=myst] .stack,body[data-skin=myst] .page-edge,body[data-skin=myst] .gutter,body[data-skin=myst] .page::after,body[data-skin=myst] .page-inner::before{display:none}
body[data-skin=myst] .spread::before{content:'';position:absolute;inset:-9px -8px -12px;background:url('assets/mystbook1.png') center/100% 100%;image-rendering:pixelated;z-index:-1}
body[data-skin=white]{--ink:#fff;--ink-soft:#eee;--paper-a:var(--site-bg);--paper-b:var(--site-bg);--paper-c:var(--site-bg)}
body[data-skin=white] .cover,body[data-skin=white] .stack,body[data-skin=white] .page-edge,body[data-skin=white] .gutter,body[data-skin=white] .page::after,body[data-skin=white] .page-inner::before{display:none}
body[data-skin=white] .spread{background:var(--site-bg)}body[data-skin=white] .spread::before{content:'';position:absolute;inset:-10px -10px -12px;background:url('assets/white-book.png') center/100% 100%;image-rendering:pixelated;z-index:-1}
body[data-skin=white] .page-body{font-family:'MS Gothic','ＭＳ ゴシック',monospace!important;line-height:1.95}body[data-skin=white] .hand{font-family:'MS Gothic','ＭＳ ゴシック',monospace}body[data-skin=white] .fig svg{filter:none;shape-rendering:crispEdges;stroke-linecap:square;stroke-linejoin:miter;color:white}body[data-skin=white] .rule{background:white;height:1px;transform:none}body[data-skin=white] .note,body[data-skin=white] .quote{border-color:white;transform:none}body[data-skin=white] .ribbon::before,body[data-skin=white] .mark::before{background:none;filter:none;transform:none;inset:0;width:auto;height:auto;border:2px solid #fff;background:#735774;clip-path:polygon(0 0,100% 0,100% 20%,96% 20%,96% 40%,92% 40%,92% 60%,96% 60%,96% 80%,100% 80%,100% 100%,0 100%)}body[data-skin=white] .ribbon::before{background:#a57691}
body.mode-single .stage{padding:98px 25px 72px}body.mode-single .book{--w:min(440px,calc(100vw - 56px));height:680px}body.mode-single .bookmark-rail{top:-55px;left:0;right:0;width:auto;flex-direction:row;gap:4px;align-items:flex-start}body.mode-single .marks{position:static;flex-direction:row;gap:4px}body.mode-single .mark,body.mode-single .ribbon{width:52px;height:66px;padding:8px 0 19px;text-align:center;font-size:11px;border-radius:0;transform:none}body.mode-single .ribbon{width:77px}body.mode-single .mark::before,body.mode-single .ribbon::before{inset:0;width:100%;height:100%;transform:none}body.mode-single[data-skin=myst] .spread::before,body.mode-single[data-skin=white] .spread::before{background-size:200% 100%;background-position:left}body.mode-single .page-body{font-size:15px}body.mode-single .devpanel .body{grid-template-columns:1fr}body.mode-single .guide{right:0}.variants button{transition:none}
body[data-skin=white] .page-inner,body[data-skin=white] .page-r .page-inner{padding:17% 15% 7%} body[data-skin=white] .folio{color:white}
body.mode-single .ribbon{left:auto;top:auto} body.mode-single .marks{left:auto;top:auto;right:auto} body[data-skin=white] .page-inner,body[data-skin=white] .page-r .page-inner{padding:22% 18% 10% 16%} body.mode-single[data-skin=white] .page-inner{padding:30% 16% 10%} .mark:hover{transform:none}
/* Refined white-line study: symmetric leaves, fine outlines, no shading. */ body[data-skin=white] .spread::before{background-image:url("assets/white-book-clean.svg");image-rendering:auto} body[data-skin=white] .page-inner,body[data-skin=white] .page-r .page-inner{padding:10% 12% 6%} body.mode-single[data-skin=white] .page-inner{padding:15% 12% 8%} body[data-skin=white] .page-body{font-family:"Yu Mincho","Hiragino Mincho ProN",serif!important} body[data-skin=white] .hand{font-family:Yomogi,serif} body[data-skin=white] .fig svg{shape-rendering:auto;stroke-linecap:round;stroke-linejoin:round} body[data-skin=white] .ribbon::before,body[data-skin=white] .mark::before{border-width:1px;clip-path:polygon(0 0,100% 0,90% 50%,100% 100%,0 100%)}
body[data-skin=white] .page-inner,body[data-skin=white] .page-r .page-inner{padding-bottom:10%}