:root{--field:#101419;--frame:#1c1b1c;--raise:#201f20;--ink:#ebe5d8;--dim:#cbc6ba;--faint:#8a8f98;--tungsten:#c59a55;--dusk:#6a8479;--rule:#45474b;--hair:#2a2a2a;--paper:#ebe5d8;--paper-ink:#18181a;--paper-dim:#7a7468;--spine:#263e35;--spine-ink:#ebe5d8;--seal:#d9815d;--serif:"Noto Serif SC", "Songti SC", "Source Han Serif SC", "EB Garamond", Georgia, serif;--body:"Noto Serif SC", "Songti SC", "Source Han Serif SC", "Literata", Georgia, serif;--label:"Source Serif 4", "Noto Serif SC", "Songti SC", serif;--pad:clamp(20px, 5vw, 80px);--ease:cubic-bezier(.4, 0, .2, 1);--t-ui:.42s;--t-page:.9s}:root[data-theme=print]{--field:#e8e2d4;--frame:#ddd6c6;--raise:#d4ccba;--ink:#1e1c14;--dim:#4a473d;--faint:#6a665c;--tungsten:#8a5a12;--dusk:#263e35;--rule:#c4bba8;--hair:#d0c8b6;--paper:#f4efe4;--paper-ink:#1e1c14;--paper-dim:#4a473d;--spine:#263e35;--spine-ink:#ebe5d8;--seal:#9a3a30}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--field);overflow-x:hidden}body{background:var(--field);color:var(--ink);font-family:var(--body);line-break:strict;font-feature-settings:"kern" 1, "liga" 1;font-synthesis:none;-webkit-font-smoothing:antialiased;transition:background-color var(--t-ui) var(--ease), color var(--t-ui) var(--ease);margin:0;font-size:17px;font-weight:400;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}i,em,cite,address{font-style:normal}::selection{background:var(--tungsten);color:var(--field)}:focus-visible{outline:1px solid var(--tungsten);outline-offset:3px}.grain{pointer-events:none;z-index:99;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.wrap{max-width:1100px;padding:0 var(--pad) 1px;margin:0 auto}#view{animation:dissolve var(--t-page) var(--ease)}@keyframes dissolve{0%{opacity:0}to{opacity:1}}.mono{font-family:var(--label);letter-spacing:.1em;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;line-height:1.2}.book{min-height:clamp(22rem,48vw,32rem);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tungsten) 28%, transparent);border-radius:.25rem;margin-top:clamp(1.75rem,5vw,3.5rem);display:flex;overflow:hidden}.spine{background:var(--spine);width:3.25rem;color:var(--spine-ink);flex:0 0 3.25rem;justify-content:center;align-items:center;display:flex}.spine span{writing-mode:vertical-rl;font-family:var(--serif);letter-spacing:.42em;font-size:1.05rem;font-weight:400}.cover{background:var(--paper);color:var(--paper-ink);flex:1;justify-content:space-between;align-items:center;padding:clamp(1.5rem,4vw,3.5rem) clamp(1.5rem,5vw,4rem);display:flex;position:relative}.cover h1{writing-mode:vertical-rl;font-family:var(--serif);letter-spacing:.28em;margin:0;font-size:clamp(1.7rem,3.6vw,2.6rem);font-weight:500;line-height:1.15}.seal{align-items:flex-start;gap:.85rem;margin-top:1rem;display:flex}.seal span{writing-mode:vertical-rl;font-family:var(--serif);letter-spacing:.32em;color:var(--paper-dim);font-size:.95rem}.bar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:2rem 0 0;display:flex}.epigraph{font-family:var(--serif);color:var(--dim);max-width:28em;margin:0;font-size:1.05rem;line-height:1.85}.window .epigraph{color:color-mix(in srgb, var(--spine-ink) 78%, transparent)}.epigraph .src{color:var(--faint);font-family:var(--label);letter-spacing:.1em;margin-top:.7rem;font-size:.72rem;font-weight:600;display:block}.toggle{font-family:var(--label);letter-spacing:.1em;color:var(--faint);cursor:pointer;background:0 0;border:0;padding:0;font-size:.72rem;font-weight:600}.toggle:hover{color:var(--ink)}html:not([data-theme=print]) .toggle [data-on=dark],html[data-theme=print] .toggle [data-on=print]{color:var(--tungsten)}.sectag{color:var(--faint);padding:4rem 0 0;display:block}.crumb{color:var(--faint);align-items:center;gap:.15rem;padding:1.8rem 0 0;display:flex}.crumb:before{content:"";background:var(--tungsten);opacity:.75;border-radius:50%;flex-shrink:0;width:.38rem;height:.38rem;margin-right:.55rem}.crumb a{transition:color var(--t-ui) var(--ease)}.crumb a:hover{color:var(--tungsten)}.sep{opacity:.5;padding:0 .55rem}.acts{border-top:1px solid var(--rule);margin-top:1.5rem}.act{border-bottom:1px solid var(--hair);transition:opacity var(--t-ui) var(--ease);grid-template-columns:5.5rem 1fr auto;align-items:start;gap:clamp(1rem,3vw,2.25rem);padding:clamp(1.8rem,4vw,2.6rem) 0;display:grid}.acts:hover .act{opacity:.38}.acts .act:hover{opacity:1}.acts .act:last-child{border-bottom:0}.act:hover .an,.act:hover .at{color:var(--tungsten)}.an{color:var(--faint);transition:color var(--t-ui) var(--ease);padding-top:.55rem}.at{font-family:var(--serif);letter-spacing:0;transition:color var(--t-ui) var(--ease);text-wrap:balance;margin:0 0 .7rem;font-size:clamp(1.35rem,3.2vw,1.9rem);font-weight:400;line-height:1.4}.aline{color:var(--dim);max-width:32em;margin:0;font-size:.95rem;line-height:1.85}.acount{color:var(--faint);white-space:nowrap;padding-top:.55rem}.juan{gap:2.25rem;margin-top:1.75rem;display:grid}.window{background:var(--spine);color:var(--spine-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tungsten) 32%, transparent);border-radius:.25rem;flex-direction:column;justify-content:flex-end;gap:.9rem;min-height:16rem;padding:clamp(1.75rem,4vw,2.75rem);display:flex}.window h1{font-family:var(--serif);text-wrap:balance;margin:0;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:500;line-height:1.25}.window .acount{color:color-mix(in srgb, var(--spine-ink) 55%, transparent);padding:0}@media (width>=64rem){.juan{grid-template-columns:minmax(16rem,22rem) 1fr;align-items:start;gap:3.25rem}.window{min-height:28rem}.juan .reel{margin-top:0}}.chapter-head{font-family:var(--serif);letter-spacing:0;text-wrap:balance;max-width:16em;margin:1.75rem 0 0;font-size:clamp(1.85rem,5.2vw,2.9rem);font-weight:500;line-height:1.3}.reel{border-top:1px solid var(--rule);margin-top:1.75rem}.scene{border-bottom:1px solid var(--hair);transition:opacity var(--t-ui) var(--ease);grid-template-columns:4.5rem 1fr auto;align-items:baseline;gap:1.2rem;padding:1rem 0;display:grid}.reel:hover .scene{opacity:.4}.reel .scene:hover{opacity:1}.reel .scene:last-child{border-bottom:0}.scene:hover .st,.scene:hover .sn{color:var(--tungsten)}.sn{color:var(--faint);transition:color var(--t-ui) var(--ease)}.st{font-family:var(--serif);letter-spacing:.01em;transition:color var(--t-ui) var(--ease);font-size:clamp(1.05rem,2.3vw,1.28rem);font-weight:400}.sfirst{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;max-width:36em;margin-top:.28rem;font-size:.9rem;line-height:1.6;display:block;overflow:hidden}.sd{color:var(--faint)}.dot{background:var(--tungsten);vertical-align:.35em;width:3px;height:3px;margin-left:.45rem;display:inline-block}.cut{font-family:var(--label);letter-spacing:.1em;color:var(--faint);border:1px solid var(--rule);vertical-align:.15em;white-space:nowrap;margin-left:.6rem;padding:.06rem .42rem;font-size:.62rem;font-weight:600}.piece{padding:1.75rem 0 1rem}.reader{position:relative}.spread{z-index:1;perspective:2200px;min-height:36rem;transform-style:preserve-3d;filter:drop-shadow(0 22px 45px #000000d9);animation:settle-in .42s var(--ease);display:flex;position:relative}@keyframes settle-in{0%{opacity:0}to{opacity:1}}html.from-turn .spread,html.from-turn .in,html.from-turn #view{animation:none}.page{min-width:0;color:var(--paper-ink);background-color:var(--paper);background-image:radial-gradient(#18181a09 1px,#0000 0),linear-gradient(#ffffff40,#00000008);background-size:24px 24px,100% 100%;flex-direction:column;flex:1;padding:clamp(1.6rem,4vw,3.5rem);display:flex}.verso{transform-origin:100%;overscroll-behavior:contain;z-index:1;border-radius:.125rem 0 0 .125rem;position:relative;overflow-y:auto;box-shadow:inset -22px 0 36px -20px #28201638}.recto{transform-origin:0;z-index:1;border-radius:0 .125rem .125rem 0;position:relative;box-shadow:inset 22px 0 36px -20px #28201638}.ghost{z-index:0;pointer-events:none;visibility:hidden;opacity:0;filter:blur(2.5px);width:50%;color:var(--paper-ink);background-color:var(--paper);background-image:radial-gradient(#18181a09 1px,#0000 0),linear-gradient(#ffffff40,#00000008);background-size:24px 24px,100% 100%;padding:clamp(1.6rem,4vw,3.5rem);position:absolute;top:0;bottom:0;overflow:hidden}.ghost.next{border-radius:0 .125rem .125rem 0;right:0}.ghost.prev{border-radius:.125rem 0 0 .125rem;left:0}.ghost-kicker{color:var(--paper-dim);letter-spacing:.16em;margin:0 0 1.1rem}.ghost .lyrics{max-width:none;margin-top:0}.ghost .lyrics.tagged{margin-left:0}.ghost .lyrics.tagged .tag{text-align:left;width:auto;margin:0 0 .55rem;position:static}@keyframes ghost-in{0%{opacity:0}to{opacity:1}}.spread:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000 0%,#2820160d 32%,#28201624 48%,#fffaf02e 50%,#28201624 52%,#2820160d 68%,#0000 100%);width:18px;margin-left:-9px;position:absolute;top:6%;bottom:6%;left:50%}@keyframes lift-next{0%{transform:rotateY(0)}to{transform:rotateY(-80deg)}}@keyframes lift-prev{0%{transform:rotateY(0)}to{transform:rotateY(80deg)}}.reader.turn-next .recto{z-index:4;backface-visibility:hidden;will-change:transform;animation:.56s cubic-bezier(.22,0,.18,1) forwards lift-next;box-shadow:-18px 8px 32px #0006}.reader.turn-prev .verso{z-index:4;backface-visibility:hidden;will-change:transform;animation:.56s cubic-bezier(.22,0,.18,1) forwards lift-prev;box-shadow:18px 8px 32px #0006}.reader.turn-next .verso,.reader.turn-prev .recto{filter:brightness(.92)}.reader.turn-next .ghost.next,.reader.turn-prev .ghost.prev{visibility:visible;animation:.56s cubic-bezier(.22,0,.18,1) forwards ghost-in}.ph{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.ph h2,.ph h1{font-family:var(--serif);letter-spacing:.16em;color:var(--paper-ink);margin:.35rem 0 0;font-size:clamp(1.35rem,2.4vw,1.65rem);font-weight:400;line-height:1.35}.ph.row{border-bottom:1px solid color-mix(in srgb, var(--paper-ink) 10%, transparent);align-items:baseline;padding-bottom:1rem}.ph.row h1{margin:0}.ph .slash{color:var(--tungsten);opacity:.4}.ph .year{color:var(--paper-dim);letter-spacing:.3em;margin-left:auto;font-size:.75rem}.stamp{--sz:2.6rem;width:var(--sz);height:var(--sz);background:var(--seal);color:var(--paper);box-shadow:inset 0 0 0 .14rem var(--seal), inset 0 0 0 calc(.14rem + 1px) color-mix(in srgb, var(--paper) 70%, transparent);opacity:.92;mix-blend-mode:multiply;border-radius:.18rem .1rem .2rem .12rem;flex-shrink:0;place-items:center;display:inline-grid;transform:rotate(-4deg)}.stamp span{writing-mode:vertical-rl;text-orientation:upright;height:calc(var(--sz) * .74);font-family:var(--serif);font-size:calc(var(--sz) * .34);letter-spacing:.02em;font-weight:600;line-height:1.1}.cover .stamp{--sz:3rem;mix-blend-mode:normal}.slate{color:var(--paper-dim);border-bottom:1px solid color-mix(in srgb, var(--paper-ink) 10%, transparent);flex-wrap:wrap;gap:1.5rem;margin:0 0 2rem;padding-bottom:1rem;font-size:.72rem;display:flex}.slate .k{color:var(--dusk)}.verso h1,.piece>h1,.piece h2{font-family:var(--serif);letter-spacing:.02em;text-wrap:balance;max-width:12em;margin:0;font-size:clamp(1.7rem,4.2vw,2.6rem);font-weight:400;line-height:1.3}@media (width>=64rem){.spread{height:min(48rem,100dvh - 8.5rem);min-height:32rem}.page{min-height:0}.spread .lyrics{max-width:none;margin-top:0}.spread .lyrics.tagged{margin-left:0}.spread .lyrics.tagged .tag{text-align:left;width:auto;margin:0 0 .55rem;position:static}}.text-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.text-scroll.more{-webkit-mask-image:linear-gradient(#000 calc(100% - 4rem),#0000);mask-image:linear-gradient(#000 calc(100% - 4rem),#0000)}.note{border-left:2px solid color-mix(in srgb, var(--seal) 80%, transparent);flex:none;max-width:none;margin:1.5rem 0 0;padding:0 0 0 1rem}.note .lab{color:var(--dusk);margin-bottom:.7rem;display:block}.note p{color:var(--paper-dim);text-wrap:pretty;margin:0 0 1rem;font-size:.9rem;line-height:1.95}.note p:last-child{margin-bottom:0}.note[data-long]:not(.open) .note-body{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note .more{font-family:var(--label);letter-spacing:.1em;color:var(--paper-dim);cursor:pointer;background:0 0;border:0;padding:.7rem 0 0;font-size:.72rem;font-weight:600}.note .more:hover{color:var(--tungsten)}.note:not([data-long]) .more{display:none}.lyrics{max-width:32em;margin-top:clamp(2rem,5vw,3rem)}.stz{margin:0 0 2.2rem;position:relative}.stz:last-child{margin-bottom:0}.tag{color:var(--faint);margin-bottom:.55rem;display:block}.spread .tag{color:var(--paper-dim)}.stz p{letter-spacing:.08em;margin:0;font-size:clamp(1.05rem,2.4vw,1.15rem);font-weight:400;line-height:2.1}@media (width>=64rem){.lyrics.tagged{margin-left:9.5rem}.lyrics.tagged .tag{text-align:right;width:8rem;margin:0;position:absolute;top:.7rem;left:-9.5rem}}.empty{color:var(--faint);margin-top:3rem;font-size:.95rem}.spread .empty{color:var(--paper-dim);margin-top:0}.tabs{border-bottom:1px solid color-mix(in srgb, var(--paper-ink) 10%, transparent);flex:none;gap:1.4rem;margin:0 0 1.5rem;padding-bottom:.7rem;display:flex}.tab{font:inherit;color:var(--paper-dim);cursor:pointer;transition:color var(--t-ui) var(--ease), border-color var(--t-ui) var(--ease);background:0 0;border:0;border-bottom:1px solid #0000;padding:0 0 .2rem}.tab:hover{color:var(--paper-ink)}.tab[aria-selected=true]{color:var(--tungsten);border-bottom-color:var(--tungsten)}.listen{color:var(--paper-dim);align-items:baseline;gap:1rem;margin-top:1.4rem;display:flex}.listen .play{font:inherit;color:var(--dusk);cursor:pointer;transition:color var(--t-ui) var(--ease);background:0 0;border:0;padding:0}.listen .play:hover{color:var(--tungsten)}.listen [data-when=playing],.listen.playing [data-when=paused]{display:none}.listen.playing [data-when=playing]{display:inline}.listen audio{display:none}.in{animation:rise .64s var(--ease) both;animation-delay:calc(80ms + min(var(--i,0), 9) * 70ms)}@keyframes rise{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}.pre{color:var(--paper-ink);letter-spacing:0;white-space:pre;margin:0;padding-bottom:.8rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85rem;font-weight:400;line-height:1.95;overflow-x:auto}.style-note{font-family:var(--body);color:var(--paper-ink);letter-spacing:.02em;white-space:pre-wrap;max-width:32em;margin:0;font-size:.95rem;line-height:2.1}.prose{max-width:34em;margin-top:2.75rem}.prose p{text-wrap:pretty;margin:0 0 1.7rem;font-size:1.02rem;line-height:2.1}.flip{z-index:20;color:color-mix(in srgb, var(--tungsten) 50%, transparent);letter-spacing:.28em;transition:color var(--t-ui) var(--ease);flex-direction:column;align-items:center;gap:1rem;font-size:.68rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.flip:hover{color:var(--tungsten)}.flip.l{left:-3.4rem}.flip.r{right:-3.4rem}.flip span{writing-mode:vertical-rl}.flip b{letter-spacing:0;font-size:.62rem;font-weight:400}.flip i{opacity:.45;background:currentColor;width:1px;height:2.5rem;display:block}.hint{color:var(--faint);text-align:left;letter-spacing:.25em;padding-top:1.5rem;font-size:.72rem}.hint .for-phone{display:none}footer{color:var(--faint);border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem 2rem;margin-top:3rem;padding:2.5rem 0 4rem;display:flex}.foot-meta{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.foot-meta .copy{margin:0}.foot-meta .mail{color:var(--dim)}.foot-meta .mail:hover{color:var(--tungsten)}footer>span{white-space:nowrap}@media (width<=36rem){.book{min-height:22rem}.spine{flex-basis:2.4rem;width:2.4rem}.spine span{letter-spacing:.28em;font-size:.9rem}.cover{padding-right:1.25rem}.cover h1{letter-spacing:.16em;font-size:1.55rem}.seal{margin-top:0}.seal>span:not(.stamp){display:none}.cover .stamp{--sz:2.85rem}footer{flex-direction:column;align-items:flex-start;gap:1.1rem}footer>span{white-space:normal}.act{grid-template-columns:1fr;gap:.45rem}.an{padding-top:0}.acount{padding-top:.45rem}.scene{grid-template-columns:3.6rem 1fr;row-gap:.15rem}.sd{grid-column:2}.sfirst{max-width:100%}.piece{flex-direction:column;min-height:calc(100dvh - 2rem);display:flex}.reader{flex-direction:column;flex:1;min-height:0;display:flex}.spread{filter:drop-shadow(0 16px 28px #0000008c);flex-direction:column;flex:1;min-height:0;display:flex}.binding,.spread:after{display:none}.verso{box-shadow:none;border-radius:.125rem .125rem 0 0;flex:none;padding-bottom:0;overflow:visible}.recto{min-height:0;box-shadow:none;border-radius:0 0 .125rem .125rem;flex:1;padding-top:1rem}.recto:after{content:"";filter:drop-shadow(-2px -2px 3px #0000001f);pointer-events:none;border-top:0 solid #0000;border-bottom:1.85rem solid #c8bfae;border-left:1.85rem solid #ddd4c3;border-right:0 solid #0000;position:absolute;bottom:0;right:0}.stamp{--sz:2.1rem}.spread .lyrics{margin-top:0}.text-scroll{flex:none;overflow:visible}.text-scroll.more{-webkit-mask-image:none;mask-image:none}.flip{display:none}.hint{text-align:center;letter-spacing:.18em;order:-1;padding:.15rem 0 .85rem;font-size:.68rem;display:block}.hint .for-desk{display:none}.hint .for-phone{display:inline}@keyframes sheet-next{to{opacity:.4;transform:rotate(-7deg)translate(-8%,3%)}}@keyframes sheet-prev{to{opacity:.4;transform:rotate(7deg)translate(8%,3%)}}.reader.turn-next .spread{transform-origin:100% 100%;animation:.56s cubic-bezier(.4,0,.2,1) forwards sheet-next}.reader.turn-prev .spread{transform-origin:0 100%;animation:.56s cubic-bezier(.4,0,.2,1) forwards sheet-prev}.reader.turn-next .recto,.reader.turn-prev .verso{box-shadow:none;animation:none}.ghost{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.acts:hover .act,.reel:hover .scene{opacity:1}}