:root { color-scheme: dark; --bg: #080c12; --surface: #10151e; --surface2:#151d28; --text:#f4f2ef; --muted:#b8bbc4; --cyan:#00e4e3; --amber:#ff9b66; --stroke:#2a3039; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline: 2px solid var(--cyan); outline-offset:6px; }
.topline {height:3px;background:linear-gradient(90deg,#0b1624 4%,var(--cyan) 54%,#fa8953 100%);}
.site-header {position:absolute;z-index:20;top:3px;left:0;right:0;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between; padding:28px clamp(24px,5.8vw,84px);}
.wordmark { font-size:1.45rem; font-weight:850;letter-spacing:-.085em;line-height:1;white-space:nowrap; }
.wordmark span { color:var(--cyan); } .wordmark i {font-style:normal;color:#fff;} .wordmark {color:white;}
.site-header nav {display:flex;gap:34px;align-items:center;color:#f2f2f4;font-size:.79rem;font-weight:700;letter-spacing:.02em;}
.site-header nav a:not(.nav-outline):hover {color:var(--cyan);} .nav-outline {border:1px solid #65727c;border-radius:100px;padding:11px 19px;}
.nav-outline span { color:var(--cyan);padding-left:8px; }
.nav-outline:hover {border-color:var(--cyan);}
.hero { min-height:min(900px,100vh);min-height: min(900px,100svh); position:relative;overflow:hidden;display:grid;grid-template-columns:1.12fr .88fr;max-width:1700px;margin:0 auto;align-items:center;padding:110px clamp(24px,5.8vw,98px) 80px; isolation:isolate; }
.hero:before {content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 78% 28%,#24406399 0%,transparent 43%),linear-gradient(120deg,#090f19 10%,#090e17aa 54%,#1b152260 100%);z-index:-1;}
.hero-backdrop { position:absolute;z-index:-3;inset:-10%;background-image:url('assets/no-strings-attached-cover.webp');background-size:cover;background-position:center 45%;filter:blur(68px) brightness(.42) saturate(1.6);opacity:.65;}
.glow {position:absolute;z-index:-2;border-radius:50%;filter:blur(80px);pointer-events:none;} .glow-left {background:#003d4a80;left:-25%;top:10%;width:600px;height:600px;} .glow-right {background:#f0704d59;right:-15%;bottom:-50%;width:800px;height:600px;}
.hero-content { position:relative;z-index:2;max-width:680px;padding:8px 0 60px;}
.eyebrow {display:flex;align-items:center;gap:13px;color:var(--cyan);font-weight:750;text-transform:uppercase;letter-spacing:.25em;font-size:.66rem;margin-bottom:24px;}
.eyebrow-line {height:1px;width:33px;background:var(--cyan);display:block;}
h1,h2,p {margin-top:0;}h1,h2 {letter-spacing:-.065em;line-height:1.04;}h1 {font-size:clamp(3.25rem,6.2vw,6.8rem);font-weight:850;margin-bottom:27px;}h1 em,h2 em {font-weight:500;font-family:Georgia, 'Times New Roman', serif;color:var(--cyan);letter-spacing:-.048em;}
.hero-copy {color:#dedee4;font-size:clamp(1rem,1.6vw,1.32rem);line-height:1.62;max-width:460px;margin-bottom:36px;}
.hero-actions {display:flex;gap:30px;flex-wrap:wrap;align-items:center;}
.button {display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:5px;padding:17px 23px;font-size:.88rem;font-weight:800;transition:transform .2s ease,background .2s ease;}
.button:hover {transform:translateY(-3px);} .button-primary {background:var(--cyan);color:#021318;box-shadow:0 6px 30px #00e4e32b;} .button-primary:hover{background:#61ffff;}
.quiet-link {font-size:.86rem;font-weight:720;border-bottom:1px solid #868b91;padding:13px 0;} .quiet-link span {color:var(--cyan);margin-left:7px;}
.hero-note {display:flex;align-items:center;gap:9px;color:#a8a9b2;font-size:.73rem;letter-spacing:.045em;margin-top:48px;}.dot {height:7px;width:7px;display:inline-block;background:var(--cyan);border-radius:50%;box-shadow:0 0 18px var(--cyan);}
.hero-poster-wrap {position:relative;isolation:isolate;max-width:480px;width:76%;margin:auto; transform:rotate(3deg);filter:drop-shadow(0 30px 33px #0009);}
.hero-poster {display:block;width:100%;height:auto;aspect-ratio:992 / 1585;object-fit:cover;border:1px solid #d9cbb948;border-radius:6px;box-shadow:0 30px 80px #000d;}
.poster-glow {background:linear-gradient(30deg,#fa765b5c,#00f6f442);filter:blur(25px);inset:9% -7% -6% 3%;position:absolute;z-index:-1;transform:rotate(-3deg);}.orbit {position:absolute;inset:12% -25%;border:1px solid #d8dcd31e;transform:rotate(-17deg);border-radius:50%;z-index:-2;}
.poster-stamp {position:absolute;right:-17%;top:10%;height:115px;width:115px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:50%;background:#06151e;border:3px solid var(--cyan);box-shadow:0 0 0 5px #06151ebd,0 0 26px #00dddd44;transform:rotate(-3deg);}
.poster-stamp span {font-size:2.6rem;line-height:.88;font-weight:900;color:var(--cyan);}.poster-stamp small {font-size:.68rem;font-weight:850;letter-spacing:.12em;line-height:1.35;margin-top:7px;color:white;}
.hero-scroll {position:absolute;bottom:33px;left:clamp(24px,5.8vw,98px);font-size:.65rem;font-weight:800;letter-spacing:.21em;color:#888c95;}.hero-scroll span {font-size:1rem;margin-left:16px;color:var(--cyan);}
.section-container{max-width:1300px;margin:0 auto;padding:105px clamp(24px,5.8vw,84px);}
.section-tag{color:var(--cyan);font-size:.67rem;font-weight:900;letter-spacing:.22em;margin-bottom:37px;}
.novel {border-top:1px solid var(--stroke);}.novel-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:10%;align-items:center;}.label-pill{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--amber);margin-bottom:18px;}.tiny-star {font-size:1rem;margin-right:7px;}.novel h2,.chapters h2,.about h2 {font-size:clamp(2.9rem,5.6vw,5rem);font-weight:820;margin-bottom:20px;}.novel h2 em,.chapters h2 em,.about h2 em {white-space:nowrap;}.novel-kicker {color:var(--amber)!important;font-size:1.33rem!important;font-weight:730;}.novel-copy>p:not(.novel-kicker){color:var(--muted);font-size:1rem;line-height:1.8;max-width:620px;}.story-stats{display:flex;align-items:center;gap:24px;margin-top:43px;}.story-stats>div:not(.stat-divider){display:flex;flex-direction:column;gap:6px;}.story-stats strong{font-size:2rem;color:white;}.story-stats span {font-size:.73rem;color:#9da0a9;}.stat-divider{width:1px;height:42px;background:#373a42;}
.novel-quote{border:1px solid #31404a;background:linear-gradient(130deg,#19232e,#0d141e);border-radius:9px;padding:43px 38px;position:relative;}.quote-mark{font-family:Georgia,serif;color:var(--cyan);font-size:5.6rem;line-height:1;margin:-17px 0 -19px;opacity:.64;}.novel-quote p{font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.26;margin-bottom:25px;}.novel-quote p span{font-style:italic;color:var(--cyan);}.mini-plane{display:flex;align-items:center;gap:15px;font-size:1.5rem;color:var(--cyan);}.mini-plane span{width:70px;height:1px;background:var(--cyan);}
.chapters{background:#0b1119;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);max-width:none;padding-left:max(24px,calc((100vw - 1132px)/2));padding-right:max(24px,calc((100vw - 1132px)/2));}.chapters-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:40px;}.chapters-heading p{font-size:1rem;color:#abb2be;line-height:1.6;max-width:500px;}.chapter-count{font-size:.66rem;color:var(--cyan);font-weight:850;letter-spacing:.14em;border:1px solid #1e696a;border-radius:30px;padding:12px 18px;white-space:nowrap;}.chapter-row{display:grid;grid-template-columns:80px 1fr auto;gap:18px;align-items:center;padding:25px 18px;border-top:1px solid #303947;}.chapter-row:last-child {border-bottom:1px solid #303947;}.chapter-number{font:400 2rem Georgia,serif;color:var(--cyan);}.chapter-row b{font-size:1.15rem;letter-spacing:-.02em;}.chapter-row small{font-size:.8rem;color:#98a3af;display:block;margin-top:6px;}.chapter-status {color:#8496a3;font-size:.65rem;font-weight:800;letter-spacing:.12em;}.reading-note{margin-top:23px;color:#8999a7;font-size:.78rem;}
.about-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:10%;align-items:center;}.about-visual{height:370px;border:1px solid #353c49;border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:radial-gradient(circle at 80% 85%,#f680534a,transparent 37%),radial-gradient(circle at 25% 30%,#01536585,transparent 40%),linear-gradient(115deg,#0e1624,#141522);}.about-visual>span{font-family:Georgia,serif;font-size:9rem;letter-spacing:-.1em;font-style:italic;color:#f3f6f3;opacity:.94;text-shadow:0 10px 40px #0008;}.about-plane{position:absolute;right:15%;top:18%;font-size:2.4rem;color:var(--cyan);transform:rotate(-13deg);}.about-visual-caption{position:absolute;bottom:20px;left:25px;font-size:.62rem;font-weight:800;color:#b2b8c2;letter-spacing:.17em;}.about-small-title{font-size:.68rem;letter-spacing:.22em;color:var(--amber);font-weight:800;margin-bottom:20px;}.about-copy p{font-size:1rem;line-height:1.85;color:#b7bdc8;max-width:620px;}.about-copy .signature{margin-top:26px;font-family:Georgia,serif;font-size:1.15rem;font-style:italic;color:white;}.signature span{color:var(--cyan);}
.site-footer{border-top:1px solid var(--stroke);padding:36px clamp(24px,5.8vw,84px);max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center;}.site-footer p {font-size:.76rem;color:#87929c;margin:8px 0;}.footer-right{text-align:right;}
@media (max-width:980px){.hero{grid-template-columns:1fr 0.85fr;min-height:780px}.hero-poster-wrap{width:88%}h1{font-size:clamp(3.15rem,6vw,5rem)}.novel-grid{gap:5%}.poster-stamp{right:-21%;width:95px;height:95px}.poster-stamp span{font-size:2.1rem}.poster-stamp small{font-size:.58rem}}
@media (max-width:720px){.site-header{padding:24px 20px}.site-header nav{gap:14px;font-size:.72rem}.site-header nav a:first-child,.site-header nav a:nth-child(2){display:none}.nav-outline{padding:10px 13px}.hero{grid-template-columns:1fr;min-height:auto;gap:34px;padding:148px 24px 93px}.hero-content{padding:0}.hero h1{font-size:clamp(3.2rem,10vw,4.65rem);max-width:610px}.hero-copy{font-size:1rem}.hero-note{margin-top:24px}.hero-poster-wrap{width:min(66%,360px);margin:10px auto 0;transform:rotate(3deg)}.poster-stamp{width:87px;height:87px;right:-21%;top:9%;}.hero-scroll{bottom:20px;left:24px}.section-container{padding:70px 24px}.novel-grid,.about-grid{grid-template-columns:1fr;gap:30px}.novel-quote{padding:32px}.chapters{padding:70px 24px}.chapters-heading{align-items:flex-start;flex-direction:column}.chapter-row{grid-template-columns:50px 1fr;gap:13px}.chapter-status{grid-column:2;font-size:.58rem}.story-stats{gap:16px}.story-stats strong{font-size:1.5rem}.story-stats span{font-size:.62rem}.about-visual{height:280px}.about-visual>span{font-size:7rem}.site-footer{flex-direction:column;align-items:flex-start;padding:35px 24px}.footer-right{text-align:left}}
@media (max-width:390px){.hero{padding:136px 20px 88px}.hero h1{font-size:3rem}.hero-actions{gap:16px}.hero-poster-wrap{width:78%}.story-stats{gap:10px}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Reading library — addition to the original homepage design */
.inner-header {position:relative;top:auto;left:auto;right:auto;background:#090e16;border-bottom:1px solid #242f3b;padding-top:24px;padding-bottom:24px}
.inner-footer{max-width:none;padding-left:max(24px,calc((100vw - 1220px)/2));padding-right:max(24px,calc((100vw - 1220px)/2))}
.chapters .chapter-row{color:inherit;text-decoration:none;transition:background .2s ease,padding-left .2s ease}
.chapters a.chapter-row:hover{background:#14232f;padding-left:27px}
.chapters a.chapter-row:focus-visible{outline-offset:-2px}
.chapter-row .chapter-status{color:var(--cyan)}
.all-library-link{color:var(--cyan);font-weight:700;margin-left:6px}
.all-library-link:hover{text-decoration:underline}
/* Library page */
.library-page {overflow:hidden}
.library-hero{position:relative;padding:105px clamp(24px,6vw,100px) 100px;isolation:isolate;background:linear-gradient(135deg,#0b1522,#11131e 62%,#201623);border-bottom:1px solid #293844}
.library-hero-glow{pointer-events:none;position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 83% 32%,#b7634933,transparent 36%),radial-gradient(ellipse at 22% 90%,#09565c47,transparent 38%)}
.library-breadcrumb{max-width:1170px;margin:0 auto 60px;color:#9fb3be;font-size:.69rem;font-weight:750;letter-spacing:.2em}
.library-breadcrumb span{color:var(--cyan);margin:0 9px}
.library-heading{max-width:1170px;margin:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:35px}
.library-heading h1{max-width:930px;font-size:clamp(3.1rem,7vw,6.3rem);margin-bottom:22px}
.library-heading h1 em,.library-book h2 em,.library-toc h2 em{font-family:Georgia,serif;color:var(--cyan);font-weight:450}
.library-heading p{font-size:1.14rem;color:#b9c4ce;line-height:1.65;max-width:650px;margin-bottom:0}
.library-count{text-align:center;display:flex;flex-direction:column;border-left:1px solid #53606d;padding-left:44px;margin-bottom:10px;min-width:185px}
.library-count strong{font-size:5.8rem;line-height:1;font-weight:850;letter-spacing:-.09em;color:var(--cyan)}
.library-count span{font-size:.68rem;line-height:1.6;letter-spacing:.16em;font-weight:850;color:#f4f2ef}
.library-book{display:grid;grid-template-columns:minmax(0,270px) 1fr;gap:clamp(30px,6vw,100px);align-items:center}
.library-book-cover{max-width:270px;transform:rotate(-2deg);box-shadow:0 25px 100px #000a;border:1px solid #594c43;border-radius:5px;overflow:hidden}
.library-book-cover img{display:block;width:100%;height:auto}
.library-book-copy h2,.library-toc h2{font-size:clamp(2.8rem,5.5vw,5rem);line-height:1.04;letter-spacing:-.06em;margin-bottom:20px}
.library-book-copy>p{color:#b6bfca;line-height:1.85;font-size:1.02rem;max-width:690px}
.library-book-copy .library-book-intro{color:#f4f1e9;font-family:Georgia,serif;font-size:1.5rem;font-style:italic;margin-top:26px;margin-bottom:14px}
.library-tags{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0 24px}
.library-tags span{color:#c2c7cc;font-size:.64rem;font-weight:900;letter-spacing:.13em;border:1px solid #3c4855;border-radius:20px;padding:9px 12px}
.library-book-copy .button{margin-top:19px}
.library-toc{border-top:1px solid #25313e;padding-top:88px}
.toc-heading{display:flex;gap:35px;align-items:end;justify-content:space-between;margin-bottom:43px}
.toc-heading p{font-size:1rem;color:#aebbc7;line-height:1.65;max-width:260px;margin:0}
.library-chapter-list{border-top:1px solid #293946}
.library-chapter{display:grid;grid-template-columns:95px 1fr 60px;gap:28px;align-items:center;padding:30px 25px 30px 8px;border-bottom:1px solid #293946;transition:background .2s ease,padding-left .2s ease}
.library-chapter:hover{background:#17232e;padding-left:20px}
.library-numeral{font-size:3.1rem;font-family:Georgia,serif;color:#50d1d3;line-height:1}
.library-chapter-kicker{font-size:.61rem;color:var(--amber);font-weight:850;letter-spacing:.17em;margin-bottom:8px}
.library-chapter h3{font-size:clamp(1.3rem,3vw,1.9rem);letter-spacing:-.035em;margin:0 0 9px}
.library-chapter p{color:#95a4b2;font-size:.8rem;line-height:1.5;margin:0}
.library-chapter p span{padding:0 6px}
.library-chapter-arrow{color:var(--cyan);font-size:1.6rem;justify-self:end}
.library-disclaimer{font-size:.71rem;color:#9aa5ae;letter-spacing:.07em;line-height:1.7;margin-top:31px;max-width:850px}
/* Chapter reader */
.reading-progress{position:fixed;height:3px;z-index:1000;top:0;left:0;right:0;background:#12242a;pointer-events:none}
.reading-progress-fill{width:0;height:100%;background:linear-gradient(90deg,#00e4e3,#ff9b66);transition:width .12s ease}
.reading-page{max-width:1080px;margin:0 auto;padding:35px clamp(20px,5vw,65px) 110px}
.reader-top{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#94a5b1;font-size:.68rem;letter-spacing:.16em;font-weight:850;padding:14px 0 55px}
.reader-top b{color:#35bfc1;margin:0 6px}
.reader-breadcrumb{color:#58ced0}
.reader-breadcrumb:hover{text-decoration:underline}
.reader-heading{text-align:center;max-width:780px;margin:0 auto 68px}
.reader-overline{font-size:.76rem;letter-spacing:.22em;color:var(--cyan);font-weight:850;text-transform:uppercase;margin:8px 0 18px}
.reader-heading h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(2.7rem,6vw,5.1rem);letter-spacing:-.047em;line-height:1.1;margin:0 0 19px}
.reader-dateline{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#d3b8a5;font-size:1.1rem}
.reader-decoration{color:var(--cyan);display:flex;gap:20px;justify-content:center;align-items:center;margin-top:42px}
.reader-decoration span{display:block;width:56px;height:1px;background:#425962}
.reader-toolbar{max-width:740px;margin:0 auto 52px;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:62px;border-top:1px solid #293845;border-bottom:1px solid #293845;padding:11px 0}
.toolbar-label{font-weight:800;letter-spacing:.14em;color:#96abb9;font-size:.61rem}
.toolbar-actions{display:flex;gap:6px;align-items:center}
.toolbar-actions button{background:#151e28;color:#e4e9ec;border:1px solid #34424e;border-radius:5px;padding:9px 12px;cursor:pointer;font:700 .88rem Arial,sans-serif;transition:border-color .2s ease}
.toolbar-actions button:hover{border-color:var(--cyan);color:var(--cyan)}
.toolbar-actions button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.toolbar-actions #size-label{font-size:.59rem;letter-spacing:.12em;color:#a9b4ba;font-weight:800;margin:0 7px}
.toolbar-actions .toolbar-separator{display:block;height:25px;width:1px;background:#36424d;margin:0 6px}
.toolbar-actions #theme-toggle{font-size:.71rem;letter-spacing:.07em}
.manuscript{max-width:740px;margin:0 auto;font-size:var(--reader-font-size,20px);line-height:1.82;font-family:Georgia,'Times New Roman',serif;color:#e9e3d8;text-rendering:optimizeLegibility;overflow-wrap:break-word}
.manuscript p{margin:0 0 1.17em}
.manuscript p:last-child{margin-bottom:0}
.manuscript em{font-style:italic}
.manuscript strong{font-weight:700;color:#fffaf1}
.manuscript u{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.1em}
.chapter-ending{max-width:740px;margin:72px auto 42px;text-align:center;color:#18c6ca;font-size:1.15rem;letter-spacing:.2em}
.chapter-ending span{font:800 .65rem Arial,sans-serif;letter-spacing:.18em;color:#9fb0b8;padding:0 10px}
.chapter-navigation{max-width:740px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.chapter-nav-link{border:1px solid #31414d;background:#131b25;border-radius:7px;padding:24px 22px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease,background .2s ease}
.chapter-nav-link:hover{border-color:var(--cyan);background:#192a34}
.chapter-nav-link small{font:.67rem Arial,sans-serif;color:var(--cyan);font-weight:850;letter-spacing:.11em}
.chapter-nav-link strong{font:500 1.12rem Georgia,serif;line-height:1.3}
.chapter-nav-link.next{text-align:right}
.reader-footnote{font-size:.66rem;letter-spacing:.03em;color:#758791;text-align:center;margin:54px auto 0}
/* Warm reading mode while keeping the outer site cinematic */
body.reading-light .reading-page{background:#f4efe7;border-left:1px solid #dfd6ca;border-right:1px solid #dfd6ca;color:#27313b}
body.reading-light{background:#080c12}
body.reading-light .reader-heading h1{color:#1e2730}
body.reading-light .reader-dateline{color:#76635a}
body.reading-light .reader-top{color:#63727e}
body.reading-light .reader-overline,body.reading-light .reader-breadcrumb{color:#007e89}
body.reading-light .reader-decoration{color:#087e84}
body.reading-light .reader-toolbar{border-color:#c9c3bb}
body.reading-light .toolbar-label{color:#606a72}
body.reading-light .toolbar-actions button{background:#fff;border-color:#bdb9b0;color:#2b343d}
body.reading-light .toolbar-actions #size-label{color:#596671}
body.reading-light .manuscript{color:#252d34}
body.reading-light .manuscript strong{color:#17212b}
body.reading-light .chapter-nav-link{background:#faf7f0;color:#27313b;border-color:#c7c4bb}
body.reading-light .chapter-nav-link small{color:#087e84}
body.reading-light .reader-footnote{color:#67717a}
body.reading-light .chapter-ending span{color:#62747b}
@media(max-width:720px){.inner-header{padding:23px 22px}.library-hero{padding:70px 24px 80px}.library-breadcrumb{margin-bottom:38px}.library-heading{flex-direction:column;align-items:flex-start}.library-heading h1{font-size:clamp(3rem,12vw,4.7rem)}.library-count{flex-direction:row;align-items:center;gap:14px;border-left:0;border-top:1px solid #53606d;padding:16px 0 0;margin:0}.library-count strong{font-size:3.6rem}.library-book{grid-template-columns:1fr;gap:42px}.library-book-cover{max-width:210px}.library-book-copy h2,.library-toc h2{font-size:clamp(2.8rem,9vw,4rem)}.toc-heading{flex-direction:column;align-items:start;gap:6px}.library-chapter{grid-template-columns:54px 1fr 20px;gap:12px;padding:25px 8px 25px 0}.library-numeral{font-size:2.2rem}.library-chapter-arrow{font-size:1.3rem}.reading-page{padding:24px 23px 75px}.reader-top{font-size:.57rem;padding-bottom:35px}.reader-heading{margin-bottom:40px}.reader-overline{font-size:.65rem}.reader-heading h1{font-size:clamp(2.65rem,10vw,4rem)}.reader-toolbar{gap:9px;flex-wrap:wrap;justify-content:center;padding:14px 0;margin-bottom:36px}.toolbar-label{width:100%;text-align:center}.manuscript{font-size:var(--reader-font-size,19px);line-height:1.78}.chapter-nav-link{padding:18px 15px}.chapter-nav-link strong{font-size:1rem}}
@media(max-width:440px){.chapter-navigation{grid-template-columns:1fr}.chapter-nav-link.next{text-align:left}.toolbar-actions #theme-toggle span{display:none}.reader-top{gap:10px;letter-spacing:.085em}.reader-top span{white-space:nowrap}.library-chapter p{font-size:.73rem}}

/* TeddiBoi-led identity: featured novels live inside a growing collection */
.brand-hero{background:radial-gradient(ellipse at 70% 38%,#1b314b 0%,transparent 48%),linear-gradient(120deg,#0b131e 5%,#090d15 65%,#1b1720);min-height:min(850px,100svh)}
.brand-halo{position:absolute;width:53vw;height:53vw;max-width:760px;max-height:760px;left:55%;top:2%;border-radius:50%;z-index:-1;background:radial-gradient(circle,#f2b1790e 2%,#03bcbc19 32%,transparent 66%);filter:blur(28px)}
.brand-hero .hero-content{max-width:700px}
.brand-hero h1{font-size:clamp(3.4rem,6.5vw,7.7rem);line-height:1.02}
.brand-hero h1 em{white-space:nowrap}
.brand-hero .hero-copy{max-width:550px}
.brand-art{position:relative;isolation:isolate;width:100%;max-width:520px;aspect-ratio:4/4.6;margin:15px auto 20px;transform:rotate(3deg);background:linear-gradient(128deg,#213649,#0e1827 43%,#28202d 78%,#221617);box-shadow:0 30px 95px #000b,0 0 80px #058f9717;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.brand-art::before{content:'';position:absolute;inset:12px;border:1px solid #e9ccaa33;z-index:1;pointer-events:none}
.brand-art::after{content:'';position:absolute;width:260px;height:260px;border:1px solid #e6b68b43;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 65px #d6b5a50a,0 0 0 130px #81d1cf07;pointer-events:none}
.brand-art-inner{height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:38px;overflow:hidden}
.brand-art-inner::before{content:'';position:absolute;inset:-50%;background:radial-gradient(ellipse at 35% 40%,#17a5ab4a,transparent 30%),radial-gradient(ellipse at 70% 65%,#ff905534,transparent 27%);filter:blur(30px);z-index:-1}
.brand-art-top,.brand-art-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.63rem;letter-spacing:.2em;font-weight:850;color:#d6d1ca}
.brand-art-top{flex-wrap:wrap}
.brand-monogram{display:flex;justify-content:center;gap:2px;align-items:center;line-height:1;z-index:2;font-family:Georgia,serif;font-size:clamp(7rem,16vw,14rem);font-weight:400;font-style:italic;letter-spacing:-.18em;text-shadow:0 8px 60px #051b20,0 0 65px #fca86a3a;margin-left:-20px}
.brand-monogram span:first-child{color:#f1e0c9}.brand-monogram span:last-child{color:var(--cyan);transform:translateY(25px)}
.brand-art-star{position:absolute;top:30%;right:12%;color:#f2b17b;font-size:3rem;filter:drop-shadow(0 0 17px #ee986d70)}
.brand-art-bottom{justify-content:center;color:#c0c9c7;gap:13px;letter-spacing:.15em}
.brand-art-bar{width:22px;height:1px;background:#ac9684}
.spotlight{border-top:1px solid var(--stroke);max-width:1350px}
.spotlight-grid{display:grid;grid-template-columns:minmax(210px,.76fr) 1.3fr;gap:clamp(55px,8vw,130px);align-items:center}
.spotlight-art{position:relative;max-width:400px;margin:0 auto;transform:rotate(-2deg)}
.spotlight-art img{display:block;width:100%;height:auto;border:1px solid #b5ad9b66;box-shadow:0 22px 85px #000a;border-radius:5px}
.spotlight-flag{position:absolute;right:-22px;top:22px;background:var(--cyan);color:#07121c;padding:12px 15px;font-size:.68rem;font-weight:900;letter-spacing:.14em;box-shadow:0 6px 30px #0007;transform:rotate(4deg)}
.spotlight-copy h2{font-size:clamp(3.1rem,6vw,6rem);margin-bottom:18px}
.spotlight-copy>p{font-size:1.01rem;color:#bbc4ce;line-height:1.8;max-width:640px;margin-bottom:17px}
.spotlight-copy>.spotlight-tagline{font:italic clamp(1.28rem,2vw,1.8rem) Georgia,serif;color:#f0c098;margin-bottom:22px}
.spotlight-copy .story-stats{margin-top:31px;margin-bottom:30px}
.spotlight-copy .story-stats strong{font-size:1.55rem}
.spotlight-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px}
.shelf{max-width:none;padding-left:max(24px,calc((100vw - 1132px)/2));padding-right:max(24px,calc((100vw - 1132px)/2));background:#0d141d;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}
.shelf-heading{display:flex;gap:22px;align-items:end;justify-content:space-between;margin-bottom:35px}
.shelf-heading h2{font-size:clamp(2.9rem,5vw,5.1rem);margin-bottom:20px}
.shelf-heading p{color:#b7bec9;max-width:600px;line-height:1.75}
.shelf-link{color:var(--cyan);letter-spacing:.1em;font-size:.73rem;font-weight:850;white-space:nowrap;border:1px solid #23696e;padding:14px 17px;border-radius:4px;margin-bottom:4px}
.shelf-link span{margin-left:8px}
.shelf-link:hover{background:#122b33}
.shelf-card{display:grid;grid-template-columns:.8fr 2fr auto;gap:22px;align-items:center;padding:35px 30px;border:1px solid #33424f;border-radius:7px;background:linear-gradient(100deg,#182630,#161b26 60%,#201b24)}
.shelf-mark{font-size:.68rem;font-weight:850;color:var(--cyan);letter-spacing:.14em}
.shelf-mark span{color:#c5b3a7;padding:0 5px}
.shelf-book{display:flex;flex-direction:column;gap:7px}
.shelf-book strong{font:normal 1.65rem Georgia,serif;color:white}
.shelf-book>span{font-size:.8rem;color:#acb8c4}
.shelf-book-link{color:var(--cyan);font-weight:750;font-size:.86rem;white-space:nowrap}
.shelf-note{color:#83909f;font-size:.78rem;margin:20px 0 0;letter-spacing:.01em}
@media(max-width:980px){.brand-monogram{font-size:clamp(6rem,16vw,11rem)}.spotlight-grid{gap:55px}.shelf-card{grid-template-columns:1fr 2fr;}.shelf-book-link{grid-column:2}}
@media(max-width:720px){.brand-hero{min-height:auto}.brand-art{max-width:380px;width:75%;margin-top:3px;margin-bottom:20px}.brand-art-inner{padding:24px}.brand-monogram{font-size:clamp(6rem,25vw,10rem)}.brand-art-top,.brand-art-bottom{font-size:.48rem}.brand-art::after{height:185px;width:185px}.brand-art-star{font-size:2rem}.brand-hero h1 em{white-space:normal}.spotlight-grid{grid-template-columns:1fr;gap:42px}.spotlight-art{width:min(52%,240px)}.spotlight-flag{font-size:.54rem;padding:10px}.spotlight-copy h2{font-size:clamp(2.8rem,11vw,4.8rem)}.shelf{padding:68px 24px}.shelf-heading{align-items:flex-start;flex-direction:column}.shelf-card{display:flex;align-items:flex-start;flex-direction:column;padding:24px;gap:14px}.shelf-book strong{font-size:1.4rem}}
@media(max-width:390px){.brand-art{width:85%}.brand-art-inner{padding:20px}.brand-monogram{font-size:6.4rem}.shelf-heading h2{font-size:2.8rem}}

/* TeddiBoi author portrait — editorial treatment matching the existing site. */
.author-portrait{margin:0;display:block;position:relative;height:520px;isolation:isolate;overflow:hidden;border-radius:8px;border:1px solid #4c626b;background:#101822;box-shadow:0 30px 75px #0008,0 0 60px #00e4e30b}
.author-portrait::after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(to bottom,transparent 17%,#070d17d9 98%);pointer-events:none;z-index:1}
.author-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 16%;filter:saturate(.93) contrast(1.035)}
.portrait-caption{position:absolute;z-index:2;bottom:23px;left:24px;right:24px;display:flex;align-items:center;gap:10px;color:#f1f0ec;font-size:.63rem;font-weight:800;letter-spacing:.16em;line-height:1.5;text-shadow:0 1px 12px #000a}
.portrait-caption-line{width:30px;height:2px;background:var(--cyan);flex:none}
.portrait-caption-star{margin-left:auto;color:var(--cyan);font-size:1rem}
@media(max-width:720px){.author-portrait{height:445px;width:min(100%,410px);margin:0 auto 3px}.author-portrait img{object-position:center 14%}}
@media(max-width:390px){.author-portrait{height:390px}}