:root{color-scheme:light;--ink:#343b36;--muted:#787c73;--orange:#df8928;--paper:#f4f1e9;--line:#dcdacf;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;padding:16px;background:#f4f2ec;color:var(--ink)}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #b7641c;outline-offset:5px}button:disabled{opacity:.35;cursor:default}
.stage{position:relative;isolation:isolate;margin:auto;width:100%;max-width:1700px;height:calc(100svh - 32px);min-height:680px;max-height:1200px;overflow:hidden;border-radius:32px;background:radial-gradient(ellipse at 65% 45%,#c5c4bc 0%,#b2b2ad 68%,#aaaba6 100%)}
.topbar{position:absolute;z-index:2;top:28px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{padding:7px;margin:-7px;font-size:20px;font-weight:600;letter-spacing:-1px}.brand span{color:#ab631f;font-weight:400}.brand:hover{color:#ac5c17}.edition{font-size:14px;white-space:nowrap;letter-spacing:.015em;color:#4b534e}
.avatar{position:absolute;left:67%;bottom:6%;height:87%;width:auto;max-width:none;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 20px 14px #34372919)}
.hero-copy{position:absolute;left:6%;top:34%;z-index:1;width:36%;max-width:460px;transform:translateY(-10%)}.hero-label{font-size:13px;letter-spacing:.035em;margin:0 0 18px;color:#5f655d}.hero-copy h1{margin:0 0 20px;font-size:clamp(54px,7.1vw,112px);line-height:1;letter-spacing:-5px;font-weight:300;color:#3b413a}.name-dot{color:#b86c21}.hero-quote{max-width:330px;margin:0 0 30px;font-size:17px;line-height:1.65;color:#575f55}.open-reader{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:46px;padding:0 18px;border:1px solid #e3a65e;border-radius:999px;background:#ea9635;color:#30372f;font-size:14px;white-space:nowrap;box-shadow:0 6px 20px #6f4d2514;transition:background .18s,transform .18s}.open-reader:hover{background:#f3a544;transform:translateY(-2px)}.arrow{font-size:21px;font-weight:400;line-height:1}
.stage-footer{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:11px;margin:0;font-size:12px;letter-spacing:.015em;white-space:nowrap;color:#5b645c}.stage-footer>span:nth-child(2){color:#858b80}
.reader{width:min(1280px,calc(100vw - 48px));height:calc(100svh - 48px);max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid #f9f6ec;border-radius:26px;color:var(--ink);background:var(--paper);box-shadow:0 35px 110px #353a3338}.reader::backdrop{background:#787e6d66;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.reader[open]{display:flex;flex-direction:column;animation:reader-in .25s ease}.reader-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:16px 24px;border-bottom:1px solid var(--line);background:#f8f6ef}.reader-identity{display:flex;align-items:center;gap:16px;min-width:0}.reader-brand{font-size:15px;font-weight:600;letter-spacing:-.5px}.reader-brand:hover{color:#ae651b}.identity-divider{width:1px;height:18px;background:#c9cdbf}.reader-identity h2{font-size:18px;font-weight:500;margin:0}.reader-kind{font-size:13px;color:var(--muted)}.close-reader{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #d1d4c7;border-radius:50%;background:none;color:#60685d;font-size:27px;font-weight:300;line-height:1}.close-reader:hover{background:#e8e9df}
.chapter-nav{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;padding:14px 20px;flex:none;border-bottom:1px solid var(--line);background:#eaece2}.chapter-link{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:10px 8px;border:1px solid transparent;border-radius:9px;color:#6b7266;font-size:14px;line-height:1.25;white-space:nowrap;transition:background .15s,color .15s}.chapter-number{font-size:11px;letter-spacing:.06em;color:#8b9486}.chapter-link:hover{background:#f7f6ef;color:#333c31}.chapter-link[aria-current="true"]{background:#f4e1c6;border-color:#ddb789;color:#694119}.chapter-link[aria-current="true"] .chapter-number{color:#b37b3c}
.reading-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:30px 48px 45px;scrollbar-width:thin;scrollbar-color:#c5c7b9 transparent;scroll-behavior:smooth}.prose{max-width:760px;margin:auto;font-size:17px;line-height:1.8;color:#454e41}.chapter-section{scroll-margin-top:12px;border-bottom:1px solid #dddccf;padding:0 0 25px;margin:0 0 36px}.chapter-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.prose h1,.prose h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.27;letter-spacing:-.5px;color:#3b4635;text-wrap:balance}.prose h1{font-size:35px;margin:0 0 23px}.prose h2{font-size:31px;margin:0 0 27px}.prose p{margin:0 0 22px}.prose strong{font-weight:600;color:#364331}.prose em{color:#6b765f}.chapter-section:first-child>p:nth-of-type(2){padding:17px 20px;border-left:2px solid #ca8c43;background:#f0e7d6;border-radius:0 10px 10px 0;font-size:16px;line-height:1.7}.prose blockquote{margin:26px 0;padding:15px 22px;border-left:2px solid #b99256;background:#ece6d8}.prose blockquote p{margin:0}
.reader-footer{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid var(--line);background:#f5f4eb}.reader-footer button{border:0;background:none;color:#56634b;padding:8px;font-size:14px}.reader-footer button:hover{color:#ab631f}#section-count{color:#859078;font-size:12px;letter-spacing:.06em;white-space:nowrap}
@keyframes reader-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.chapter-nav{display:flex;overflow-x:auto;scrollbar-width:none;padding:12px 16px;gap:7px;scroll-snap-type:x proximity}.chapter-nav::-webkit-scrollbar{display:none}.chapter-link{flex:none;flex-direction:row;align-items:center;gap:8px;padding:11px 12px;scroll-snap-align:start}.chapter-number{font-size:12px}.hero-quote{font-size:15px}.hero-copy h1{font-size:60px;letter-spacing:-2px}}
@media(max-width:700px){body{padding:10px}.stage{height:calc(100svh - 20px);min-height:680px;border-radius:28px}.topbar{top:24px;left:22px;right:22px;gap:16px}.brand{font-size:18px}.edition{font-size:12px}.avatar{left:52%;height:84%;bottom:7.5%}.hero-copy{position:static;width:auto;max-width:none;transform:none;pointer-events:none}.hero-label,.hero-quote{display:none}.hero-copy h1{position:absolute;top:16%;left:22px;font-size:32px;letter-spacing:-1px;max-width:120px;margin:0}.open-reader{position:absolute;pointer-events:auto;left:50%;top:61%;transform:translate(-50%,-50%);min-height:43px;gap:16px;padding:0 16px;font-size:14px}.open-reader:hover{transform:translate(-50%,-50%) translateY(-2px)}.stage-footer{bottom:17px;gap:9px;font-size:12px}.reader{width:calc(100vw - 16px);height:calc(100svh - 16px);border-radius:21px}.reader-header{padding:13px 16px;min-height:64px}.reader-identity{gap:12px}.reader-identity h2{font-size:17px}.reader-kind{display:none}.chapter-nav{padding:11px 12px}.reading-scroll{padding:26px 24px 32px}.prose{font-size:16px;line-height:1.76}.prose h1{font-size:29px}.prose h2{font-size:28px;margin-bottom:24px}.chapter-section{padding-bottom:17px;margin-bottom:30px}.reader-footer{padding:12px 13px;gap:6px}.reader-footer button{font-size:13px;padding:8px 4px}.chapter-section:first-child>p:nth-of-type(2){padding:15px 17px;font-size:15px}}
@media(max-width:360px){.hero-copy h1{font-size:28px}.stage-footer{font-size:11px;gap:7px}.reader-footer button{font-size:12px}.reading-scroll{padding:23px 20px 30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}