: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}}

/* v1.2 additions: discreet free-chapters notice, resume links and social section */
.hero-chapter-line{display:flex;align-items:center;gap:10px;max-width:590px;font-size:.88rem;color:#d0d9e2;margin:26px 0 11px;line-height:1.5}
.hero-chapter-line strong{font-weight:800;color:#f3f6f6}
.hero-chapter-dot{font-size:1rem;color:var(--cyan);flex:none}
.continue-reading[hidden],.resume-panel[hidden]{display:none!important}
.continue-reading{border:1px solid #277179;background:linear-gradient(105deg,#102831,#111e2b);padding:16px 18px;border-radius:7px;max-width:550px;margin-top:24px;box-shadow:0 7px 25px #0004}
.continue-reading .continue-label{display:block;font-size:.62rem;font-weight:900;letter-spacing:.17em;color:#5de6e5;margin-bottom:8px}
.continue-reading a{display:flex;gap:10px;align-items:center;justify-content:space-between;font-weight:700;color:#f9f6f1;line-height:1.45}
.continue-reading a span:last-child{color:var(--cyan);flex:none;font-size:1.15rem}
.continue-reading .continue-meta{color:#adbfcb;font-size:.78rem;display:block;margin-top:6px}
.library-book-copy .continue-reading{margin-top:22px;max-width:480px}
.connect{background:radial-gradient(ellipse at 85% 10%,#12353c 0%,transparent 40%),#0a111a;border-top:1px solid var(--stroke);max-width:none;padding-left:max(24px,calc((100vw - 1132px)/2));padding-right:max(24px,calc((100vw - 1132px)/2))}
.connect-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(30px,7vw,110px);align-items:center}
.connect h2{font-size:clamp(2.7rem,5vw,5rem);line-height:1.03;margin:0 0 18px}
.connect h2 em{color:var(--cyan)}
.connect p{font-size:1rem;max-width:490px;color:#b9c4d0;line-height:1.78}
.connect-links{border-top:1px solid #3e525c}
.connect-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#f6f5f1;border-bottom:1px solid #3e525c;padding:22px 12px;text-decoration:none;transition:background .15s}
.connect-links a:hover,.connect-links a:focus-visible{background:#132835}
.connect-links a>span:first-child{display:flex;gap:6px;flex-direction:column}
.connect-links strong{font-size:1rem;font-weight:800}
.connect-links small{font-size:.75rem;color:#b6c7ce}
.connect-links a>span:last-child{color:var(--cyan);font-size:1.3rem}
.resume-panel{max-width:740px;margin:0 auto 35px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;margin:0 0 35px;background:#0f2b33;border:1px solid #1e858b;border-radius:6px;color:#edf7f6}
.resume-panel strong{font-size:.98rem}
.resume-panel p{margin:6px 0 0;color:#c0d0d4;font-size:.81rem;line-height:1.5}
.resume-actions{display:flex;gap:9px;flex-wrap:wrap}
.resume-actions button{padding:10px 13px;border-radius:4px;border:1px solid #36b9c1;background:#06262d;color:#ecffff;cursor:pointer;font-size:.78rem;font-weight:750}
.resume-actions button:first-child{background:var(--cyan);color:#09222b;border-color:var(--cyan)}
.resume-actions button:hover{filter:brightness(1.15)}
body.reading-light .resume-panel{background:#e0eeed;color:#1c333a;border-color:#8fbbb7}
body.reading-light .resume-panel p{color:#3b5860}
body.reading-light .resume-actions button{background:#effcfa;color:#19444a;border-color:#4a969b}
body.reading-light .resume-actions button:first-child{background:#087f84;color:white}
@media(max-width:720px){.connect{padding:70px 24px}.connect-grid{grid-template-columns:1fr;gap:23px}.resume-panel{flex-direction:column;align-items:flex-start}.resume-actions{width:100%}.resume-actions button{flex:1}.hero-chapter-line{font-size:.81rem}}
@media(max-width:420px){.resume-actions{flex-direction:column}.resume-actions button{width:100%}}

.hero-chapter-line+.hero-note{margin-top:14px}

/* v1.2.4 — chapter-scoped bookmark reset, with narrow-screen safe wrapping. */
.reader-bookmark-tools{box-sizing:border-box;max-width:740px;margin:-38px auto 49px;display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;font:400 .74rem/1.55 Arial,sans-serif;color:#93aab6}
.reader-bookmark-tools .bookmark-help{flex:1 1 220px}
.reader-bookmark-tools button{flex:0 0 auto;border:1px solid #3a5962;background:transparent;color:#8edbdc;border-radius:5px;font:700 .73rem Arial,sans-serif;padding:9px 12px;cursor:pointer;white-space:nowrap}
.reader-bookmark-tools button:not(:disabled):hover{border-color:var(--cyan);color:#fff}
.reader-bookmark-tools button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.reader-bookmark-tools button:disabled{opacity:.45;cursor:default}
.bookmark-status{max-width:740px;margin:-35px auto 28px;color:#65d9d6;font:700 .76rem/1.5 Arial,sans-serif}
.bookmark-status:empty{display:none}
body.reading-light .reader-bookmark-tools{color:#596c78}
body.reading-light .reader-bookmark-tools button{border-color:#97b1b7;color:#156b72}
body.reading-light .reader-bookmark-tools button:not(:disabled):hover{border-color:#087f84;color:#064c55}
body.reading-light .bookmark-status{color:#136f75}
@media(max-width:720px){.reader-bookmark-tools{justify-content:center;gap:7px 14px;margin:-23px auto 34px;text-align:center}.reader-bookmark-tools .bookmark-help{flex:1 1 100%}.bookmark-status{margin:-23px auto 25px;text-align:center}}


/* v1.3 — combined gold/teal TeddiBoi signature art in the homepage hero. */
.brand-logo-panel {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 600px;
  min-width: 0;
  margin: 10px auto 22px;
  padding: 0;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(197, 154, 103, .30);
  background: #070a10;
  box-shadow: 0 28px 72px rgba(0,0,0,.62), 0 0 56px rgba(0,228,227,.08);
}
.brand-logo-panel img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 980px) {
  .brand-logo-panel {max-width: 530px;}
}
@media (max-width: 720px) {
  .brand-logo-panel {
    width: min(100%, 420px);
    max-width: 100%;
    margin: 0 auto 26px;
    border-radius: 6px;
  }
}


/* v1.3.2 — reader reviews, private feedback and author contact. */
.feedback-teaser{border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);background:radial-gradient(ellipse at 90% 40%,#1b3839 0%,transparent 47%),#0c131d}
.feedback-teaser-grid{display:grid;grid-template-columns:1.5fr .75fr;gap:8%;align-items:center}
.feedback-teaser h2,.library-feedback h2,.reader-feedback-prompt h2,.feedback-page h2{font-size:clamp(2.5rem,4.4vw,4.5rem);line-height:1.08;margin-bottom:20px}
.feedback-teaser h2 em,.library-feedback h2 em,.reader-feedback-prompt h2 em,.feedback-page h2 em{color:var(--cyan)}
.feedback-teaser-grid>div:first-child>p,.library-feedback>p{font-size:1.04rem;line-height:1.8;color:#b9c8d3;max-width:650px;margin-bottom:28px}
.feedback-teaser-note{padding:32px;border:1px solid #39505b;border-radius:8px;background:#111e2a}
.feedback-teaser-icon{display:block;font-size:2rem;color:#d8b47a;margin-bottom:15px}
.feedback-teaser-note strong{font:normal 1.6rem/1.3 Georgia,serif;color:#fff}
.feedback-teaser-note p{margin:15px 0 0;font-size:.91rem;line-height:1.7;color:#aec0cb}
.library-feedback{border-top:1px solid var(--stroke)}
.reader-feedback-prompt{max-width:740px;margin:55px auto 40px;padding:35px clamp(20px,4vw,44px);border:1px solid #2b565f;border-radius:8px;background:radial-gradient(circle at 93% 13%,#14404a66,transparent 46%),#101c28;color:#f6f6f3;text-align:center}
.reader-feedback-prompt h2{margin:8px 0 15px;font-size:clamp(2rem,4vw,3.1rem)}
.reader-feedback-prompt p{color:#c2cdd5;font:normal .95rem/1.75 Arial,sans-serif;margin:0 auto 23px;max-width:500px}
.reader-feedback-kicker{font:bold .66rem/1.4 Arial,sans-serif;letter-spacing:.15em;color:#d8b47a}
.reader-feedback-prompt .button{font:800 .82rem/1.2 Arial,sans-serif}
body.reading-light .reader-feedback-prompt{background:#e5eae8;color:#17242c;border-color:#9eb4ba}
body.reading-light .reader-feedback-prompt p{color:#415661}
body.reading-light .reader-feedback-kicker{color:#795e2a}
.feedback-page{background:#080c12}
.feedback-hero{padding:155px max(24px,calc((100vw - 1132px)/2)) 85px;border-bottom:1px solid #2a3843;background:radial-gradient(ellipse at 88% 15%,#11424a66,transparent 45%),linear-gradient(125deg,#0b1220,#141627 68%,#251c25)}
.feedback-hero .section-tag{margin-bottom:36px}
.feedback-hero-grid{display:grid;grid-template-columns:1.45fr .65fr;gap:7%;align-items:center}
.feedback-hero h1{font-size:clamp(3rem,6.2vw,6.3rem);max-width:800px;margin:10px 0 25px}
.feedback-hero-grid>div:first-child>p:not(.feedback-eyebrow){color:#c6d1d9;line-height:1.8;font-size:1.1rem;max-width:670px;margin-bottom:30px}
.feedback-eyebrow{font-size:.68rem;font-weight:900;letter-spacing:.2em;color:#d8b47a}
.feedback-hero-aside{border-left:2px solid #d5aa70;padding:12px 0 12px 25px}
.feedback-hero-aside span{display:block;color:#d8b47a;font-size:2rem;margin-bottom:10px}
.feedback-hero-aside strong{font:normal 1.45rem/1.25 Georgia,serif;color:#f8f2e9}
.feedback-hero-aside p{color:#b1c2cc;font-size:.94rem;line-height:1.6;margin:14px 0 0}
.review-form-section,.public-reviews-section,.feedback-contact-section{max-width:1132px;margin:auto;padding:83px 24px}
.review-form-heading{max-width:770px;margin-bottom:28px}
.review-form-heading .section-tag{margin-bottom:22px}
.review-form-heading p{font-size:1rem;line-height:1.75;color:#becbd4}
.review-form-heading strong{color:#eee7de}
.zoho-form-frame{max-width:840px;margin:30px auto 0;border:1px solid #b9936047;background:#091223;border-radius:10px;overflow:hidden;box-shadow:0 20px 65px #0008}
.zoho-form-frame iframe{display:block;border:0;width:100%;height:1180px;background:#0c1425}
.form-access-note,.form-privacy-note{max-width:840px;margin:15px auto 0;color:#96aab6;font-size:.83rem;line-height:1.65}
.form-access-note a{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}
.form-privacy-note{margin-top:18px;color:#92a5b1}
.public-reviews-section{border-top:1px solid #2a3843}
.public-reviews-section .section-tag{margin-bottom:28px}
.reviews-empty-state{border:1px dashed #42606b;border-radius:8px;background:#111b27;display:flex;gap:22px;align-items:center;padding:27px 32px;margin-top:29px}
.reviews-empty-star{font-size:2.4rem;color:#d7ad70}
.reviews-empty-state p{color:#bdcbd5;margin:0;line-height:1.7}
.feedback-contact-section{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #2a3843}
.feedback-contact-section .section-tag{margin-bottom:22px}
.feedback-contact-section p{color:#b5c6d2;line-height:1.65;margin-bottom:0}
.feedback-contact-section .button{flex:none}
@media(max-width:720px){
 .feedback-teaser-grid,.feedback-hero-grid{grid-template-columns:1fr;gap:33px}
 .feedback-teaser-note{padding:24px}
 .feedback-hero{padding:137px 24px 65px}
 .feedback-hero-aside{padding-left:18px}
 .review-form-section,.public-reviews-section,.feedback-contact-section{padding:58px 20px}
 .zoho-form-frame{border-radius:7px;margin-top:20px}
 .zoho-form-frame iframe{height:1390px}
 .feedback-contact-section{align-items:flex-start;flex-direction:column;gap:26px}
 .reviews-empty-state{padding:24px 20px;gap:16px}
 .feedback-hero h1{font-size:clamp(2.8rem,10vw,4.6rem)}
}
@media(max-width:390px){.zoho-form-frame iframe{height:1460px}}

/* Keep both Reviews and Library links visible on narrow phones. */
@media(max-width:720px){.site-header nav{gap:9px;font-size:.71rem}.site-header nav a:not(.nav-outline){white-space:nowrap}.site-header .wordmark{font-size:1.34rem}}
@media(max-width:380px){.site-header{padding-left:16px;padding-right:16px}.site-header .wordmark{font-size:1.2rem}.site-header nav{gap:7px;font-size:.67rem}.site-header .nav-outline{padding:8px 10px}}

/* v1.3.4 — quick jump from the Reviews hero to the public reviews. */
.feedback-hero-links{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.feedback-hero-links .quiet-link{display:inline-flex;align-items:center}
#reader-reviews{scroll-margin-top:24px}

/* v1.3.6 — let the approved TB artwork dissolve into the hero instead of a rectangular frame. */
.brand-logo-panel {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}
.brand-logo-panel img {
  /* The image itself fades; transparent edges reveal the real hero background. */
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
/* v1.3.6 — always-available but discreet chapter review shortcut. */
.floating-review-link {
  position: fixed;
  z-index: 55;
  right: clamp(16px, 3vw, 44px);
  bottom: max(20px, env(safe-area-inset-bottom, 0px));
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 13px 18px;
  border: 1px solid rgba(219, 177, 113, .72);
  border-radius: 999px;
  background: rgba(10, 20, 30, .95);
  color: #f8f2e8;
  font: 700 .79rem/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: .018em;
  box-shadow: 0 8px 32px rgba(0,0,0,.5), 0 0 28px rgba(0,228,227,.07);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.floating-review-link .review-link-star {color:#e7bc83;font-size:1.02rem;line-height:1}
.floating-review-link .review-link-arrow {color:#00e4e3;font-size:1rem;line-height:1}
.floating-review-link:hover {border-color:#00e4e3;background:#18303a;transform:translateY(-2px)}
.floating-review-link:focus-visible {outline:3px solid #00e4e3;outline-offset:4px}
#leave-review {scroll-margin-top:24px}
@media(max-width:720px){
  .floating-review-link {right:14px;bottom:max(14px, env(safe-area-inset-bottom, 0px));padding:11px 14px;gap:7px;font-size:.75rem}
}
@media (prefers-reduced-motion: reduce){.floating-review-link{transition:none}}