:root{--ink:#172936;--navy:#0d1825;--muted:#63717a;--gold:#dfbd78;--paper:#f6f4ee;--line:#d9ddd8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,summary,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a87b32;outline-offset:5px}h1,h2,h3,p{margin:0 0 20px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15}h1{font-size:clamp(45px,5.3vw,78px);letter-spacing:-2px}h2{font-size:clamp(33px,3.1vw,46px);letter-spacing:-1px}h3{font-size:27px}em{font-weight:400;color:#92713b}p{max-width:65ch}small,.small{font-size:12px;line-height:1.6;color:var(--muted)}.wrap{max-width:1240px;margin:auto;padding:80px 48px}.top{height:88px;padding:0 4%;display:flex;align-items:center;gap:38px;background:var(--navy);color:#eee}.brand{font-size:14px;letter-spacing:2px;white-space:nowrap}.brand span:not(.symbol){font-weight:400}.symbol{color:var(--gold);font-size:30px;margin-right:9px;vertical-align:middle}.top nav{display:flex;gap:27px;margin:auto;font-size:13px;color:#c8ced3}.top a:hover{color:var(--gold)}.nav-action{font-size:12px;border-bottom:1px solid #9e885e;padding:10px 0}.hero{height:570px;min-height:520px;position:relative;color:#f8f5ed;background:linear-gradient(90deg,rgba(5,14,26,.42),transparent 80%),url('assets/hero.webp') center 55%/cover}.hero-inner{max-width:1240px;padding:68px 48px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;margin-bottom:24px}.hero .eyebrow{color:var(--gold)}.hero em{color:var(--gold)}.hero-copy{font-size:16px;color:#c8cfd7;line-height:1.8;max-width:450px}.actions{display:flex;gap:26px;align-items:center;margin-top:30px}.button{display:inline-flex;gap:22px;justify-content:center;align-items:center;padding:13px 21px;border:1px solid transparent;font-size:13px;font-weight:600;border-radius:3px;line-height:1.5}.gold{background:var(--gold);color:#172331}.gold:hover{background:#eccd90}.quiet{font-size:12px}.hero-foot{position:absolute;bottom:0;width:100%;padding:16px 4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;border-top:1px solid #ffffff25;color:#bfc7cd;background:#09132266}.welcome{display:grid;grid-template-columns:1.05fr 1fr;gap:90px}.welcome h2{font-size:34px}.welcome-copy{font-size:15px;color:#53616b}.signature{font-family:Georgia,serif;font-size:24px;color:var(--ink);display:block;margin-top:28px}.signature small{display:block;font:9px Arial;letter-spacing:2px;margin-top:6px}.explore{border-top:1px solid var(--line);padding-top:65px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:30px}.section-head p:not(.eyebrow){font-size:13px;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 30px}.filters button{border:1px solid #ccd2cf;background:transparent;border-radius:30px;padding:7px 15px;font-size:12px;color:#53616b}.filters .active{background:#233d45;color:white;border-color:#233d45}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.articles article{border:1px solid #d9ddd8;background:#fffdfa;border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.articles article[hidden]{display:none}.article-art{height:180px;position:relative;overflow:hidden;background:#122936}.orbit{background:radial-gradient(ellipse at 30% 55%,#39777d,transparent 35%),radial-gradient(ellipse at 70% 45%,#6a623f,transparent 35%),#122936}.orbit span,.orbit i{position:absolute;width:110px;height:110px;border:1px solid #d5ba7b;border-radius:50%;top:35px;left:22%;box-shadow:0 0 35px #82c9bd66}.orbit i{left:48%;border-color:#9dccc5;transform:rotate(-30deg)}.time{background:repeating-linear-gradient(100deg,transparent,transparent 35px,#c8b87a14 36px,#c8b87a14 37px),#192a3a}.time span,.time i{font:180px Georgia;position:absolute;top:-50px;left:15%;color:#beac7e}.time i{left:43%;color:#66899d}.doorway{background:radial-gradient(ellipse at bottom,#6c6b50,#152a35 70%)}.doorway span{position:absolute;height:135px;width:70px;border:1px solid #e3c78e;border-bottom:none;left:calc(50% - 35px);bottom:0;border-radius:60px 60px 0 0;box-shadow:0 0 40px #dfbd7844,inset 0 0 30px #dfbd7822}.article-body{padding:25px;display:flex;flex-direction:column;flex:1}.tag{font-size:9px;letter-spacing:1.1px;color:#69776e;font-weight:700}.article-body h3{font-size:25px}.article-body>p:not(.tag){font-size:13px;color:#64717a}.text-button{border:0;background:none;color:inherit;padding:0;font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:5px}.article-body .text-button{margin-top:auto;display:flex;justify-content:space-between;padding-top:12px}.editorial{font-size:12px;color:var(--muted);margin-top:25px;max-width:900px}.standards{border-top:1px solid var(--line);margin-top:35px;font-size:13px}.standards summary{cursor:pointer;padding:22px 0;list-style:none}.standards summary span{float:right}.standards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;color:#63717a}.standards h4{color:var(--ink)}.reflection{background:#e8ede7;border-block:1px solid #d4ddd5}.reflect-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.reflect-grid>div>p:not(.eyebrow){font-size:14px;color:#63716c}.reflect-grid label{display:block;font-size:12px;margin-bottom:10px}.reflect-grid select{width:100%;max-width:360px;background:transparent;padding:10px;border:1px solid #aab9ae;border-radius:3px;color:var(--ink);font-size:13px}.notebook{padding:30px;background:#fffdf7;border:1px solid #d6dbce;box-shadow:0 12px 40px #34443708;border-radius:4px}.notebook label{font:22px/1.4 Georgia}.notebook textarea{resize:vertical;width:100%;min-height:170px;padding:10px 0;border:0;border-bottom:1px solid #d5d9cc;background:transparent;color:var(--ink);font-size:15px}.privacy{font-size:10px;color:#707a73;margin:14px 0}.note-tools{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.light{background:#e8ede7;font-size:12px}.note-tools .text-button{font-size:10px}#save-status{font-size:11px;color:#51654d;margin:12px 0 0}.circle{display:grid;grid-template-columns:1fr 1fr;gap:90px}.circle-icon{display:block;font:60px Georgia;color:#a28a54;margin-bottom:25px}.circle>div>p:not(.eyebrow){font-size:14px;color:#63717a}.circle h3{font:10px Arial;letter-spacing:1.5px;text-transform:uppercase;margin-top:30px}.circle .question{font:24px/1.4 Georgia!important;color:var(--ink)!important}.outline{border-color:#9daaa5;font-weight:400}.create{background:#122a32;color:#edf1ec}.create-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px}.create .eyebrow,.create em{color:var(--gold)}.create p:not(.eyebrow):not(.tag){font-size:14px;color:#b7c7c9}.path{border:1px solid #61706a;padding:30px;align-self:center}.path .tag{color:var(--gold)}.path h3{font-size:26px}.path a{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ffffff25;padding:18px 0}.path a:hover{color:var(--gold)}.path strong{font-size:13px;font-weight:400}.path small{display:block;font-size:11px;color:#aebdbd;margin-top:4px}.path .small{font-size:10px!important;margin-bottom:0}.book{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.book-art{padding:25px 50px;background:#e9e6dd;text-align:center}.book-cover{max-width:270px;min-height:370px;margin:auto;padding:30px 20px;text-align:center;color:#ece1bf;background:linear-gradient(#08131b70,#08131b30),url('assets/hero.webp') 67% center/cover;box-shadow:12px 15px 18px #14212b33;border-left:5px solid #45505a}.book-cover small{font:8px Arial;color:#dfbd78;letter-spacing:1px}.book-cover h3{font-size:48px;margin:25px 0 10px}.book-cover p{font-size:12px;letter-spacing:2px}.book-cover span{display:block;font:12px/1.5 Georgia;margin-top:90px}.art-caption{display:block;font-size:9px;margin-top:20px}.book>div>p:not(.eyebrow){font-size:14px;color:#63717a}.book .small{font-size:11px!important;margin-top:18px}.closing{text-align:center;border-top:1px solid var(--line);padding:55px 20px}.closing p{font:italic 27px/1.5 Georgia;margin:0 auto 15px;max-width:750px}.closing span{font-size:9px;letter-spacing:2px;color:#7a816f}footer.wrap{padding-top:35px;padding-bottom:30px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:25px}footer p{font-size:11px;color:#748079;margin-top:10px}.footer-links{display:flex;gap:15px;flex-wrap:wrap;font-size:10px}.footer-links button{font-size:10px}.copyright{grid-column:1/-1;font-size:10px}dialog{width:min(760px,94vw);max-height:90dvh;padding:35px;border:1px solid #bbc3b8;border-radius:6px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#08131acc;backdrop-filter:blur(4px)}.reader-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.reader-top .eyebrow{margin:0;font-size:9px}.reader-top button{border:1px solid #aeb9b2;background:none;border-radius:50%;width:36px;height:36px}dialog h2{font-size:36px}dialog h3{font-size:23px;margin-top:28px}dialog p{font-size:15px}dialog a{color:#7b602e;text-decoration:underline}dialog .source{font-size:12px;padding-top:20px;border-top:1px solid var(--line)}dialog .button{color:var(--ink);text-decoration:none}.skip{position:absolute;top:-100px;z-index:20;background:white;padding:10px}.skip:focus{top:0}
@media(max-width:1000px){.nav-action{display:none}.top{gap:20px}.top nav{margin-left:auto;margin-right:0}.wrap{padding:60px 30px}.welcome,.circle,.reflect-grid,.create-grid,.book{gap:40px}.hero-inner{padding-left:40px}.article-body{padding:20px}.article-body h3{font-size:23px}.book-art{padding:25px}.hero{height:550px}.brand{font-size:12px}}
@media(max-width:650px){html{scroll-padding-top:20px}.top{height:auto;min-height:100px;flex-wrap:wrap;justify-content:center;padding:14px 16px;gap:10px}.top nav{width:100%;justify-content:center;margin:0;gap:25px;font-size:12px}.brand{font-size:12px}.symbol{font-size:23px}.hero{height:570px;min-height:0;background-position:66% center;background-image:linear-gradient(90deg,#08131be8,#08131b55),url('assets/hero.webp')}.hero-inner{padding:50px 24px}.hero h1{font-size:45px;letter-spacing:-1.6px;max-width:350px}.hero-copy{font-size:14px;max-width:265px}.hero .eyebrow{font-size:8px}.actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-foot{padding:15px 24px;font-size:8px}.hero-foot span:last-child{display:none}.wrap{padding:48px 24px}.welcome,.circle,.reflect-grid,.create-grid,.book{grid-template-columns:1fr;gap:30px}.welcome h2{font-size:31px}.section-head{display:block}.section-head>p{font-size:12px}.articles{grid-template-columns:1fr;gap:24px}.article-art{height:165px}.article-body h3{font-size:28px}.standards-grid{grid-template-columns:1fr;gap:0}.notebook{padding:20px}.notebook label{font-size:21px}.circle-icon{font-size:45px}.path{padding:23px}.book-art{max-width:340px;width:100%;margin:auto}.book-cover{min-height:350px}.closing p{font-size:23px}.footer-links{line-height:2.4}footer.wrap{grid-template-columns:1fr}dialog{padding:24px}dialog h2{font-size:30px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}body{isolation:isolate;background:#f6f4ee}.top,.hero,.reflection,.create{position:relative}main>.wrap,footer.wrap{background:#f6f4eef5}.closing{background:#f6f4eee8}@media(prefers-reduced-motion:reduce){#field{display:none}}

/* V1.1: a continuous night field surrounding quiet reading surfaces. */
:root{--ink:#edf1ef;--muted:#b2c2c6;--paper:#111d29;--line:#45606b66;color-scheme:dark}
body{background:radial-gradient(ellipse at 12% 18%,#163d3c88,transparent 45%),radial-gradient(ellipse at 90% 62%,#203c5680,transparent 50%),#09121e;background-attachment:fixed}
#field{z-index:0}body>.top,main,footer{position:relative;z-index:1}main>.wrap,footer.wrap{background:linear-gradient(110deg,#1c3036eb,#1b2533eb);border:1px solid #6a8e913d;border-radius:12px;margin-top:38px;margin-bottom:38px;box-shadow:0 18px 65px #0002}
em{color:#dfbd78}.welcome-copy,.section-head p:not(.eyebrow),.article-body>p:not(.tag),.editorial,.standards-grid,.reflect-grid>div>p:not(.eyebrow),.circle>div>p:not(.eyebrow),.book>div>p:not(.eyebrow){color:#bccbd0}
.articles article{background:#101c29e8;border-color:#58737b55}.tag{color:#b3c8c5}.filters button{border-color:#708c9166;color:#cfdbdf}.filters .active{background:#aac9c7;color:#12242b;border-color:#aac9c7}
.reflection{background:#142e36b8;border-color:#72928a44;margin-block:38px}.notebook{background:#111f2eee;border-color:#708d8666;box-shadow:0 16px 50px #0003}.notebook textarea{border-color:#708d8655;color:#f0f4ef}.notebook textarea::placeholder{color:#93a8b4}.privacy{color:#b2c3c9}.light{background:#b8cecb;color:#10252b}#save-status{color:#bdd8bb}.reflect-grid select{background:#152730;color:#edf3ef}.circle .question{color:#f0e6cd!important}.outline{border-color:#a9c3be;color:#eef2ed}.create{background:#123138c9;border-block:1px solid #72928a44}.book-art{background:#142631a8;border:1px solid #657d7955;border-radius:5px}.closing{background:#0c1826b0;border-color:#526a6a55}.closing span,footer p{color:#a8bcbf}.closing p{color:#e1d7bf}dialog{background:#132330;color:#edf1ef;border-color:#78918b}dialog a{color:#e6c985}dialog .button{color:#10252b}.reader-top button{color:#edf1ef;background:#253d47}.skip{background:#17343e;color:white}
@media(min-width:1300px){main>.wrap,footer.wrap{max-width:1180px}}
@media(max-width:650px){main>.wrap,footer.wrap{margin:20px 12px;padding:35px 20px;border-radius:10px}.reflection,.create{margin-block:20px}.reflect-grid,.create-grid{padding:40px 24px}.top{background:#0d1825}.book-art{padding:20px}.closing{padding:45px 25px}}

.account-placeholder{text-align:center;font-size:10px;color:#a9b8bf;white-space:nowrap}.account-placeholder>div{display:flex;gap:8px}.account-placeholder button{font-size:12px;background:transparent;border:1px solid #6b808a;color:#becad0;padding:6px 12px;border-radius:3px;cursor:not-allowed}.account-placeholder>span{display:block;margin-top:3px;letter-spacing:1px}.updates{display:grid;grid-template-columns:1fr 1fr;gap:60px}.updates p:not(.eyebrow){color:#bccbd0;font-size:14px}.updates .update-status{border-left:2px solid #dfbd78;padding-left:15px;font-size:12px}@media(max-width:650px){.account-placeholder{width:100%}.account-placeholder>div{justify-content:center}.updates{grid-template-columns:1fr;gap:15px}}