.site-work-notice{position:relative;box-sizing:border-box;max-width:1180px;margin:18px auto 0;padding:20px 64px 20px 76px;border:1px solid rgba(151,108,43,.38);background:linear-gradient(135deg,#fbf3e4 0%,#f3e3c3 100%);box-shadow:0 12px 30px rgba(48,28,16,.09);color:#2d211b}
.site-work-notice::before{content:"修";position:absolute;left:24px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:1px solid #a87a2f;border-radius:50%;color:#93651f;font-family:serif;font-size:18px}
.site-work-notice__eyebrow{margin:0 0 5px;color:#9a6d28;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.site-work-notice__title{display:block;margin:0 0 4px;font-family:Georgia,serif;font-size:20px;font-weight:500}
.site-work-notice__text{margin:0;max-width:900px;font-size:14px;line-height:1.65;opacity:.82}
.site-work-notice__close{position:absolute;right:18px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:26px;line-height:1;cursor:pointer;opacity:.6;transition:.2s}
.site-work-notice__close:hover,.site-work-notice__close:focus-visible{background:rgba(151,108,43,.12);opacity:1;outline:none}
html[data-theme="dark"] .site-work-notice{border-color:rgba(202,159,86,.35);background:linear-gradient(135deg,#211514 0%,#301b1b 100%);box-shadow:0 12px 32px rgba(0,0,0,.28);color:#f1e3ca}
html[data-theme="dark"] .site-work-notice::before{border-color:#bd8b3f;color:#d2a356}
@media(max-width:760px){.site-work-notice{margin:10px 12px 0;padding:18px 52px 18px 58px}.site-work-notice::before{left:16px;width:28px;height:28px;font-size:15px}.site-work-notice__title{font-size:17px}.site-work-notice__text{font-size:13px}.site-work-notice__close{right:10px;top:10px}}
@font-face{font-family:Lora;src:url('/_next/static/media/lora-cyrillic-400-normal.6874c512.woff2') format('woff2');font-display:swap}
@font-face{font-family:Cormorant;src:url('/_next/static/media/cormorant-garamond-cyrillic-400-normal.2cca49ae.woff2') format('woff2');font-display:swap}
:root{--ink:#f1e8dc;--muted:#b8aa9c;--gold:#c9a56a;--red:#8f2836;--bg:#0d0c0f;--panel:#171318;--line:#352b31;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#28151d 0,#100d11 38%,#0b0a0d 100%);color:var(--ink);font-family:Lora,Georgia,serif;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:2rem;min-height:78px;padding:0 max(22px,calc((100vw - var(--max))/2));background:rgba(11,10,13,.92);border-bottom:1px solid rgba(201,165,106,.22);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:.8rem;margin-right:auto}.brand-mark,.footer-brand span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-family:serif;font-size:1.35rem}.brand strong{display:block;font-family:Cormorant,Georgia,serif;font-size:1.25rem;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-size:.68rem;letter-spacing:.16em}.site-nav{display:flex;gap:1.35rem;font-size:.85rem}.site-nav a:hover{color:var(--gold)}.adult-badge{padding:.22rem .55rem;border:1px solid #70434a;border-radius:99px;color:#d7a6ac;font-size:.72rem}
.hero{min-height:72vh;display:grid;place-items:center;text-align:center;padding:7rem 1.5rem;background:linear-gradient(rgba(8,7,9,.45),rgba(8,7,9,.92)),url('/ten-imperatora-cover.png') center 24%/cover no-repeat}.hero-inner{max-width:760px}.eyebrow{margin:0 0 .6rem;color:var(--gold);font-size:.75rem;letter-spacing:.24em;text-transform:uppercase}.hero h1,.page-title,.chapter-hero h1{margin:.1em 0;font:400 clamp(3.2rem,8vw,6.7rem)/.9 Cormorant,Georgia,serif}.hero p{max-width:650px;margin:1.5rem auto;color:#d0c4b8;font-size:1.08rem}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.3rem;border:1px solid var(--gold);color:#120d0f;background:var(--gold);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.button.secondary{background:transparent;color:var(--ink);border-color:#75685f}.button:hover{filter:brightness(1.1)}
.section{width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:6rem 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section h2,.page-title{font-family:Cormorant,Georgia,serif;font-weight:400}.section h2{margin:0;font-size:clamp(2.3rem,5vw,4rem);line-height:1}.text-link{color:var(--gold);font-size:.82rem}.story-grid,.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem}.story-card,.chapter-card{position:relative;overflow:hidden;min-height:360px;border:1px solid var(--line);background:var(--panel)}.story-card img,.chapter-card img{width:100%;height:250px;object-fit:cover;transition:transform .5s ease}.story-card:hover img,.chapter-card:hover img{transform:scale(1.025)}.card-body{padding:1.6rem}.card-body h3{margin:.2rem 0 .65rem;font:400 2rem/1.05 Cormorant,Georgia,serif}.card-body p{margin:.2rem 0;color:var(--muted)}.meta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem;color:#968b82;font-size:.75rem}.meta span{padding:.18rem .55rem;border:1px solid #3a3034;border-radius:99px}.status{color:var(--gold)}
.latest{display:grid;grid-template-columns:1.12fr .88fr;border:1px solid var(--line);background:#130f13}.latest-media img{width:100%;height:100%;min-height:420px;object-fit:cover}.latest-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4rem)}.latest-copy h3{margin:.2rem 0 1rem;font:400 clamp(2.5rem,5vw,4rem)/.95 Cormorant,Georgia,serif}.latest-copy p{color:var(--muted)}.quote-panel{max-width:780px;margin:0 auto;padding:3rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;color:#c4b5a8;font-size:1.2rem}.quote-panel .mark{display:block;color:var(--gold);font-size:2rem}
.page-hero{padding:6rem 1.5rem 3rem;text-align:center}.page-hero p{max-width:680px;margin:1rem auto;color:var(--muted)}.chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chapter-card{min-height:0}.chapter-card img{height:290px}.empty-state{padding:4rem 2rem;border:1px solid var(--line);text-align:center;color:var(--muted)}
.chapter-hero{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);min-height:620px}.chapter-hero-media{background:#161116}.chapter-hero-media img{width:100%;height:100%;object-fit:cover}.chapter-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2.5rem,7vw,7rem)}.chapter-hero h1{font-size:clamp(3.5rem,7vw,6.5rem)}.chapter-hero-copy>p:not(.eyebrow){color:var(--muted);font-size:1.05rem}.chapter-body{width:min(760px,calc(100% - 40px));margin:0 auto;padding:5rem 0;font-size:1.05rem;line-height:1.95}.chapter-body p{margin:0 0 1.4em}.chapter-body p:first-of-type:first-letter{float:left;margin:.12em .12em 0 0;color:var(--gold);font:400 4.5rem/.75 Cormorant,Georgia,serif}.scene-divider{display:flex;align-items:center;justify-content:center;height:5rem;color:var(--gold);letter-spacing:.5em}.chapter-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:min(900px,calc(100% - 40px));margin:0 auto 6rem}.chapter-nav a{padding:1.2rem;border:1px solid var(--line);background:var(--panel)}.chapter-nav a:last-child{text-align:right}.chapter-nav small{display:block;color:var(--muted)}
.site-footer{padding:3rem max(22px,calc((100vw - var(--max))/2));border-top:1px solid var(--line);background:#09080a;color:var(--muted)}.footer-brand{display:flex;align-items:center;gap:.8rem;color:var(--ink)}.footer-brand span{width:36px;height:36px;font-size:1rem}.site-footer nav{display:flex;gap:1rem;margin:1rem 0}.site-footer a{color:var(--gold)}.footer-note{font-size:.78rem}
@media(max-width:820px){.site-header{position:relative;flex-wrap:wrap;padding:14px 20px}.site-nav{order:3;width:100%;overflow-x:auto;padding-bottom:4px}.adult-badge{margin-left:auto}.story-grid,.chapter-grid,.latest,.chapter-hero{grid-template-columns:1fr}.chapter-grid{gap:1rem}.latest-media img{min-height:300px}.chapter-hero-media img{max-height:560px}.chapter-hero{min-height:0}.chapter-hero-copy{padding:3rem 22px}.section{padding:4rem 0}.chapter-nav{grid-template-columns:1fr}.hero{min-height:66vh}.brand strong{font-size:1.05rem}}
.actions-left{justify-content:flex-start}
.theme-toggle{display:inline-flex;align-items:center;gap:.42rem;min-height:34px;padding:.32rem .62rem;border:1px solid #5f5057;border-radius:99px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.72rem}.theme-toggle:hover,.theme-toggle:focus{border-color:var(--gold);color:var(--gold);outline:none}.theme-icon{font-size:1rem;line-height:1}.theme-label{line-height:1}

html[data-theme="light"]{--ink:#2f241f;--muted:#776961;--gold:#956822;--red:#8e3440;--bg:#f5ede2;--panel:#fffaf3;--line:#d9c9b8}
html[data-theme="light"] body{background:radial-gradient(circle at 50% -10%,#fffaf4 0,#f4eadf 46%,#eee2d4 100%);color:var(--ink)}
html[data-theme="light"] .site-header{background:rgba(250,244,236,.94);border-bottom-color:rgba(149,104,34,.3);box-shadow:0 8px 30px rgba(69,45,31,.08)}
html[data-theme="light"] .brand small,html[data-theme="light"] .site-nav{color:#62544d}
html[data-theme="light"] .adult-badge{border-color:#bd8b92;color:#8e3440}
html[data-theme="light"] .theme-toggle{border-color:#cdbba8;background:rgba(255,255,255,.48);color:#65564e}
html[data-theme="light"] .hero{background:linear-gradient(rgba(255,249,241,.32),rgba(247,238,227,.93)),url('/ten-imperatora-cover.png') center 24%/cover no-repeat;color:#281c18}
html[data-theme="light"] .hero p{color:#514039;text-shadow:0 1px 0 rgba(255,255,255,.55)}
html[data-theme="light"] .hero h1{text-shadow:0 2px 22px rgba(255,250,242,.95)}
html[data-theme="light"] .button.secondary{color:#30231e;border-color:#9d8879;background:rgba(255,250,244,.5)}
html[data-theme="light"] .story-card,html[data-theme="light"] .chapter-card,html[data-theme="light"] .latest{background:var(--panel);box-shadow:0 12px 34px rgba(78,53,37,.07)}
html[data-theme="light"] .latest-copy p,html[data-theme="light"] .card-body p,html[data-theme="light"] .page-hero p,html[data-theme="light"] .chapter-hero-copy>p:not(.eyebrow){color:var(--muted)}
html[data-theme="light"] .quote-panel{color:#695950}
html[data-theme="light"] .chapter-hero-media{background:#e8dbcd}
html[data-theme="light"] .chapter-body{color:#352923}
html[data-theme="light"] .chapter-nav a{background:#fffaf3;box-shadow:0 8px 24px rgba(78,53,37,.06)}
html[data-theme="light"] .site-footer{background:#eadfd2;color:#6f6158;border-top-color:#d3c1ae}
html[data-theme="light"] .footer-brand{color:#30241f}
@media(max-width:820px){.theme-toggle{margin-left:auto}.adult-badge{margin-left:0}.site-nav{order:4}}

/* Imperial editorial typography */
.brand strong{font-size:1.34rem;letter-spacing:.07em}.brand small{margin-top:-.08rem;letter-spacing:.25em}.site-nav{font-family:Cormorant,Georgia,serif;font-size:1rem;letter-spacing:.055em}.site-nav a{position:relative}.site-nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:-.42rem;height:1px;background:var(--gold);transition:left .25s ease,right .25s ease}.site-nav a:hover::after,.site-nav a:focus::after{left:0;right:0}
.hero-inner{position:relative;padding:3rem clamp(1rem,6vw,5rem)}.hero-inner::before,.hero-inner::after{content:"";position:absolute;left:50%;width:min(520px,74%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.72}.hero-inner::before{top:0}.hero-inner::after{bottom:0}.hero h1{font-size:clamp(4rem,9vw,7.4rem);letter-spacing:.025em;text-wrap:balance}.hero h1::after{content:"影";display:block;margin:.42rem auto 0;width:2.25rem;height:2.25rem;border:1px solid currentColor;border-radius:2px;color:var(--gold);font:400 1.15rem/2.15rem serif;opacity:.86}.hero p{font-size:1.12rem;line-height:1.9;text-wrap:balance}
.section-heading{position:relative;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}.section-heading::after{content:"";position:absolute;left:0;bottom:-1px;width:96px;height:1px;background:var(--gold)}.section h2{max-width:820px;font-size:clamp(2.8rem,5.4vw,4.65rem);letter-spacing:.018em;text-wrap:balance}.section-heading .eyebrow{margin-bottom:.8rem}
.card-body h3,.latest-copy h3{letter-spacing:.025em;text-wrap:balance}.card-body h3{font-size:2.2rem}.card-body>p:not(.eyebrow),.latest-copy>p:not(.eyebrow){line-height:1.85}.story-card,.chapter-card,.latest{border-color:color-mix(in srgb,var(--gold) 24%,var(--line));box-shadow:0 18px 55px rgba(0,0,0,.18)}
.page-hero{position:relative;overflow:hidden;padding-top:7rem}.page-hero::before{content:"影";position:absolute;left:50%;top:48%;z-index:-1;transform:translate(-50%,-50%);color:var(--gold);font:400 clamp(12rem,30vw,27rem)/1 serif;opacity:.035}.page-title{font-size:clamp(4rem,8vw,7rem);letter-spacing:.03em;text-wrap:balance}.page-title::after{content:"";display:block;width:90px;height:1px;margin:1.5rem auto;background:var(--gold)}
.chapter-hero-copy{position:relative;overflow:hidden;isolation:isolate}.chapter-hero-copy::before{content:"影";position:absolute;right:-.08em;top:50%;z-index:-1;transform:translateY(-50%);color:var(--gold);font:400 clamp(14rem,27vw,29rem)/1 serif;opacity:.035}.chapter-hero h1{letter-spacing:.025em;text-wrap:balance}.chapter-hero h1::after{content:"";display:block;width:88px;height:1px;margin:1.2rem 0 1.35rem;background:var(--gold)}
.chapter-body{position:relative;width:min(720px,calc(100% - 40px));padding-top:6.5rem;font-size:1.1rem;line-height:2.05;text-rendering:optimizeLegibility}.chapter-body::before{content:"◆  影  ◆";display:block;margin:0 auto 4rem;color:var(--gold);font-family:Cormorant,Georgia,serif;font-size:1rem;letter-spacing:.7em;text-align:center;opacity:.82}.chapter-body p{margin:0;text-indent:1.65em}.chapter-body p+p{margin-top:.48em}.chapter-body p:first-of-type{margin-top:0;text-indent:0}.chapter-body p:first-of-type:first-letter{margin:.16em .13em 0 0;font-size:5.2rem}.scene-divider{height:7rem;font-size:.72rem;letter-spacing:.8em}.scene-divider+p{margin-top:0;text-indent:0}.chapter-nav a{position:relative;overflow:hidden;font-family:Cormorant,Georgia,serif;font-size:1.25rem;letter-spacing:.025em}.chapter-nav a::before{content:"影";position:absolute;right:.65rem;bottom:-.55rem;color:var(--gold);font-size:3.8rem;opacity:.06}.chapter-nav small{font-family:Lora,Georgia,serif;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.quote-panel{font-family:Cormorant,Georgia,serif;font-size:1.5rem;line-height:1.75}.quote-panel .mark{width:52px;height:52px;margin:0 auto 1.2rem;border:1px solid var(--gold);font:400 1.55rem/50px serif}
.site-footer{font-size:.88rem}.footer-brand strong{font-family:Cormorant,Georgia,serif;font-size:1.35rem;letter-spacing:.06em}
html[data-theme="light"] .story-card,html[data-theme="light"] .chapter-card,html[data-theme="light"] .latest{box-shadow:0 18px 50px rgba(78,53,37,.09)}
html[data-theme="light"] .page-hero::before,html[data-theme="light"] .chapter-hero-copy::before{opacity:.055}
@media(max-width:820px){.brand strong{font-size:1.08rem}.site-nav{font-size:.92rem}.hero-inner{padding:2.6rem .5rem}.hero-inner::before,.hero-inner::after{width:88%}.hero h1{font-size:clamp(3.5rem,16vw,5.2rem)}.section h2{font-size:clamp(2.5rem,12vw,3.6rem)}.chapter-hero h1::after{margin-left:0}.chapter-body{font-size:1.02rem;line-height:1.95;padding-top:4.5rem}.chapter-body::before{margin-bottom:3rem}.chapter-body p{ text-indent:1.35em}}

/* Reader controls */
.reader-surface{--reader-font:Lora,Georgia,serif;--reader-size:1.1rem;--reader-leading:2.05;--reader-paper:transparent;--reader-text:var(--ink);position:relative;color:var(--reader-text);background:var(--reader-paper);transition:color .25s ease,background .25s ease}
.reader-stage{background:var(--reader-paper);color:var(--reader-text);transition:color .25s ease,background .25s ease,box-shadow .25s ease}
.reader-surface[data-reader-theme="paper"]{--reader-paper:#f4ead8;--reader-text:#35271f}
.reader-surface[data-reader-theme="sepia"]{--reader-paper:#dcc39c;--reader-text:#39291e}
.reader-surface[data-reader-theme="night"]{--reader-paper:#09090c;--reader-text:#eee6da}
.reader-surface[data-reader-theme]:not([data-reader-theme="site"]) .reader-stage{box-shadow:inset 0 1px rgba(114,75,42,.2),inset 0 -1px rgba(114,75,42,.2)}
.reader-surface[data-reader-font="book"]{--reader-font:Lora,Georgia,serif}
.reader-surface[data-reader-font="classic"]{--reader-font:Cormorant,Georgia,serif}
.reader-surface[data-reader-font="simple"]{--reader-font:Arial,"Helvetica Neue",sans-serif}
.reader-surface[data-reader-size="14"]{--reader-size:14px;--reader-leading:1.85}.reader-surface[data-reader-size="15"]{--reader-size:15px;--reader-leading:1.88}.reader-surface[data-reader-size="16"]{--reader-size:16px;--reader-leading:1.9}.reader-surface[data-reader-size="17"]{--reader-size:17px;--reader-leading:1.95}.reader-surface[data-reader-size="18"]{--reader-size:18px;--reader-leading:2}.reader-surface[data-reader-size="19"]{--reader-size:19px;--reader-leading:2}.reader-surface[data-reader-size="20"]{--reader-size:20px;--reader-leading:1.95}.reader-surface[data-reader-size="21"]{--reader-size:21px;--reader-leading:1.92}.reader-surface[data-reader-size="22"]{--reader-size:22px;--reader-leading:1.9}.reader-surface[data-reader-size="23"]{--reader-size:23px;--reader-leading:1.88}.reader-surface[data-reader-size="24"]{--reader-size:24px;--reader-leading:1.86}.reader-surface[data-reader-size="25"]{--reader-size:25px;--reader-leading:1.84}.reader-surface[data-reader-size="26"]{--reader-size:26px;--reader-leading:1.82}.reader-surface[data-reader-size="27"]{--reader-size:27px;--reader-leading:1.8}.reader-surface[data-reader-size="28"]{--reader-size:28px;--reader-leading:1.78}.reader-surface[data-reader-size="29"]{--reader-size:29px;--reader-leading:1.76}.reader-surface[data-reader-size="30"]{--reader-size:30px;--reader-leading:1.75}
.reader-surface .chapter-body{color:inherit;font-family:var(--reader-font);font-size:var(--reader-size);line-height:var(--reader-leading)}
html[data-theme="light"] .reader-surface .chapter-body{color:inherit}

.reader-toggle{position:fixed;right:18px;bottom:18px;z-index:35;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid color-mix(in srgb,var(--gold) 65%,var(--line));border-radius:50%;background:rgba(19,15,19,.94);box-shadow:0 10px 28px rgba(0,0,0,.32);color:var(--ink);cursor:pointer;backdrop-filter:blur(14px)}
.reader-toggle:hover,.reader-toggle:focus-visible,.reader-toggle[aria-expanded="true"]{border-color:var(--gold);color:var(--gold);outline:none;transform:translateY(-1px)}.reader-toggle__aa{font:600 1.05rem/1 Cormorant,Georgia,serif;letter-spacing:-.03em}
html[data-theme="light"] .reader-toggle{background:rgba(255,250,243,.96);box-shadow:0 12px 35px rgba(75,47,29,.18)}
.reader-panel[hidden]{display:none!important}.reader-panel{position:fixed;right:22px;bottom:82px;z-index:36;width:min(390px,calc(100vw - 32px));max-height:calc(100vh - 110px);overflow:auto;padding:1.25rem;border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));background:rgba(20,16,20,.98);box-shadow:0 24px 70px rgba(0,0,0,.48);color:var(--ink);backdrop-filter:blur(18px)}
.reader-panel::before{content:"影";position:absolute;right:1rem;top:3.1rem;color:var(--gold);font:400 7rem/1 serif;opacity:.035;pointer-events:none}.reader-panel__header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.reader-panel__eyebrow{display:block;color:var(--gold);font-size:.63rem;letter-spacing:.17em;text-transform:uppercase}.reader-panel h2{margin:.15rem 0 0;font:400 2rem/1 Cormorant,Georgia,serif}.reader-panel__close{width:34px;height:34px;padding:0;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font:300 1.55rem/1 serif}.reader-panel__close:hover,.reader-panel__close:focus-visible{border-color:var(--gold);color:var(--gold);outline:none}
.reader-setting{min-width:0;margin:1.1rem 0 0;padding:0;border:0}.reader-setting legend{margin-bottom:.55rem;color:var(--muted);font-size:.7rem;letter-spacing:.11em;text-transform:uppercase}.reader-options{display:grid;gap:.45rem}.reader-options--themes{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-options--fonts{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-options button{display:flex;min-width:0;min-height:45px;align-items:center;justify-content:center;gap:.42rem;padding:.48rem;border:1px solid var(--line);background:rgba(255,255,255,.018);color:var(--muted);cursor:pointer;font:400 .72rem/1.15 Lora,Georgia,serif}.reader-options button:hover,.reader-options button:focus-visible{border-color:var(--gold);color:var(--ink);outline:none}.reader-options button[aria-pressed="true"]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 18%,transparent)}
.reader-swatch{display:block;width:16px;height:16px;border:1px solid #75675d;border-radius:50%;flex:0 0 auto}.reader-swatch--site{background:linear-gradient(135deg,#161118 50%,#f4eadf 50%)}.reader-swatch--paper{background:#f4ead8}.reader-swatch--sepia{background:#dcc39c}.reader-swatch--night{background:#09090c}.font-sample{font-size:1.1rem}.font-sample--book{font-family:Lora,Georgia,serif}.font-sample--classic{font-family:Cormorant,Georgia,serif}.font-sample--simple{font-family:Arial,sans-serif}.reader-size-control{display:grid;grid-template-columns:24px minmax(0,1fr) 30px;align-items:center;gap:.65rem;padding:.8rem .2rem .25rem}.reader-size-control__edge{color:var(--muted);font:400 .9rem/1 Cormorant,Georgia,serif;text-align:center}.reader-size-control__edge--large{font-size:1.55rem;color:var(--ink)}.reader-size-control input[type="range"]{width:100%;height:24px;margin:0;accent-color:var(--gold);cursor:pointer}.reader-size-control input[type="range"]:focus-visible{outline:1px solid var(--gold);outline-offset:4px}.reader-size-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;color:var(--muted);font-size:.62rem}.reader-size-meta span:last-child{text-align:right}.reader-size-meta output{min-width:58px;padding:.28rem .42rem;border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));color:var(--gold);font-size:.72rem;text-align:center}.reader-reset{width:100%;margin-top:1.1rem;padding:.7rem;border:0;border-top:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font:400 .72rem/1 Lora,Georgia,serif;letter-spacing:.08em;text-transform:uppercase}.reader-reset:hover,.reader-reset:focus-visible{color:var(--gold);outline:none}
html[data-theme="light"] .reader-panel{background:rgba(255,250,243,.99);box-shadow:0 24px 70px rgba(73,47,29,.22)}html[data-theme="light"] .reader-options button{background:rgba(255,255,255,.5)}

/* Animated end-of-chapter scroll */
.chapter-scroll-end{position:relative;width:min(760px,calc(100% - 40px));margin:6rem auto 4rem;padding:16px 0;perspective:1200px;text-align:center}.chapter-scroll-end__paper{position:relative;overflow:hidden;padding:clamp(3rem,7vw,5rem) clamp(1.5rem,7vw,5rem);border:1px solid rgba(117,80,51,.42);background:linear-gradient(90deg,rgba(92,58,34,.08),transparent 13%,transparent 87%,rgba(92,58,34,.08)),#e9d8b9;box-shadow:0 28px 70px rgba(0,0,0,.3),inset 0 0 80px rgba(106,65,31,.12);color:#38271e;opacity:0;transform:scaleY(.06);transform-origin:50% 0}.chapter-scroll-end.is-visible .chapter-scroll-end__paper{animation:scroll-unfurl 1s cubic-bezier(.22,.75,.25,1) forwards}.chapter-scroll-end__paper::before{content:"影";position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);color:#713438;font:400 clamp(12rem,35vw,20rem)/1 serif;opacity:.028}.chapter-scroll-end .eyebrow{position:relative;color:#855d2f}.chapter-scroll-end h2{position:relative;margin:.18rem 0 .8rem;font:400 clamp(2.8rem,7vw,5rem)/.95 Cormorant,Georgia,serif;letter-spacing:.025em}.chapter-scroll-end__note{position:relative;max-width:470px;margin:1.1rem auto 2.2rem;color:#765f50;font-size:.9rem}.scroll-roller{position:absolute;left:-2%;z-index:2;width:104%;height:20px;border:1px solid #6f4c2f;background:linear-gradient(#c59b5f,#73502e 46%,#3f2a20 55%,#9b7040);box-shadow:0 5px 10px rgba(0,0,0,.28)}.scroll-roller::before,.scroll-roller::after{content:"";position:absolute;top:50%;width:27px;height:27px;transform:translateY(-50%);border:1px solid #5f402a;border-radius:50%;background:radial-gradient(circle,#c39b62 0 24%,#60412c 27% 48%,#b3854e 51%)}.scroll-roller::before{left:-13px}.scroll-roller::after{right:-13px}.scroll-roller--top{top:5px}.scroll-roller--bottom{bottom:5px}.scroll-roller i{position:absolute;inset:4px 4%;border-top:1px solid rgba(255,231,184,.36);border-bottom:1px solid rgba(45,25,15,.4)}.scroll-corner{position:absolute;width:56px;height:56px;opacity:.22}.scroll-corner::before,.scroll-corner::after{content:"";position:absolute;background:#815c36}.scroll-corner::before{width:1px;height:56px}.scroll-corner::after{width:56px;height:1px}.scroll-corner--one{left:24px;top:30px}.scroll-corner--two{right:24px;bottom:30px;transform:rotate(180deg)}
.reading-seal{position:relative;display:grid;grid-template-columns:auto 74px auto;align-items:center;justify-content:center;gap:.72rem;margin:0 auto;color:#7e2831;font-family:Cormorant,Georgia,serif;opacity:0;transform:scale(2.2) rotate(-14deg)}.chapter-scroll-end.is-visible .reading-seal{animation:seal-stamp .56s 1.02s cubic-bezier(.18,.9,.32,1.25) forwards}.reading-seal span{font-size:1.06rem;letter-spacing:.12em;text-transform:uppercase}.reading-seal i{display:grid;place-items:center;width:74px;height:74px;border:3px double currentColor;box-shadow:inset 0 0 0 3px #e9d8b9,inset 0 0 0 5px currentColor;font:400 2.55rem/1 serif;font-style:normal}.reading-seal strong{font-size:1.4rem;font-weight:400}.seal-impact{position:absolute;left:50%;top:64%;width:116px;height:116px;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.chapter-scroll-end.is-visible .seal-impact{animation:impact-fade .75s 1.08s ease-out}.seal-impact i{position:absolute;left:50%;top:50%;width:100%;height:1px;background:#8b3036;transform-origin:0 50%}.seal-impact i:nth-child(1){transform:rotate(0deg)}.seal-impact i:nth-child(2){transform:rotate(45deg)}.seal-impact i:nth-child(3){transform:rotate(90deg)}.seal-impact i:nth-child(4){transform:rotate(135deg)}.chapter-scroll-end__actions{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:2.7rem}.chapter-scroll-end .button.secondary{color:#38271e;border-color:#937854;background:transparent}
@keyframes scroll-unfurl{0%{opacity:0;transform:scaleY(.06)}38%{opacity:1}100%{opacity:1;transform:scaleY(1)}}@keyframes seal-stamp{0%{opacity:0;transform:scale(2.2) rotate(-14deg)}72%{opacity:1;transform:scale(.92) rotate(-3deg)}100%{opacity:1;transform:scale(1) rotate(-4deg)}}@keyframes impact-fade{0%{opacity:.7;transform:translate(-50%,-50%) scale(.25)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}

/* Chapter navigation */
.chapter-nav{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;margin-top:0}.chapter-nav--single{grid-template-columns:minmax(0,520px);justify-content:center}.chapter-nav .chapter-nav__link{display:flex;min-width:0;min-height:104px;flex-direction:column;justify-content:center;padding:1.3rem 1.5rem;text-align:left}.chapter-nav .chapter-nav__link--next{text-align:right}.chapter-nav__link span{position:relative;z-index:1;overflow-wrap:anywhere}.chapter-nav__link small{position:relative;z-index:1;margin-bottom:.3rem}

@media(max-width:680px){.reader-toggle{right:12px;bottom:12px;width:42px;height:42px}.reader-panel{right:8px;bottom:64px;width:calc(100vw - 16px);max-height:calc(100vh - 80px)}.reader-options--fonts{grid-template-columns:1fr}.reader-options--fonts button{justify-content:flex-start;padding-left:1rem}.reader-size-meta{font-size:.58rem}.chapter-scroll-end{width:calc(100% - 28px);margin-top:4rem}.scroll-roller{left:0;width:100%}.scroll-roller::before{left:-8px}.scroll-roller::after{right:-8px}.reading-seal{grid-template-columns:1fr;gap:.35rem}.reading-seal i{grid-row:1;margin:0 auto}.reading-seal span{grid-row:2}.reading-seal strong{grid-row:3}.seal-impact{top:59%}.chapter-scroll-end__actions{align-items:stretch;flex-direction:column}.chapter-nav,.chapter-nav--single{grid-template-columns:1fr;width:calc(100% - 28px)}.chapter-nav .chapter-nav__link,.chapter-nav .chapter-nav__link--next{text-align:left}}
@media(prefers-reduced-motion:reduce){.chapter-scroll-end__paper,.reading-seal{animation:none!important;opacity:1;transform:none}.seal-impact{display:none}}

/* Restored first-version reader themes and marginalia */
.reader-surface{--reader-bg:#080807;--reader-paper:#080807;--reader-text:#d7cab4;--reader-muted:#a99b87;--reader-panel:#11100e;--reader-width:760px;background:var(--reader-bg);color:var(--reader-text)}
.reader-surface[data-reader-theme="night"]{--reader-bg:#080807;--reader-paper:#080807;--reader-text:#d7cab4;--reader-muted:#a99b87;--reader-panel:#11100e;--line:rgba(196,160,103,.18);--gold:#c4a067}
.reader-surface[data-reader-theme="scroll"]{--reader-bg:#cdbc9e;--reader-paper:#cdbc9e;--reader-text:#352d23;--reader-muted:#665947;--reader-panel:#ddceb1;--line:rgba(86,62,34,.25);--gold:#75542f}
.reader-surface[data-reader-theme="mist"]{--reader-bg:#171b20;--reader-paper:#171b20;--reader-text:#c9ced0;--reader-muted:#929ba1;--reader-panel:#232930;--line:rgba(157,174,184,.22);--gold:#a8a187}
.reader-surface[data-reader-theme="light"]{--reader-bg:#e3dfd5;--reader-paper:#e3dfd5;--reader-text:#292825;--reader-muted:#67635b;--reader-panel:#f0ede5;--line:rgba(40,37,31,.18);--gold:#80633b}
.reader-surface[data-reader-theme="jade"]{--reader-bg:#202722;--reader-paper:#202722;--reader-text:#ced4c9;--reader-muted:#96a094;--reader-panel:#2a332c;--line:rgba(156,178,157,.2);--gold:#9faa8d}
.reader-surface .reader-stage{background:var(--reader-bg);color:var(--reader-text);box-shadow:none}.reader-surface .chapter-body{width:min(var(--reader-width),calc(100% - 40px));color:var(--reader-text)}
.reader-surface[data-reader-font="book"]{--reader-font:Georgia,"Times New Roman",serif}.reader-surface[data-reader-font="classic"]{--reader-font:Cormorant,Georgia,serif}.reader-surface[data-reader-font="soft"]{--reader-font:Lora,Georgia,serif}.reader-surface[data-reader-font="simple"]{--reader-font:Arial,"Helvetica Neue",sans-serif}
.reader-surface[data-reader-size="12"]{--reader-size:12px}.reader-surface[data-reader-size="13"]{--reader-size:13px}.reader-surface[data-reader-size="14"]{--reader-size:14px}.reader-surface[data-reader-size="15"]{--reader-size:15px}.reader-surface[data-reader-size="16"]{--reader-size:16px}.reader-surface[data-reader-size="17"]{--reader-size:17px}.reader-surface[data-reader-size="18"]{--reader-size:18px}.reader-surface[data-reader-size="19"]{--reader-size:19px}.reader-surface[data-reader-size="20"]{--reader-size:20px}.reader-surface[data-reader-size="21"]{--reader-size:21px}.reader-surface[data-reader-size="22"]{--reader-size:22px}.reader-surface[data-reader-size="23"]{--reader-size:23px}.reader-surface[data-reader-size="24"]{--reader-size:24px}.reader-surface[data-reader-size="25"]{--reader-size:25px}.reader-surface[data-reader-size="26"]{--reader-size:26px}.reader-surface[data-reader-size="27"]{--reader-size:27px}.reader-surface[data-reader-size="28"]{--reader-size:28px}.reader-surface[data-reader-size="29"]{--reader-size:29px}.reader-surface[data-reader-size="30"]{--reader-size:30px}.reader-surface[data-reader-size="31"]{--reader-size:31px}.reader-surface[data-reader-size="32"]{--reader-size:32px}
.reader-surface[data-reader-leading="1.5"]{--reader-leading:1.5}.reader-surface[data-reader-leading="1.55"]{--reader-leading:1.55}.reader-surface[data-reader-leading="1.6"]{--reader-leading:1.6}.reader-surface[data-reader-leading="1.65"]{--reader-leading:1.65}.reader-surface[data-reader-leading="1.7"]{--reader-leading:1.7}.reader-surface[data-reader-leading="1.75"]{--reader-leading:1.75}.reader-surface[data-reader-leading="1.8"]{--reader-leading:1.8}.reader-surface[data-reader-leading="1.85"]{--reader-leading:1.85}.reader-surface[data-reader-leading="1.9"]{--reader-leading:1.9}.reader-surface[data-reader-leading="1.95"]{--reader-leading:1.95}.reader-surface[data-reader-leading="2"]{--reader-leading:2}.reader-surface[data-reader-leading="2.05"]{--reader-leading:2.05}.reader-surface[data-reader-leading="2.1"]{--reader-leading:2.1}
.reader-surface[data-reader-width="620"]{--reader-width:620px}.reader-surface[data-reader-width="640"]{--reader-width:640px}.reader-surface[data-reader-width="660"]{--reader-width:660px}.reader-surface[data-reader-width="680"]{--reader-width:680px}.reader-surface[data-reader-width="700"]{--reader-width:700px}.reader-surface[data-reader-width="720"]{--reader-width:720px}.reader-surface[data-reader-width="740"]{--reader-width:740px}.reader-surface[data-reader-width="760"]{--reader-width:760px}.reader-surface[data-reader-width="780"]{--reader-width:780px}.reader-surface[data-reader-width="800"]{--reader-width:800px}.reader-surface[data-reader-width="820"]{--reader-width:820px}.reader-surface[data-reader-width="840"]{--reader-width:840px}.reader-surface[data-reader-width="860"]{--reader-width:860px}.reader-surface[data-reader-width="880"]{--reader-width:880px}.reader-surface[data-reader-width="900"]{--reader-width:900px}
.reader-panel{background:color-mix(in srgb,var(--reader-panel) 97%,transparent);color:var(--reader-text)}.reader-panel h2,.reader-options button:hover,.reader-options button:focus-visible{color:var(--reader-text)}.reader-panel__close,.reader-setting legend,.reader-setting--range label,.reader-size-meta,.reader-size-control__edge{color:var(--reader-muted)}.reader-options--fonts{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-swatch--night{background:#080807}.reader-swatch--scroll{background:#cdbc9e}.reader-swatch--mist{background:#171b20}.reader-swatch--light{background:#e3dfd5}.reader-swatch--jade{background:#202722}.font-sample--soft{font-family:Lora,Georgia,serif}.reader-setting--range label{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.4rem;font-size:.7rem;letter-spacing:.06em}.reader-setting--range output{color:var(--gold)}.reader-setting--range input[type="range"]{width:100%;height:26px;margin:0;accent-color:var(--gold);cursor:pointer}.reader-setting--range input[type="range"]:focus-visible{outline:1px solid var(--gold);outline-offset:3px}.reader-surface.is-reader-panel-open .bookmark-tools{opacity:0;pointer-events:none}

.chapter-paragraph{position:relative}.chapter-paragraph+.chapter-paragraph{margin-top:.48em}.chapter-paragraph p,.chapter-body .chapter-paragraph p:first-of-type{margin:0;text-indent:1.65em}.chapter-body .chapter-paragraph p:first-of-type:first-letter{float:none;margin:0;color:inherit;font:inherit}.chapter-body .chapter-paragraph:first-child p{margin-top:0;text-indent:0}.chapter-body .chapter-paragraph:first-child p:first-letter{float:left;margin:.16em .13em 0 0;color:var(--gold);font:400 5.2rem/.75 Cormorant,Georgia,serif}.scene-divider+.chapter-paragraph{margin-top:0}.scene-divider+.chapter-paragraph p{text-indent:0}.chapter-paragraph.is-bookmarked{margin-inline:-14px;padding:0 14px 2px;background:linear-gradient(90deg,rgba(131,42,36,.1),transparent 72%);box-shadow:inset 2px 0 var(--gold)}.character-bookmark{--note-accent:#a53e37;position:relative;display:block;width:min(285px,92%);margin:.45em 0 1.45em auto;padding:10px 12px 11px;border:1px solid color-mix(in srgb,var(--note-accent) 52%,var(--line));background:var(--reader-panel);box-shadow:0 8px 22px rgba(0,0,0,.2);color:var(--reader-text);text-align:left;text-indent:0}.character-bookmark::before{content:"";position:absolute;right:18px;top:-6px;width:10px;height:10px;border-left:1px solid color-mix(in srgb,var(--note-accent) 52%,var(--line));border-top:1px solid color-mix(in srgb,var(--note-accent) 52%,var(--line));background:var(--reader-panel);transform:rotate(45deg)}.character-bookmark i{position:relative;float:left;display:grid;place-items:center;width:25px;height:25px;margin:0 8px 4px 0;border:1px solid color-mix(in srgb,var(--note-accent) 48%,transparent);color:var(--note-accent);font:normal 14px/1 serif}.character-bookmark strong{display:block;padding-top:1px;color:var(--note-accent);font:700 9px/1.2 Lora,Georgia,serif;letter-spacing:.11em;text-transform:uppercase}.character-bookmark q{display:block;margin-top:5px;color:var(--reader-muted);font:italic 12px/1.45 var(--reader-font);quotes:"«" "»"}.character-bookmark--yu{--note-accent:#b48c50}.character-bookmark--yunsi{--note-accent:#a96562}.character-bookmark--feng{--note-accent:#788e80}
.text-annotation{--mark-color:rgba(137,52,43,.28);padding:.05em .09em;border-bottom:1px solid rgba(137,52,43,.72);background:linear-gradient(180deg,transparent 46%,var(--mark-color) 46%);color:inherit;cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone}.text-annotation--yu{--mark-color:rgba(180,140,80,.27);border-bottom-color:rgba(180,140,80,.72)}.text-annotation--yunsi{--mark-color:rgba(169,101,98,.25);border-bottom-color:rgba(169,101,98,.7)}.text-annotation--feng{--mark-color:rgba(120,142,128,.25);border-bottom-color:rgba(120,142,128,.7)}.annotation-dots{display:flex;justify-content:flex-end;gap:5px;margin:-.7em 0 .8em}.annotation-dot{width:18px;height:18px;padding:0;border:0;border-radius:50%;background:#a53e37;box-shadow:inset 0 0 0 5px var(--reader-bg),0 0 0 1px #a53e37;cursor:pointer}.annotation-dot--yu{background:#b48c50;box-shadow:inset 0 0 0 5px var(--reader-bg),0 0 0 1px #b48c50}.annotation-dot--yunsi{background:#a96562;box-shadow:inset 0 0 0 5px var(--reader-bg),0 0 0 1px #a96562}.annotation-dot--feng{background:#788e80;box-shadow:inset 0 0 0 5px var(--reader-bg),0 0 0 1px #788e80}
.bookmark-tools{position:fixed;z-index:34;right:18px;bottom:74px;display:flex;flex-direction:column;align-items:flex-end;gap:7px;transition:opacity .2s ease}.bookmark-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 14px;border:1px solid rgba(196,160,103,.45);border-radius:24px;background:#171410;box-shadow:0 9px 28px rgba(0,0,0,.4);color:#e4cfaa;cursor:pointer}.bookmark-toggle span{color:#a63e34;font-size:12px}.bookmark-toggle.is-active{border-color:#b9574d;background:#311714;color:#fff2dc}.bookmark-toggle.is-active span{color:#ffd9bc;font-size:20px}.bookmark-return,.bookmark-toggle b{font:700 10px/1 Lora,Georgia,serif;letter-spacing:.08em;text-transform:uppercase}.bookmark-return{min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:20px;background:var(--reader-panel);color:var(--reader-muted);cursor:pointer}.bookmark-return:hover,.bookmark-return:focus-visible,.bookmark-toggle:hover,.bookmark-toggle:focus-visible{border-color:var(--gold);color:var(--gold);outline:none}
.bookmark-notice{position:fixed;z-index:70;left:50%;bottom:34px;translate:-50% 0;width:max-content;max-width:calc(100% - 30px);padding:9px 13px;border:1px solid rgba(215,178,119,.55);background:rgba(11,10,8,.97);box-shadow:0 10px 28px rgba(0,0,0,.34);color:#fff4df;font:600 11px/1.35 Lora,Georgia,serif;letter-spacing:.04em;text-align:center;animation:bookmark-notice-in .3s ease both}.bookmark-notice[hidden],.selection-note-prompt[hidden],.annotation-card[hidden]{display:none!important}@keyframes bookmark-notice-in{0%{opacity:0;transform:translateY(8px)}}
.selection-note-prompt{position:fixed;z-index:72;left:50%;bottom:28px;translate:-50% 0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;width:min(560px,calc(100% - 30px));padding:9px 10px 9px 14px;border:1px solid rgba(196,160,103,.4);background:rgba(13,12,10,.97);box-shadow:0 18px 50px rgba(0,0,0,.45);color:#d9cbb5;animation:bookmark-notice-in .24s ease both}.selection-note-prompt__excerpt{overflow:hidden;color:#8f826f;font:italic 11px/1.35 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.selection-note-prompt button{min-height:36px;padding:0 11px;border:1px solid rgba(196,160,103,.28);background:rgba(131,42,36,.18);color:#e5cfaa;cursor:pointer;font:700 9px/1 Lora,Georgia,serif;letter-spacing:.09em;text-transform:uppercase}.selection-note-prompt__cancel{min-width:34px!important;padding:0!important;border-color:transparent!important;background:transparent!important;color:#817461!important;font-size:20px!important}
.annotation-card{--note-accent:#a53e37;position:fixed;z-index:73;right:18px;bottom:132px;width:min(390px,calc(100% - 30px));max-height:calc(100vh - 160px);overflow:auto;padding:24px;border:1px solid color-mix(in srgb,var(--note-accent) 58%,var(--line));background:var(--reader-panel);box-shadow:0 24px 75px rgba(0,0,0,.48);color:var(--reader-text);font-family:var(--reader-font);animation:annotation-card-in .25s ease both}.annotation-card::before{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--note-accent) 18%,transparent);pointer-events:none}.annotation-card--yu{--note-accent:#b48c50}.annotation-card--yunsi{--note-accent:#a96562}.annotation-card--feng{--note-accent:#788e80}.annotation-card .annotation-card__title{margin:0 28px 0 0;color:var(--note-accent);font-size:9px}.annotation-card blockquote{margin:18px 0 14px;padding:10px 13px;border-left:2px solid var(--note-accent);background:color-mix(in srgb,var(--note-accent) 7%,transparent);color:var(--reader-muted);font-size:12px;font-style:italic;line-height:1.5}.annotation-card>q{display:block;color:var(--reader-text);font-size:15px;font-style:italic;line-height:1.55;quotes:"«" "»"}.annotation-card__close{position:absolute;z-index:2;right:14px;top:12px;width:34px;height:34px;border:0;background:transparent;color:var(--reader-muted);cursor:pointer;font-size:22px}.annotation-card__actions{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:22px}.annotation-card__actions .button{min-height:48px;padding:8px 10px;font-size:11px;line-height:1.2}.annotation-card__remove{display:flex;flex-direction:column;gap:3px;border-color:var(--note-accent);background:color-mix(in srgb,var(--note-accent) 72%,#24120f);color:#fff}.annotation-card__remove small{color:#f1d9bb;font-size:9px}@keyframes annotation-card-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}

@media(max-width:680px){.reader-surface .chapter-body{width:calc(100% - 28px);padding-inline:0}.reader-options--themes{grid-template-columns:1fr 1fr}.reader-options--fonts{grid-template-columns:1fr 1fr}.reader-panel{right:8px;bottom:62px;width:calc(100vw - 16px);max-height:calc(100vh - 76px);padding:1rem}.reader-setting{margin-top:.85rem}.reader-toggle{right:12px;bottom:10px;width:44px;height:44px}.bookmark-tools{right:12px;bottom:62px}.bookmark-toggle{width:44px;height:44px;min-height:44px;padding:0}.bookmark-toggle b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.bookmark-return{width:74px;min-height:36px;padding:0 8px}.chapter-paragraph.is-bookmarked{margin-inline:-7px;padding-inline:7px}.character-bookmark{width:min(265px,94%);padding:9px 10px 10px}.character-bookmark q{font-size:11px}.annotation-dots{gap:8px}.annotation-dot{width:26px;height:26px;box-shadow:inset 0 0 0 8px var(--reader-bg),0 0 0 1px currentColor}.selection-note-prompt{bottom:116px;grid-template-columns:minmax(0,1fr) auto auto;width:calc(100% - 20px);padding-left:10px}.selection-note-prompt__excerpt{max-width:36vw}.selection-note-prompt button{min-height:44px;padding-inline:9px}.annotation-card{right:8px;bottom:116px;width:calc(100% - 16px);max-height:calc(100vh - 132px);padding:22px 18px 18px}.annotation-card__actions{grid-template-columns:1fr}.annotation-card__actions .button{width:100%;min-height:48px}.bookmark-notice{bottom:116px}}


/* Chapter comments */
.comments-section{width:min(920px,calc(100% - 32px));margin:4.5rem auto 5.5rem}
.comments-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}
.comments-heading h2{margin:.15rem 0 0;font-size:clamp(1.7rem,4vw,2.5rem)}
.comments-heading h2 span{color:var(--gold);font-size:.8em}
.comments-heading>p{max-width:360px;margin:0;color:var(--muted)}
.comment-notice{margin:1rem 0;padding:.8rem 1rem;border:1px solid var(--line);background:var(--panel)}
.comment-notice--success{border-color:#426d4d}.comment-notice--error{border-color:#7b3d49}.comment-notice--info{border-color:#5d536d}
.comment-compose{margin:1.4rem 0 2rem;padding:1.25rem;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),rgba(0,0,0,.08))}
.comment-compose__identity{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}
.comment-compose__identity img,.comment-avatar img{width:46px;height:46px;object-fit:cover;border:1px solid rgba(201,165,106,.5);border-radius:50%;background:rgba(0,0,0,.14)}
.comment-compose__identity span{display:block;color:var(--muted);font-size:.75rem}.comment-compose__identity strong{display:block}
.comment-compose label{display:block;margin-bottom:.45rem;font-weight:700}
.comment-compose textarea,.comment-inline-form textarea{width:100%;resize:vertical;border:1px solid var(--line);background:rgba(0,0,0,.18);color:var(--text);padding:.85rem;font:inherit;line-height:1.6}
.comment-compose textarea:focus,.comment-inline-form textarea:focus{outline:2px solid rgba(201,165,106,.28);border-color:var(--gold)}
.comment-compose__footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem}.comment-compose__footer small{color:var(--muted)}
.comment-login{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin:1.4rem 0 2rem;padding:1.2rem;border:1px solid var(--line);background:var(--panel)}
.comment-login h3,.comment-login p{margin:.1rem 0}.comment-login p{color:var(--muted)}.comment-login__actions{display:flex;gap:.6rem;flex-wrap:wrap}
.comments-list{display:grid;gap:1rem}.comments-empty{padding:2rem;text-align:center;border:1px dashed var(--line);color:var(--muted)}.comments-empty span{display:block;color:var(--gold);font-size:2rem}
.comment-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:.9rem;padding:1.15rem;border:1px solid var(--line);background:var(--panel)}
.comment-avatar span{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}
.comment-main{min-width:0}.comment-meta{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.comment-meta strong{display:inline-block;margin-right:.5rem}.comment-meta span{color:var(--muted);font-size:.76rem}.comment-meta .comment-role{display:inline-block;margin-left:.4rem;padding:.08rem .35rem;border:1px solid rgba(201,165,106,.5);color:var(--gold);border-radius:99px}.comment-meta time{white-space:nowrap;color:var(--muted);font-size:.75rem}
.comment-text{margin:.7rem 0;overflow-wrap:anywhere;line-height:1.7}.comment-placeholder{margin:.7rem 0;color:var(--muted);font-style:italic}
.comment-actions{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin-top:.65rem;color:var(--muted);font-size:.8rem}
.comment-actions a,.comment-actions summary,.comment-link-button{color:inherit;text-decoration:none;cursor:pointer}.comment-actions summary:hover,.comment-actions a:hover,.comment-link-button:hover{color:var(--gold)}
.comment-link-button{padding:0;border:0;background:none;font:inherit}
.comment-inline-form{position:relative}.comment-inline-form summary{list-style:none}.comment-inline-form summary::-webkit-details-marker{display:none}
.comment-inline-form[open]{width:min(560px,100%);flex-basis:100%;padding:.7rem 0}.comment-inline-form form{display:grid;gap:.55rem}.comment-inline-form .button{justify-self:start}
.comment-children{display:grid;gap:.8rem;margin-top:1rem;padding-left:1rem;border-left:1px solid rgba(201,165,106,.28)}
.comment-children .comment-card{background:rgba(0,0,0,.08)}
@media(max-width:700px){
  .comments-heading{align-items:flex-start;flex-direction:column;gap:.5rem}
  .comment-login{grid-template-columns:auto 1fr}.comment-login__actions{grid-column:1/-1}
  .comment-card{grid-template-columns:40px minmax(0,1fr);padding:.9rem}.comment-avatar img,.comment-avatar span{width:38px;height:38px}
  .comment-meta{flex-direction:column;gap:.2rem}.comment-meta time{white-space:normal}
  .comment-children{padding-left:.55rem}.comment-compose__footer{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   TENIMPER v3.5 — CLEAN RESPONSIVE SYSTEM
   No 100vw / 100dvw hacks. Width follows the browser viewport naturally.
   ========================================================= */

html{
  min-width:0;
  overflow-x:hidden;
}
body{
  min-width:0;
  width:auto;
  overflow-x:hidden;
}
main{
  display:block;
  min-width:0;
  width:auto;
}
.site-header,
.site-footer{
  width:auto;
  max-width:none;
}

.site-menu-toggle,
.site-nav__mobile-head,
.site-nav-backdrop{
  display:none;
}
.site-header-actions{
  display:flex;
  align-items:center;
  gap:.65rem;
  flex:0 0 auto;
}

/* ---------- Desktop / large laptop ---------- */
@media (min-width:1101px){
  .site-header{
    display:grid;
    grid-template-columns:max-content minmax(0,1fr) max-content;
    align-items:center;
    gap:clamp(16px,2vw,34px);
    min-height:78px;
    padding:8px max(20px,calc((100% - var(--max))/2));
  }

  .brand{
    width:max-content;
    min-width:max-content;
    margin:0;
  }
  .brand strong,
  .brand small{
    width:max-content;
    white-space:nowrap;
  }

  .site-nav{
    display:block;
    min-width:0;
  }
  .site-nav__links{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:nowrap;
    gap:clamp(.65rem,1.15vw,1.35rem);
  }
  .site-nav__links > a{
    flex:0 0 auto;
    white-space:nowrap;
    line-height:1.12;
  }
  .site-nav__links > a[aria-current="page"]{
    color:var(--gold);
  }

  .site-nav .site-nav-author{
    padding:.4rem .68rem;
  }
}

/* Slight compaction on ordinary laptops */
@media (min-width:1101px) and (max-width:1380px){
  .site-header{
    padding-inline:16px;
    gap:12px;
  }
  .site-nav__links{
    gap:.62rem;
  }
  .site-nav__links > a{
    font-size:.88rem;
  }
  .site-nav .site-nav-author{
    padding:.32rem .5rem;
  }
  .brand strong{
    font-size:1rem;
  }
  .brand small{
    font-size:.58rem;
  }
  .theme-toggle{
    padding-inline:.56rem;
  }
}

/* ---------- Tablet + phone: proper drawer ---------- */
@media (max-width:1100px){
  .site-header{
    position:sticky;
    top:0;
    z-index:100;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:8px;
    min-height:62px;
    padding:8px 12px;
    overflow:visible;
  }

  .brand{
    min-width:0;
    width:auto;
    margin:0;
    gap:.58rem;
  }
  .brand-mark{
    flex:0 0 auto;
  }
  .brand-copy{
    min-width:0;
  }
  .brand strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:1.05;
  }
  .brand small{
    display:block;
    white-space:nowrap;
  }

  .site-menu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.48rem;
    min-height:40px;
    padding:.45rem .7rem;
    border:1px solid rgba(190,145,76,.46);
    border-radius:999px;
    background:rgba(23,19,24,.72);
    color:var(--ink);
    font:inherit;
    cursor:pointer;
  }
  .site-menu-toggle__icon{
    width:17px;
    display:grid;
    gap:3px;
  }
  .site-menu-toggle__icon i{
    display:block;
    width:100%;
    height:1px;
    background:currentColor;
  }

  .site-nav{
    position:fixed;
    z-index:103;
    top:0;
    right:0;
    bottom:0;
    width:min(88%,390px);
    height:100%;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    overflow:auto;
    border-left:1px solid var(--line);
    background:
      radial-gradient(circle at 100% 0,rgba(177,124,53,.12),transparent 32%),
      #100d11;
    box-shadow:-24px 0 64px rgba(0,0,0,.36);
    transform:translateX(102%);
    opacity:0;
    visibility:hidden;
    transition:transform .25s ease,opacity .2s ease,visibility .25s;
  }
  .site-menu-open .site-nav{
    transform:translateX(0);
    opacity:1;
    visibility:visible;
  }

  .site-nav__mobile-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:20px 18px 15px;
    border-bottom:1px solid var(--line);
  }
  .site-nav__mobile-head span{
    display:grid;
    gap:2px;
  }
  .site-nav__mobile-head small{
    color:var(--gold);
    font-size:.62rem;
    letter-spacing:.18em;
    text-transform:uppercase;
  }
  .site-nav__mobile-head strong{
    font:400 1.55rem/1.05 Cormorant,Georgia,serif;
  }
  .site-nav__close{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border:1px solid var(--line);
    border-radius:50%;
    background:transparent;
    color:var(--ink);
    font-size:1.5rem;
    cursor:pointer;
  }

  .site-nav__links{
    display:grid;
    padding:9px 14px 24px;
  }
  .site-nav__links > a,
  .site-nav .site-nav-author{
    display:flex;
    align-items:center;
    width:100%;
    min-width:0;
    min-height:52px;
    margin:0;
    padding:11px 9px;
    border:0;
    border-bottom:1px solid rgba(201,165,106,.16);
    border-radius:0;
    background:none;
    box-shadow:none;
    color:var(--ink);
    white-space:nowrap;
    font-size:.98rem;
  }
  .site-nav__links > a::after{
    display:none;
  }
  .site-nav__links > a[aria-current="page"]{
    color:var(--gold);
    background:rgba(201,165,106,.06);
  }
  .site-nav .site-nav-author{
    color:var(--gold);
  }

  .site-nav-backdrop{
    position:fixed;
    z-index:102;
    inset:0;
    display:block;
    border:0;
    background:rgba(7,5,7,.58);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,visibility .2s;
  }
  .site-menu-open .site-nav-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  html[data-theme="light"] .site-menu-toggle{
    background:rgba(255,250,244,.75);
    color:#4f4038;
  }
  html[data-theme="light"] .site-nav{
    background:
      radial-gradient(circle at 100% 0,rgba(173,119,43,.10),transparent 32%),
      #fbf3e8;
  }
  html[data-theme="light"] .site-nav__close,
  html[data-theme="light"] .site-nav__links > a{
    color:#44362f;
  }

  /* Main content stays in normal document width. */
  .hero,
  .site-footer,
  .page-hero,
  .chapter-hero{
    width:auto;
    max-width:none;
  }

  .section{
    width:min(var(--max),calc(100% - 28px));
  }

  .site-work-notice{
    width:auto !important;
    max-width:calc(100% - 24px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* ---------- Phone ---------- */
@media (max-width:640px){
  .site-header{
    min-height:56px;
    padding:7px 9px;
    gap:6px;
  }
  .brand-mark{
    width:36px;
    height:36px;
    font-size:1.05rem;
  }
  .brand strong{
    font-size:.9rem;
  }
  .brand small{
    display:none;
  }

  .site-menu-toggle{
    width:39px;
    height:39px;
    min-width:39px;
    min-height:39px;
    padding:0;
    border-radius:50%;
  }
  .site-menu-toggle__label{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
  }

  .theme-toggle{
    width:39px;
    height:39px;
    min-width:39px;
    min-height:39px;
    padding:0;
    justify-content:center;
    border-radius:50%;
  }
  .theme-label{
    display:none;
  }
  .adult-badge{
    position:absolute;
    top:51px;
    right:9px;
    z-index:1;
    padding:.2rem .42rem;
    font-size:.63rem;
    background:rgba(13,12,15,.82);
    backdrop-filter:blur(6px);
  }
  html[data-theme="light"] .adult-badge{
    background:rgba(251,243,232,.9);
  }

  .site-nav{
    width:min(91%,360px);
  }

  .hero{
    min-height:540px;
    padding:4rem 14px 3.75rem;
    background:
      linear-gradient(rgba(8,7,9,.28),rgba(8,7,9,.86)),
      url('/ten-imperatora-cover.png') 56% 26%/cover no-repeat;
    color:#f3e7d8;
  }
  .hero-inner{
    width:100%;
    max-width:420px;
    padding:2rem .25rem;
  }
  .hero h1{
    max-width:340px;
    margin:.08em auto;
    font-size:clamp(2.75rem,13vw,3.8rem);
    color:#f3e2ca;
    text-shadow:0 3px 20px rgba(0,0,0,.84);
  }
  .hero p{
    max-width:350px;
    margin:1.2rem auto;
    font-size:.96rem;
    line-height:1.65;
    color:#e6d8c8;
    text-shadow:0 2px 12px rgba(0,0,0,.82);
  }

  html[data-theme="light"] .hero{
    background:
      linear-gradient(rgba(8,7,9,.24),rgba(8,7,9,.82)),
      url('/ten-imperatora-cover.png') 56% 26%/cover no-repeat;
    color:#f3e7d8;
  }
  html[data-theme="light"] .hero h1{
    color:#f3e2ca;
    text-shadow:0 3px 20px rgba(0,0,0,.84);
  }
  html[data-theme="light"] .hero p{
    color:#e8d9c7;
    text-shadow:0 2px 12px rgba(0,0,0,.82);
  }

  .section{
    width:calc(100% - 24px);
    padding:3.5rem 0;
  }
  .section-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:.8rem;
  }
  .section h2{
    font-size:clamp(2rem,10vw,3rem);
  }
  .story-grid,
  .chapter-grid,
  .latest,
  .chapter-hero{
    grid-template-columns:1fr;
  }

  .site-footer{
    padding-inline:18px;
  }

  img,
  video,
  iframe{
    max-width:100%;
    height:auto;
  }
}

@media (max-width:380px){
  .brand strong{
    max-width:128px;
  }
}

@media (prefers-reduced-motion:reduce){
  .site-nav,
  .site-nav-backdrop{
    transition:none;
  }
}


/* =========================================================
   TENIMPER v3.5.1 — MOBILE DRAWER FIX
   backdrop-filter on sticky header created a containing block for
   position:fixed descendants, so the drawer was only as tall as the header.
   ========================================================= */
@media(max-width:1100px){
  .site-header{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    filter:none !important;
    transform:none !important;
    perspective:none !important;
    contain:none !important;
    background:rgba(11,10,13,.97) !important;
  }

  html[data-theme="light"] .site-header{
    background:rgba(250,244,236,.98) !important;
  }

  .site-nav{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:auto !important;
    left:auto !important;
    width:min(88%,390px) !important;
    height:100vh !important;
    min-height:100vh !important;
    max-height:100vh !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
  }

  @supports(height:100dvh){
    .site-nav{
      height:100dvh !important;
      min-height:100dvh !important;
      max-height:100dvh !important;
    }
  }

  .site-nav__links{
    display:grid !important;
    flex:1 0 auto !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  .site-nav-backdrop{
    position:fixed !important;
    inset:0 !important;
    width:100% !important;
    height:100vh !important;
  }

  @supports(height:100dvh){
    .site-nav-backdrop{
      height:100dvh !important;
    }
  }
}

/* =========================================================
   TENIMPER BRAND TYPE v1 — Cormorant Garamond
   ========================================================= */
.brand strong,
.footer-brand strong{
  font-family:Cormorant,Georgia,serif !important;
  font-weight:400 !important;
  letter-spacing:.045em !important;
}

.brand strong{
  font-size:1.55rem !important;
  line-height:1 !important;
}

.footer-brand strong{
  font-size:1.48rem !important;
  line-height:1.05 !important;
}

@media(max-width:820px){
  .brand strong{
    font-size:1.25rem !important;
    letter-spacing:.04em !important;
  }
  .footer-brand strong{
    font-size:1.3rem !important;
  }
}



/* =========================================================
   TENIMPER · Mobile site navigation polish v1
   ========================================================= */

@media(max-width:640px){
  .site-nav{
    width:min(86%,340px)!important;
    border-left:1px solid rgba(151,111,69,.22)!important;
    box-shadow:-18px 0 48px rgba(0,0,0,.18)!important;
  }

  .site-nav__mobile-head{
    padding:
      max(16px,env(safe-area-inset-top))
      16px
      13px!important;
    gap:12px!important;
  }

  .site-nav__mobile-head small{
    font-size:.56rem!important;
    letter-spacing:.22em!important;
  }

  .site-nav__mobile-head strong{
    font-size:1.35rem!important;
    line-height:1.05!important;
  }

  .site-nav__close{
    width:38px!important;
    height:38px!important;
    font-size:1.35rem!important;
  }

  .site-nav__links{
    padding:8px 15px max(18px,env(safe-area-inset-bottom))!important;
  }

  .site-nav__links > a,
  .site-nav .site-nav-author{
    min-height:47px!important;
    padding:9px 7px!important;
    font-size:.94rem!important;
    line-height:1.15!important;
  }

  .site-nav .site-nav-author{
    justify-content:flex-start!important;
    width:100%!important;
    border-radius:0!important;
  }

  .site-nav__links > a:last-child{
    margin-bottom:8px!important;
  }

  .site-nav-backdrop{
    background:rgba(20,13,16,.36)!important;
  }
}

@media(max-width:390px){
  .site-nav{
    width:min(88%,320px)!important;
  }

  .site-nav__mobile-head{
    padding-inline:14px!important;
  }

  .site-nav__links{
    padding-inline:13px!important;
  }

  .site-nav__links > a,
  .site-nav .site-nav-author{
    font-size:.9rem!important;
  }
}