@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap");
:root{--paper:#f8f7f3;--ink:#26222c;--muted:#7b747f;--line:#e3dfe3;--accent:#a83854;--dark:#231e2c;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:"Noto Serif",Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--font)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit;cursor:pointer}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.3}p{color:var(--muted)}button{border-radius:0}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}[hidden]{display:none!important}
.topbar{max-width:1360px;margin:auto;min-height:84px;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:750;letter-spacing:1.5px;white-space:nowrap}.blockmark{display:inline-block;flex-shrink:0;width:23px;height:23px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 35%,65% 35%,65% 100%,0 100%)}.topbar nav{display:flex;gap:30px;align-items:center;font-size:12px;color:#68606e}.topbar nav a:hover,.topbar a[aria-current="page"]{color:var(--accent)}.private{font-size:10px;color:#938999;white-space:nowrap}.private:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#998b9f;margin-right:7px}main{max-width:1360px;padding:0 40px;margin:auto}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:660px;background:#201c2b;color:#fff8f1;padding:66px 60px 84px;border-radius:4px}.hero-art{position:absolute;inset:0;z-index:-2}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 43%}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#201c2bf5 0%,#201c2be3 25%,#201c2b83 47%,#201c2b05 76%),linear-gradient(0deg,#201c2bd9 0%,transparent 38%)}.hero-copy{position:relative;max-width:540px}.hero-kicker{display:block;font-size:9px;letter-spacing:2px;color:#efb9c5;margin-bottom:28px}.hero h1{font-size:clamp(55px,6vw,83px);font-weight:540;letter-spacing:-3.5px;line-height:1.02;margin:0 0 25px}.hero h1 em{font-family:var(--font-serif);font-weight:400;color:#f2c1cd}.hero-copy>p{font-size:14px;color:#e7dce5;line-height:1.9;max-width:340px;margin:0 0 27px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.primary{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--accent);border:1px solid var(--accent);color:#fff9f5;padding:12px 19px;font-size:12px;font-weight:550;border-radius:3px;min-height:44px}.primary:hover{background:#892d46;border-color:#892d46}.hero-secondary{font-size:12px;color:#f5e8ee;border-bottom:1px solid #ffffff40;padding:8px 0}.hero-bottom{position:absolute;left:60px;right:40px;bottom:23px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff24;padding-top:16px;font-size:8px;letter-spacing:1.3px;color:#cbbdce}.hero-bottom a{font-size:10px;letter-spacing:0;color:#f3e0e8;display:flex;gap:8px;align-items:center}.live-dot{width:5px;height:5px;border-radius:50%;background:#f89bae;box-shadow:0 0 9px #f89bae50}
.stats{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);padding:32px 0 35px;border-bottom:1px solid var(--line)}.stats>div{display:flex;gap:12px;align-items:baseline;justify-content:center}.stats strong{font:29px/1.2 var(--font-serif);font-weight:400;letter-spacing:-1px}.stats span{font-size:10px;color:var(--muted)}.reading-width{max-width:1000px;margin:auto}.story-section{padding:69px 0 0;scroll-margin-top:35px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section-index{font-size:9px;letter-spacing:1.6px;color:#9c6f85;display:block;margin-bottom:13px}.section-heading h2{font-size:34px;font-weight:550;letter-spacing:-1px;margin:0;line-height:1.23}.section-intro{font-size:12px;line-height:1.9;margin:0 0 3px;color:#8b808e}.disclosure-icon{position:relative;display:inline-block;width:14px;height:14px;flex-shrink:0}.disclosure-icon:before,.disclosure-icon:after{content:"";position:absolute;background:#9e879e;left:2px;right:2px;top:6px;height:1px}.disclosure-icon:after{transform:rotate(90deg);transition:transform .18s}details[open]>summary>.disclosure-icon:after{transform:rotate(0)}
.story-stage{border-top:1px solid var(--line)}.story-stage:last-child{border-bottom:1px solid var(--line)}.story-stage>summary{display:grid;grid-template-columns:35px minmax(0,1fr) 15px;gap:20px;align-items:center;padding:23px 0}.stage-index{font:12px/1.5 ui-monospace,monospace;color:#b19fac;align-self:start;padding-top:4px}.stage-range{font:9px/1.5 ui-monospace,monospace;color:#99869b;letter-spacing:1px;display:block;margin-bottom:6px}.stage-heading h3{font-size:17px;font-weight:550;letter-spacing:-.2px;margin:0;line-height:1.5}.story-stage[open] .stage-heading h3{color:#9e3c58}.stage-body{padding:0 40px 25px 55px;max-width:800px}.stage-body p{font-size:14px;line-height:1.95;margin:11px 0 16px;color:#776d7c}.stage-body .stage-next{font-size:12px;color:#97869d}.badge,.story-badge{display:inline-block;font-size:9px;line-height:1.6;color:#8f8594;font-weight:400;white-space:nowrap}.badge:before,.story-badge:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#7e937e;margin-right:6px;vertical-align:2px}.draft-badge:before,.story-draft:before{background:#b28a60}.planned-badge:before,.story-planned:before,.story-author:before{background:#9c83b4}.story-proposal:before{background:#b65e7c}.beat-chapter{display:inline-flex;align-items:center;gap:9px;background:none;border:0;color:var(--accent);padding:6px 0;font-size:11px}.beat-chapter:hover{text-decoration:underline;text-underline-offset:4px}
.character-portal{margin:55px 0 65px;padding:31px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.character-portal h2{font-size:28px;letter-spacing:-.8px;font-weight:500;line-height:1.35;margin:0}.portal-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid #e9e3e8;font-size:16px;font-weight:500}.portal-links a:first-child{padding-top:0}.portal-links a:last-child{border-bottom:0;padding-bottom:0}.portal-links a>span:last-child{font-size:17px;color:#a47d97}.portal-links small{display:block;font-size:10px;color:#988b9d;font-weight:400;line-height:1.8;margin-top:3px}.portal-links a:hover{color:var(--accent)}
.roadmap{scroll-margin-top:35px}.roadmap .section-heading{align-items:end}.roadmap .section-heading h2{font-size:31px}.quiet-button{background:none;border:0;color:#96819d;font-size:10px;white-space:nowrap;padding:8px 0}.quiet-button:hover{color:var(--accent)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;border-block:1px solid var(--line);padding:12px 0}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:0;background:transparent;color:#8e8393;padding:7px 10px;font-size:11px;border-radius:3px;min-height:35px}.filters button.active{color:#fff7f3;background:#3b2d42}.filters button:hover:not(.active){background:#ede8ee}.filters button span{font:9px/1.5 ui-monospace,monospace;opacity:.55;margin-left:3px}.search{display:flex;gap:8px;align-items:center;max-width:230px;flex:1;min-width:180px;border-bottom:1px solid #d6cbd9;padding:4px 0;color:#a38da9}.search>span{font-size:22px;line-height:1}.search input{font-size:11px;width:100%;min-width:0;border:0;background:transparent;padding:5px;color:var(--ink)}.search input::placeholder{color:#a092a6}.result-count{font-size:9px;color:#a391a8;margin:12px 0 22px}.phase{border-bottom:1px solid var(--line);scroll-margin-top:30px}.phase-header{display:flex;align-items:center;gap:22px;padding:23px 0}.phase-header>span:first-child{flex:1}.phase-range{display:block;font:9px/1.5 ui-monospace,monospace;letter-spacing:.6px;color:#a38aaa;margin-bottom:5px}.phase-header h3{font-size:19px;letter-spacing:-.3px;font-weight:500;margin:0}.phase-count{font-size:10px;color:#a18ba8}.phase-rows{padding:0 0 16px 0}.chapter-row{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto 14px;align-items:center;gap:16px;padding:15px 12px;border:0;border-top:1px solid #e9e3e9;background:none;text-align:left;min-height:60px}.chapter-row:hover{background:#f0ebf1}.chapter-row.current{background:#eee7ed;border-left:2px solid #ac5975;padding-left:10px}.chapter-num{font:11px/1.5 ui-monospace,monospace;color:#a48aab}.chapter-title{font-size:13px;font-weight:500;line-height:1.65}.chapter-title small{font-size:8px;font-weight:400;color:#aa99af;display:block;margin-top:3px}.row-meta{white-space:nowrap}.current-marker{font-size:9px;color:#a34260}.arrow{color:#aa8cb2;font-size:13px}#empty{text-align:center;padding:35px 10px}#empty h3{font-size:18px;font-weight:500}#empty p{font-size:12px}
.reference-notes{margin:52px 0 65px}.reference-note{border-top:1px solid var(--line);scroll-margin-top:25px}.reference-note:last-child{border-bottom:1px solid var(--line)}.reference-note>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;font-size:12px;color:#87738f}.reference-body{max-width:760px;padding-bottom:24px}.reference-body>p{font-size:12px;line-height:1.95;color:#8b7c92}footer{max-width:1360px;margin:auto;padding:25px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:10px;color:#9a8ca2}.footer-brand{font-size:10px;letter-spacing:1.2px;color:#64526b;font-weight:600}
/* Chapter detail remains a separate reading surface. */
dialog{background:#fbf9f6;color:var(--ink);width:min(620px,calc(100% - 30px));max-height:85dvh;border:1px solid #d8cbdc;border-radius:5px;padding:30px;box-shadow:0 25px 100px #211b2d45}dialog::backdrop{background:#20172faa;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#a085aa}.dialog-top button{background:none;border:1px solid var(--line);width:34px;height:34px;border-radius:50%;font-size:13px}dialog h2{font-size:30px;letter-spacing:-.8px;font-weight:550;margin:15px 0}dialog p{font-size:13px;line-height:1.95}.detail-box{padding:19px;background:#f0eaf2;margin:23px 0}.detail-box h3{font-size:11px;font-weight:600;margin:0 0 8px}.detail-box p{font-size:12px;margin:0}#author-details{border-block:1px solid var(--line);padding:15px 0}#author-details summary{font-size:12px;color:#9b6b83}#author-details summary:after{content:" +";margin-left:10px}#author-details[open] summary:after{content:" −"}#author-details p{font-size:12px;margin:15px 0 0}.dialog-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px;color:#9a87a2;margin:21px 0}.dialog-bottom a{color:#fff9f5;text-decoration:none}.dialog-nav{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:18px}.dialog-nav button{background:none;border:1px solid var(--line);padding:9px 12px;border-radius:3px;font-size:11px}.dialog-nav button:disabled{opacity:.35;cursor:default}
@media(min-width:1600px){.hero{min-height:710px;padding-top:80px}}
@media(max-width:1050px){.topbar,main{padding-inline:28px}.private{display:none}.hero{padding:54px 40px 84px;min-height:620px}.hero h1{font-size:69px}.hero-bottom{left:40px;right:30px}.hero-art img{object-position:61% center}.hero-art:after{background:linear-gradient(90deg,#201c2bf2 0%,#201c2bcd 33%,#201c2b35 70%),linear-gradient(0deg,#201c2bcc,transparent 40%)}.character-portal{gap:40px}.section-heading h2{font-size:31px}}
@media(max-width:700px){.topbar{min-height:74px;padding:16px 20px;gap:15px;flex-wrap:wrap}.brand{font-size:10px;letter-spacing:1px;gap:8px}.blockmark{width:18px;height:18px}.topbar nav{gap:17px;font-size:10px}.topbar nav a:last-child>span{display:none}main{padding:0 16px}.hero{min-height:680px;padding:273px 25px 78px;border-radius:3px}.hero-art img{object-position:52% top;object-fit:cover;height:390px}.hero-art:after{background:linear-gradient(0deg,#201c2b 0%,#201c2b00 60%);height:400px}.hero-copy{max-width:none}.hero-kicker{font-size:7px;letter-spacing:1.5px;margin-bottom:18px;color:#d9a9bc}.hero h1{font-size:53px;line-height:1.02;letter-spacing:-2px;margin-bottom:22px}.hero-copy>p{font-size:12px;max-width:300px;line-height:1.9;margin-bottom:22px}.hero-actions{gap:15px;align-items:center}.primary{font-size:11px;gap:20px;padding:10px 14px;min-height:42px}.hero-secondary{font-size:10px}.hero-bottom{left:25px;right:25px;bottom:20px;display:block;padding-top:13px}.hero-bottom>span{display:none}.hero-bottom a{font-size:9px}.stats{padding:26px 0 27px}.stats>div{display:block;text-align:center}.stats strong{font-size:27px}.stats span{display:block;margin-top:5px;font-size:9px}.reading-width{padding:0 7px}.story-section{padding-top:43px}.section-heading{display:block;margin-bottom:22px}.section-index{font-size:8px;letter-spacing:1.2px;margin-bottom:12px}.section-heading h2{font-size:29px;letter-spacing:-.9px}.section-intro{font-size:11px;margin:15px 0 0}.section-intro br{display:none}.story-stage>summary{grid-template-columns:23px minmax(0,1fr) 13px;gap:12px;padding:19px 0}.stage-index{font-size:10px}.stage-range{font-size:8px;letter-spacing:.6px;margin-bottom:5px}.stage-heading h3{font-size:15px;line-height:1.6}.stage-body{padding:0 8px 23px 35px}.stage-body p{font-size:13px;line-height:1.95}.stage-body .stage-next{font-size:11px}.badge,.story-badge{font-size:8px}.character-portal{grid-template-columns:1fr;gap:25px;margin:38px 0 43px;padding:27px 0}.character-portal h2{font-size:25px}.portal-links a{font-size:16px;padding:12px 0}.portal-links small{font-size:10px}.roadmap .section-heading{display:flex;align-items:start;gap:12px}.roadmap .section-heading h2{font-size:26px;line-height:1.3}.quiet-button{font-size:9px;max-width:100px;white-space:normal;text-align:right;padding-top:25px}.toolbar{display:block;padding:10px 0}.filters{justify-content:space-between;gap:3px}.filters button{font-size:10px;padding:7px}.filters button span{font-size:8px;margin-left:2px}.search{max-width:none;width:100%;min-width:0;margin-top:10px;border-bottom:0}.search input{font-size:12px;padding:7px}.result-count{font-size:8px;margin:11px 0 15px}.phase-header{gap:14px;padding:20px 0}.phase-range{font-size:8px}.phase-header h3{font-size:17px}.phase-count{display:none}.phase-rows{padding-bottom:12px}.chapter-row{grid-template-columns:23px minmax(0,1fr) auto 10px;gap:9px;padding:13px 5px;min-height:59px}.chapter-row.current{padding-left:3px}.chapter-num{font-size:10px}.chapter-title{font-size:12px}.chapter-title small{font-size:7px}.current-marker{font-size:8px}.row-meta .badge{font-size:7px}.row-meta .badge:before{display:none}.arrow{font-size:11px}.reference-notes{margin:36px 0 42px}.reference-note>summary{font-size:11px;padding:18px 0}.reference-body>p{font-size:11px}footer{padding:23px 23px;font-size:9px;gap:17px}.footer-brand{font-size:9px}footer>span{display:none}dialog{padding:23px}dialog h2{font-size:25px}.dialog-bottom{font-size:9px}.dialog-nav button{font-size:10px;padding:8px 9px}}
@media(max-width:370px){.topbar{gap:12px}.topbar nav{gap:13px}.hero h1{font-size:49px}.hero-actions{gap:12px}.hero-secondary{font-size:9px}.hero{padding-inline:23px}.hero-bottom{left:23px;right:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.disclosure-icon:after{transition:none}}
