.story-reader-page{--sr-text:#ede9df;--sr-muted:#b8c1c8;--sr-line:#b3c2ce30;min-height:100svh;color:var(--sr-text);overflow-wrap:anywhere;background:radial-gradient(at 95% 0,#604d7040,#0000 48%),radial-gradient(at 5% 45%,#23475245,#0000 42%),#15212b;padding:20px max(24px,50vw - 595px) 34px;font:400 16px/1.7 Onest,sans-serif}.story-reader-page *{box-sizing:border-box}.story-reader-page :is(h1,h2,h3,p){margin:0}.story-reader-page :is(button,a){font:inherit}.story-reader-page a{color:inherit;text-decoration:none}.story-reader-page a:hover{text-underline-offset:4px;text-decoration:underline}.story-reader-page svg{flex-shrink:0}.story-reader-page :is(a,button):focus-visible{outline-offset:4px;outline:3px solid #d8c09b}.story-reader-page h3:focus{outline-offset:7px;border-radius:3px;outline:2px solid #ac885d}.sr-nav{border-bottom:1px solid var(--sr-line);justify-content:space-between;align-items:center;gap:18px;padding-bottom:12px;display:flex}.sr-nav a{color:#d5dbd8;align-items:center;gap:8px;min-height:44px;font-size:14px;display:inline-flex}.sr-nav>span{letter-spacing:.15em;color:#acb8c0;font-size:11px}.sr-heading{justify-content:space-between;align-items:center;gap:25px;padding:30px 0 23px;display:flex}.sr-heading>div:first-child{max-width:800px}.sr-heading>div>span{letter-spacing:.14em;color:#d2bd9d;margin-bottom:11px;font-size:11px;display:block}.sr-heading h1{letter-spacing:-.04em;font-size:clamp(34px,4.2vw,52px);font-weight:500;line-height:1.2}.sr-heading p{color:#bbc5cb;margin-top:13px;font-size:17px;line-height:1.65}.sr-seal{color:#cfbf9f;background:#c8b79906;border:1px solid #c8b79950;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:112px;height:112px;display:flex;transform:rotate(8deg)}.sr-seal span{letter-spacing:.15em;text-align:center;font-size:10px;line-height:1.5}.sr-boundary{color:var(--sr-muted);border-bottom:1px solid var(--sr-line);padding-bottom:21px;font-size:14px!important}.sr-empty{background:#b9c5c805;border:1px dashed #b7c6cc4f;border-radius:15px;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px;min-height:330px;margin-top:25px;padding:30px;display:flex}.sr-empty>svg{color:#cbbc9b}.sr-empty h2{letter-spacing:-.025em;font-size:28px;font-weight:500;line-height:1.3}.sr-empty p{color:#bac7ca;max-width:820px;font-size:16px}.story-reader-page .sr-primary{color:#293b40;background:#dac7a6;border:1px solid #dac7a6;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:46px;margin-top:3px;padding:11px 17px;font-size:15px;font-weight:600;display:inline-flex}.sr-reading{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:25px;margin-top:27px;display:grid}.sr-paper{color:#344244;background:linear-gradient(135deg,#f7f1e7,#ece5d6);border:1px solid #d4c9b6;border-radius:4px 17px 17px 4px;min-width:0;padding:31px 36px;box-shadow:-5px 5px #d1c5ae36,0 15px 40px #07121b33}.sr-paper-meta{letter-spacing:.12em;color:#77837a;border-bottom:1px solid #83939145;justify-content:space-between;align-items:center;gap:18px;padding-bottom:24px;font-size:11px;display:flex}.sr-paper-meta>span:last-child{letter-spacing:0;color:#708074;align-items:center;gap:7px;font-size:14px;display:inline-flex}.sr-authored{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;unicode-bidi:plaintext;min-width:0}.sr-title{letter-spacing:-.02em;color:#2e4545;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:400;line-height:1.38;margin:27px 0 21px!important}.sr-divider{color:#9c885e;justify-content:center;align-items:center;gap:14px;margin:0 0 23px;display:flex}.sr-divider>span{background:#ac9a735c;width:39px;height:1px}.sr-opening,.sr-ending-text{color:#415252;font-size:18px;line-height:1.95}.sr-choices{border-top:1px solid #8b9d924d;margin-top:28px;padding-top:25px}.sr-choices>span{letter-spacing:.15em;color:#7e8065;font-size:11px}.sr-choices h3,.sr-ending h3{letter-spacing:-.02em;color:#3d5049;margin-top:8px;font-size:24px;font-weight:500;line-height:1.35}.sr-choices>p{color:#687762;max-width:570px;margin-top:11px;font-size:14px;line-height:1.75}.sr-choices>div{gap:12px;margin-top:20px;display:grid}.sr-choices button{text-align:start;color:#395548;cursor:pointer;white-space:normal;background:#f8f5ec;border:1px solid #9eb4a37a;border-radius:10px;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:65px;padding:15px 17px;font-size:16px;line-height:1.7;display:grid}.sr-choices button:hover{background:#e2eadb;border-color:#7c9c80}.sr-choice-number{font-variant-numeric:tabular-nums;color:#839577;font-size:14px}.sr-choices button>svg{color:#74907a}.sr-ending{border-top:1px solid #8b9d924d;margin-top:28px;padding-top:25px}.sr-ending-mark{letter-spacing:.12em;color:#927346;align-items:center;gap:8px;font-size:11px;display:flex}.sr-chosen{background:#dfe5d25c;border-left:3px solid #a2ac86;border-radius:0 7px 7px 0;margin:20px 0;padding:14px 17px}.sr-chosen>span{color:#78866a;margin-bottom:5px;font-size:14px;display:block}.sr-chosen>p{color:#53654b;font-size:16px;line-height:1.7}.sr-ending-footer{border-top:1px solid #8b9d9240;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;padding-top:20px;display:flex}.sr-ending-footer>span{color:#7f826b;font-family:Georgia,Times New Roman,serif;font-size:16px;font-style:italic}.sr-ending-footer button{color:#4d6444;cursor:pointer;background:#dfe5cf;border:1px solid #9eaf8d;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 13px;font-size:14px;line-height:1.5;display:inline-flex}.sr-ending-footer button:hover{background:#d0dcba}.sr-side{gap:22px;min-width:0;display:grid}.sr-side>div{border:1px solid var(--sr-line);background:#ffffff03;border-radius:12px;padding:22px}.sr-side>div>span{letter-spacing:.11em;color:#c4b48f;margin-bottom:10px;font-size:10px;display:block}.sr-side h2{color:#d8ddd0;font-size:20px;font-weight:500;line-height:1.45}.sr-side p{color:#aebabd;margin-top:13px;font-size:14px;line-height:1.8}.sr-side-create>svg{color:#c8b28b;margin-bottom:13px}.sr-side-create>a{color:#d9c29e;align-items:center;gap:8px;min-height:44px;margin-top:16px;font-size:14px;display:inline-flex}.sr-footer{border-top:1px solid var(--sr-line);justify-content:space-between;align-items:flex-start;gap:28px;margin-top:28px;padding-top:22px;display:flex}.sr-footer>p{color:#aebbbf;max-width:880px;font-size:14px;line-height:1.8}.sr-footer>a{color:#d6c29e;flex-shrink:0;align-items:center;gap:8px;min-height:44px;font-size:14px;display:inline-flex}@media (max-width:1050px){.sr-reading{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.sr-paper{padding:27px}.sr-side>div{padding:20px}.sr-nav>span{text-align:center;max-width:170px}.sr-ending-footer{flex-direction:column;align-items:flex-start}.sr-footer{flex-direction:column;gap:7px}}@media (max-width:780px){.story-reader-page{padding:15px 20px 28px}.sr-nav>span{display:none}.sr-heading{gap:18px;padding-top:24px}.sr-seal{width:94px;height:94px}.sr-seal>svg{width:29px;height:29px}.sr-reading{grid-template-columns:minmax(0,1fr);gap:22px}.sr-paper{padding:27px 29px}.sr-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sr-side p{font-size:14px}.sr-title{font-size:33px}.sr-opening,.sr-ending-text{font-size:18px;line-height:1.9}.sr-heading h1{font-size:39px}.sr-heading>div>span{letter-spacing:.1em;font-size:10px}.sr-empty{min-height:290px;padding:25px}}@media (max-width:520px){.story-reader-page{padding:12px 16px 24px}.sr-nav{gap:14px}.sr-nav a{font-size:14px}.sr-heading{padding:23px 0 20px}.sr-heading h1{font-size:35px}.sr-heading p{font-size:16px}.sr-seal{display:none}.sr-paper{border-radius:4px 12px 12px 4px;padding:22px 20px}.sr-paper-meta{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:18px}.sr-paper-meta>span:first-child{font-size:10px}.sr-title{font-size:30px;margin-top:22px!important}.sr-opening,.sr-ending-text{font-size:17px;line-height:1.9}.sr-choices h3,.sr-ending h3{font-size:23px}.sr-choices button{grid-template-columns:24px minmax(0,1fr) 18px;gap:9px;padding:14px 12px;font-size:16px}.sr-chosen{padding:13px 14px}.sr-side{grid-template-columns:minmax(0,1fr)}.sr-side>div{padding:20px}.sr-side h2{font-size:21px}.sr-empty h2{font-size:25px}.sr-empty{padding:23px 20px}.sr-empty .sr-primary,.sr-ending-footer button{width:100%}.sr-reading{margin-top:22px}.sr-boundary{padding-bottom:18px}.sr-footer{margin-top:23px}}@media (prefers-reduced-motion:reduce){.story-reader-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sr-reduced *{scroll-behavior:auto!important;transition:none!important;animation:none!important}