@font-face{font-family:'Playfair Display';src:url('../fonts/playfair-display.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--bg:#fcfcfc;--ink:#222;--muted:#737373;--link:#176b9a;--ui:system-ui,'Segoe UI','Microsoft YaHei',sans-serif;--serif:'Noto Serif SC','Songti SC','SimSun',serif;--mono:'IBM Plex Mono','Courier New',monospace}
*{box-sizing:border-box}html{font-size:18px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ui);line-height:1.6}a{color:inherit;text-decoration:none}a:hover,a:focus-visible{color:var(--link)}a:focus-visible{outline:none;font-weight:600}::selection{background:#d0d0d0;color:#111;text-shadow:none}mark{background:#d9d9d9;color:inherit;border:0;border-radius:0}h1,h2,p,ol{margin:0}h1,h2{text-align:left}h1{font:600 36px/1.3 'Playfair Display',var(--serif);letter-spacing:-.02em}
.index-page,.contents-page{max-width:760px;padding:100px 32px 90px;margin:auto;min-height:65vh}.index-page h1{margin-bottom:62px}.works h2{font:400 13px var(--ui);color:var(--muted);margin-bottom:20px}.work{display:flex;align-items:baseline;gap:30px;padding:8px 0;font:400 23px/1.4 'Playfair Display',var(--serif)}.work-count{font:12px var(--ui);color:var(--muted)}.back{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:38px}.contents-page h1{margin-bottom:48px}.toc section{padding:0;margin-top:40px}.toc h2{font:600 17px/1.5 var(--serif)}.act-name{font:400 15px/1.5 Georgia,serif;color:var(--muted);margin:8px 0 20px}.toc ol{padding:0;list-style:none}.toc li{margin:11px 0}.toc li a{display:inline-block;font:14px var(--ui);padding:3px 0;color:var(--link)}
.read-nav{max-width:740px;padding:48px 32px 0;margin:auto;display:flex;align-items:baseline;gap:32px;font:12px var(--ui);color:var(--muted)}.reading-page{max-width:740px;margin:auto;padding:55px 32px 75px}.read-heading{margin-bottom:42px}.read-heading h1{font-size:34px;margin-bottom:36px}.act-block h2{font:400 16px/1.5 var(--serif);color:var(--muted)}.act-number{display:none}.scene{font:12px/1.5 var(--ui);color:var(--muted);margin:18px 0 0}#prose{font:400 18px/1.9 var(--serif);overflow-wrap:anywhere}#prose p{margin:0 0 1.1em}.excerpt-note{font:11px/1.6 var(--ui);color:var(--muted);margin-top:44px}.comments{padding-top:0;margin-top:70px}.comments h2{font:500 18px var(--ui)}.empty{font:12px var(--ui);color:var(--muted);margin:24px 0 36px}.comment-preview label{display:block;font:12px var(--ui);color:var(--muted);margin:26px 0}input,textarea{display:block;width:100%;border:0;border-radius:0;padding:10px 0;background:transparent;color:var(--ink);font:14px/1.6 var(--ui);margin-top:9px;opacity:1;-webkit-text-fill-color:var(--ink);box-shadow:none}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}textarea{resize:none}button{background:transparent;border:0;border-radius:0;font:12px var(--ui);padding:8px 0;color:var(--muted);opacity:1;box-shadow:none}footer{max-width:760px;padding:0 32px 48px;margin:auto;font:10px/1.6 var(--ui);color:var(--muted)}footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:34px;font:12px var(--ui)}footer a[aria-current=page]{color:var(--ink)}[hidden]{display:none!important}
/* VEE typography and colors, with all rules, overlays and bars removed. */
body[data-skin=vee]{--bg:#070707;--ink:#b0d0f4;--muted:#6d89a4;--link:#78b8ec;background:var(--bg)}body[data-skin=vee] .read-nav{max-width:875px;font:10.83px var(--mono);padding:48px 76px 0}body[data-skin=vee] .reading-page{max-width:875px;padding:95px 76px 100px}body[data-skin=vee] .read-heading>h1{font:400 12px var(--mono);letter-spacing:.22em;color:#78b8ec;margin-bottom:0}body[data-skin=vee] .act-block{margin:90px 0 47.5px;padding:0}body[data-skin=vee] .act-number{display:block;font:300 123.5px/.8 var(--mono);color:#243448;letter-spacing:-.03em;margin-bottom:13.3px;user-select:none}body[data-skin=vee] .act-block h2{font:500 11.4px/1.5 var(--mono);letter-spacing:.2em;color:#78b8ec;text-transform:uppercase}body[data-skin=vee] .scene{margin:57px 0 38px;font:400 10.83px var(--mono);letter-spacing:.22em;color:#6d89a4}body[data-skin=vee] #prose{font:300 19px/1.85 var(--serif);color:#b0d0f4}body[data-skin=vee] #prose p{margin:0;text-indent:2em;hanging-punctuation:first last}body[data-skin=vee] #prose p+p{margin-top:.8em}body[data-skin=vee] .comments h2,body[data-skin=vee] .comments label,body[data-skin=vee] footer,body[data-skin=vee] .excerpt-note{font-family:var(--mono)}body[data-skin=vee] footer{max-width:875px;padding-left:76px;padding-right:76px}body[data-skin=vee] ::selection{background:#454545;color:#fff;text-shadow:none}body[data-skin=vee] mark{background:#383838;color:inherit}
@media(max-width:650px){.index-page,.contents-page{padding:65px 25px 70px}.index-page h1{font-size:34px;margin-bottom:48px}.contents-page h1{font-size:30px}.work{font-size:21px;gap:22px}.read-nav{padding:32px 25px 0;gap:26px}.reading-page{padding:38px 25px 65px}.read-heading h1{font-size:30px}#prose{font-size:17px}body[data-skin=vee] .read-nav{padding:32px 18px 0;font-size:9px}body[data-skin=vee] .reading-page{padding:37.5px 18px 70px}body[data-skin=vee] .act-block{margin:60px 0 30px}body[data-skin=vee] .act-number{font-size:51px}body[data-skin=vee] .act-block h2{font-size:10px}body[data-skin=vee] .scene{margin:45px 0 30px;font-size:9px}body[data-skin=vee] #prose{font-size:15px}footer{padding:0 25px 40px}body[data-skin=vee] footer{padding-left:18px;padding-right:18px}}