@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500;600&display=swap');
:root{color-scheme:dark;--bg:#151918;--text:#e1e0d5;--muted:#8c928b;--gold:#c4b795;--line:#ffffff12;--serif:'Noto Serif SC','Songti SC','STSong',serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px}button,a,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid var(--gold);outline-offset:6px}button{color:inherit}a{color:inherit;text-decoration:none}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 22%,#8b795517,transparent 44%),radial-gradient(ellipse at 36% 100%,#40574d12,transparent 55%)}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}aside{width:246px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:43px 28px;display:flex;flex-direction:column;background:#11151470}.brand{display:flex;gap:13px;align-items:center;font-family:Georgia,serif;letter-spacing:2px;font-size:14px}.brand-symbol{font-size:33px;color:var(--gold);font-family:serif;transform:rotate(-30deg)}.brand small{display:block;font:10px var(--serif);letter-spacing:5px;color:#8c948b;margin-top:8px}.side-label{font-size:8px;letter-spacing:2px;color:#616a62;margin:59px 0 23px 12px}nav{display:grid;gap:9px}.nav-item{border:0;background:transparent;text-align:left;padding:15px 13px;border-radius:5px;color:#899188;font-size:12px;display:flex;gap:12px;align-items:center}.nav-item.active{background:#ffffff06;color:#dedfd2}.nav-item>span{font-size:17px;color:#a7af9d}.nav-item small{margin-left:auto;font-size:8px;letter-spacing:1px;color:#626e64}.side-bottom{margin-top:auto;padding:0 10px}.tiny-orbit{font-size:25px;color:#a79c7b}.side-bottom p{font:11px var(--serif);letter-spacing:1px;color:#a0a798;margin:18px 0 10px}.side-bottom>small{font-size:8px;letter-spacing:2px;color:#56645b}.local-indicator{font-size:9px;color:#626f64;margin-top:31px;border-top:1px solid var(--line);padding-top:21px}.local-indicator i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#8d9b7b;margin-right:7px}main{position:relative;margin-left:246px;padding:36px 6.2vw 0;max-width:1700px}header{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#777f75}header span:last-child{letter-spacing:1px;font-size:10px}.hero{position:relative;padding-top:87px;padding-bottom:64px;border-bottom:1px solid var(--line);min-height:545px}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#9a9c85}.eyebrow>span{width:17px;height:1px;background:#9e9b79;display:inline-block;vertical-align:middle;margin-right:10px}h1{font:400 clamp(35px,3.5vw,54px)/1.65 var(--serif);letter-spacing:5px;margin:25px 0 20px;position:relative;z-index:1}.period{color:var(--gold)}.hero p{font:12px/2.2 var(--serif);color:#939b8f;letter-spacing:1px}.primary{background:#c7bea5;color:#262b25;border:1px solid #e1d6b144;border-radius:3px;padding:15px 23px;font-size:12px;letter-spacing:2px;min-width:167px;display:inline-flex;justify-content:space-between;gap:35px;align-items:center;transition:background .2s,transform .2s}.primary:hover{background:#dfd3b5;transform:translateY(-2px)}.hero .primary{margin-top:23px}.primary span{font-size:19px;line-height:16px}.hero-note{font:10px var(--serif);letter-spacing:1px;color:#69766a;margin-top:18px}.orbit-art{position:absolute;width:340px;height:340px;right:0;top:88px;opacity:.8;pointer-events:none}.orb{position:absolute;width:177px;height:177px;top:66px;left:88px;border-radius:50%;background:radial-gradient(circle at 31% 27%,#a5997269,#605c3e38 38%,#141b16 74%);box-shadow:-18px -10px 70px #b7a66b0d,inset 1px 1px 2px #b5ac7d22}.orbit{position:absolute;border:1px solid #b8ad7a1c;border-radius:50%;width:335px;height:143px;left:0;top:83px;transform:rotate(-37deg)}.o2{transform:rotate(-37deg);width:288px;height:246px;left:25px;top:35px;border-color:#b8ad7a0b}.orbit-art>span{position:absolute;top:289px;left:123px;font-size:8px;letter-spacing:2px;line-height:1.9;color:#8a8e75}.collection{padding-top:34px;padding-bottom:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-heading .eyebrow{font-size:8px;color:#777e6d}h2{font:400 21px var(--serif);letter-spacing:2px;margin:11px 0}h2 small{font:9px -apple-system,sans-serif;letter-spacing:1px;color:#657164;margin-left:14px}.collection-icon{color:#838b78}.empty{min-height:142px;border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;gap:25px;padding:27px 32px;background:linear-gradient(110deg,#ffffff02,transparent)}.empty-symbol{font:32px var(--serif);color:#67705d}.empty h3{font:15px var(--serif);letter-spacing:2px;margin:0 0 12px;color:#b8bdab}.empty p{color:#6f7d6f;font:11px/1.9 var(--serif);margin:0}.empty>span:last-child{margin-left:auto;font:italic 11px Georgia,serif;color:#6f7967}.entry-card{display:flex;width:100%;gap:28px;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;padding:25px 5px;transition:background .2s}.entry-card:hover{background:#ffffff03}.entry-day{font:30px Georgia,serif;color:#b6b69f;min-width:43px}.entry-day small{display:block;font:8px sans-serif;letter-spacing:1px;color:#6d796a;margin-top:6px}.entry-content{min-width:0;flex:1}.entry-content h3{font:15px var(--serif);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 10px;max-width:570px}.entry-content p{font:11px/1.8 var(--serif);color:#7d897a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:570px}.entry-arrow{color:#8c927d}footer{padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#616f63;font-size:8px;letter-spacing:1px}footer>span:first-child{font-family:var(--serif)}footer i{padding:0 8px}.overlay{position:fixed;inset:0;z-index:5;background:radial-gradient(ellipse at 50% 40%,#272b2250,transparent 65%),#151918;overflow:auto}.overlay[hidden]{display:none}.close{position:absolute;right:45px;top:30px;border:0;background:none;font-size:30px;color:#7c877b}.ritual-content{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 25px;text-align:center;animation:appear .8s ease}.ritual-mark{font-size:40px;color:#b4ab88;margin:39px 0 23px}.ritual-content h2{font-size:31px;letter-spacing:4px}.ritual-content p{font:14px/2.7 var(--serif);color:#a3ac9a;margin:25px 0 36px}.ritual-content>small{font:10px var(--serif);color:#677563;margin-top:23px;letter-spacing:1px}.editor-top{padding:30px 43px;display:flex;justify-content:space-between;align-items:center}.text-button{background:none;border:0;color:#8d9989;font-size:11px;padding:8px 0;letter-spacing:1px}.text-button:hover{color:#d1d2bf}.editor-wordmark{font:10px Georgia,serif;letter-spacing:3px;color:#727e6b}#saveStatus{font-size:10px;color:#8a987d;min-width:100px;text-align:right}.writing-page{width:min(700px,calc(100% - 70px));margin:64px auto 90px;animation:appear .7s ease}.writing-page .eyebrow{font-size:9px;color:#7e8974}.writing-page h2{font-size:26px;letter-spacing:4px;margin:20px 0 30px}.writing-rule{width:30px;height:1px;background:#88886b;margin-bottom:36px}textarea{display:block;width:100%;resize:none;min-height:45vh;background:transparent;border:0;outline:none;color:#d2d6c6;font:16px/2.5 var(--serif);letter-spacing:1px;padding:0;caret-color:#c2b78e}textarea::placeholder{color:#586650;font-size:14px}.editor-bottom{position:fixed;bottom:0;left:0;right:0;padding:18px 43px;background:#151918ed;display:flex;justify-content:space-between;align-items:center;font:10px var(--serif);color:#64715f}#notice{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);padding:16px 25px;background:#383b2d;z-index:20;border:1px solid #afa17550;border-radius:4px;color:#e4dac0;max-width:90vw}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.hero{padding-top:100px;min-height:600px}.orbit-art{right:4vw;top:120px}}@media(max-width:1100px){aside{width:210px;padding:35px 20px}main{margin-left:210px;padding-left:5vw;padding-right:5vw}.orbit-art{right:-20px;opacity:.4;transform:scale(.8);transform-origin:right center}h1{font-size:39px;letter-spacing:3px}}@media(max-width:760px){aside{position:relative;width:100%;height:85px;padding:20px 25px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center}.brand{font-size:11px}.brand-symbol{font-size:27px}.brand small{font-size:8px}.side-label,.side-bottom,nav .nav-item small{display:none}nav{display:flex;gap:4px}.nav-item{font-size:11px;padding:10px}.nav-item>span{display:none}main{margin-left:0;padding:25px 26px 0}header{font-size:7px;letter-spacing:1px}.hero{padding-top:60px;min-height:510px;padding-bottom:40px}h1{font-size:35px;letter-spacing:2px}.hero p{font-size:11px}.orbit-art{right:-40px;top:95px;opacity:.3;transform:scale(.65)}.orbit-art>span{display:none}.hero-note{font-size:9px}.eyebrow{font-size:8px}.empty{padding:25px 20px;gap:18px}.empty>span:last-child{display:none}.empty h3{font-size:13px}.empty p{font-size:10px}.section-heading h2{font-size:19px}footer{gap:20px;font-size:7px;line-height:1.8}footer>span:last-child{white-space:nowrap}.editor-top{padding:20px}.editor-wordmark{display:none}.writing-page{margin-top:45px;width:calc(100% - 48px)}.writing-page h2{font-size:22px}.editor-bottom{padding:15px 24px}textarea{font-size:16px}.ritual-content h2{font-size:24px}.ritual-content p{font-size:12px}.close{right:25px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Comfortable reading sizes, including wide desktop windows. */
:root{--muted:#a5ad9e;--reading-size:clamp(16px,1.05vw,18px);--small-size:clamp(12px,.8vw,14px)}
.brand{font-size:15px}.brand small{font-size:12px;color:#a5ad9e;letter-spacing:4px}
.side-label{font-size:11px;color:#929d8d;letter-spacing:1.5px}
.nav-item{font-size:15px;padding:16px 12px;gap:10px}.nav-item small{font-size:10px;color:#a0aa98;letter-spacing:.6px}
.side-bottom p{font-size:13px;line-height:1.8;color:#adb5a4}.side-bottom>small{font-size:10px;color:#929f8b;letter-spacing:1.4px}
.local-indicator{font-size:12px;color:#a0ad96;line-height:1.8}
header{font-size:var(--small-size);color:#a0a897;letter-spacing:1.7px}header span:last-child{font-size:var(--small-size)}
.eyebrow{font-size:var(--small-size);color:#aeb19b;letter-spacing:2px}
.hero p{font-size:var(--reading-size);line-height:2;color:#adb5a4;letter-spacing:.8px}
.primary{font-size:15px;min-height:52px;min-width:184px;padding:16px 24px}
.hero-note{font-size:14px;color:#a1ad96;line-height:1.8}
.orbit-art>span{font-size:11px;color:#9da48e;letter-spacing:1.5px}
.collection{padding-top:38px}.section-heading .eyebrow{font-size:var(--small-size);color:#a0a98f}
.section-heading h2{font-size:25px;line-height:1.6}h2 small{font-size:13px;color:#9da98f;letter-spacing:.5px}
.empty{min-height:154px}.empty h3{font-size:18px;line-height:1.8}.empty p{font-size:15px;line-height:1.9;color:#a5b09a}.empty>span:last-child{font-size:14px;color:#9da98f}
.entry-content h3{font-size:18px;line-height:1.8;max-width:100%}.entry-content p{font-size:15px;color:#a5b09a;max-width:100%}.entry-day small{font-size:11px;color:#9ba78e}
footer{font-size:12px;line-height:1.8;color:#9aa78d;gap:24px}
.ritual-content p{font-size:18px;line-height:2.4;color:#b1baa5}.ritual-content>small{font-size:13px;color:#9eac92}
.text-button{font-size:14px;color:#adb9a1}.editor-wordmark{font-size:12px;color:#9daa90}
#saveStatus{font-size:13px;color:#aab89c;min-width:140px}.writing-page{width:min(760px,calc(100% - 70px))}.writing-page .eyebrow{font-size:13px;color:#a2af95}.writing-page h2{font-size:30px}
textarea{font-size:clamp(18px,1.25vw,21px);line-height:2.2;color:#dce0d0}textarea::placeholder{font-size:18px;color:#96a38b}.editor-bottom{font-size:13px;color:#9ba98e}
@media(min-width:1500px){.hero{min-height:640px;padding-top:90px;padding-bottom:62px}.hero .primary{margin-top:25px}.orbit-art{transform:scale(1.12);transform-origin:center}}
@media(max-width:1100px) and (min-width:761px){aside{width:230px}main{margin-left:230px}.nav-item{font-size:14px}.nav-item small{font-size:9px}.brand{font-size:14px}.orbit-art{opacity:.3}.empty>span:last-child{display:none}}
@media(max-width:760px){
 aside{height:96px;padding:20px}.brand{font-size:12px;letter-spacing:1.5px}.brand small{font-size:11px;letter-spacing:3px}.nav-item{font-size:14px;padding:12px 10px;min-height:44px}
 main{padding:25px 24px 0}header{font-size:10px;letter-spacing:1px;gap:18px}header span:last-child{font-size:11px;white-space:nowrap}
 .hero{padding-top:55px;padding-bottom:44px;min-height:550px}.hero p{font-size:16px;max-width:28em}.eyebrow{font-size:11px;letter-spacing:1.5px}.hero-note{font-size:13px}.primary{font-size:15px}
 .section-heading .eyebrow{font-size:11px}.section-heading h2{font-size:22px}h2 small{font-size:12px;margin-left:10px}.empty{padding:24px 20px;gap:16px}.empty h3{font-size:16px;letter-spacing:1px}.empty p{font-size:14px}.empty-symbol{font-size:25px}
 footer{font-size:11px;flex-wrap:wrap;gap:10px}.entry-content h3{font-size:17px}.entry-content p{font-size:14px}
 .ritual-content h2{font-size:24px;letter-spacing:2px}.ritual-content p{font-size:16px;line-height:2.3}.ritual-content>small{font-size:12px}
 .writing-page{width:calc(100% - 48px);margin-top:44px}.writing-page h2{font-size:25px;letter-spacing:2px}.writing-page .eyebrow{font-size:11px;letter-spacing:1.5px}textarea,textarea::placeholder{font-size:18px}
 .editor-top{padding:20px 24px;gap:12px}.text-button{font-size:13px}#saveStatus{font-size:12px;min-width:0}.editor-bottom{font-size:12px;padding:15px 24px}
}
@media(max-width:380px){.brand{font-size:10px}.brand-symbol{font-size:23px}.nav-item{padding:12px 8px;font-size:13px}h1{font-size:31px}.section-heading h2{font-size:20px}.hero p{font-size:15px}header{letter-spacing:.5px;font-size:9px}}

/* A small pool of lamplight follows the hand over today's page. */
#begin{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:50px;padding:11px 17px;gap:22px;font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:1px;line-height:1.5;text-shadow:0 1px 1px #ffffff35,0 2px 4px #302a2425;background:#b9b097;box-shadow:0 2px 12px #00000020;transition:box-shadow .3s ease,transform .3s ease}
#begin::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 105px 85px at var(--light-x,50%) var(--light-y,50%),#fff2cb99 0%,#f4d89b40 38%,transparent 75%);opacity:0;transition:opacity .35s ease}
#begin:hover{background:#b9b097;transform:translateY(-1px);box-shadow:0 3px 18px #00000028,inset 0 0 0 1px #f4dfac25}
#begin:hover::before{opacity:1}
#begin:focus-visible::before{opacity:1}
#begin>span{font-family:var(--serif);font-size:21px;text-shadow:0 1px 3px #302a2425}
@media(max-width:760px){#begin{font-size:18px;padding:11px 16px;gap:20px}}

#enterEditor{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:1px;line-height:1.5;text-shadow:0 1px 1px #ffffff35,0 2px 4px #302a2425}
#enterEditor>span{font-family:var(--serif);font-size:21px;text-shadow:0 1px 3px #302a2425}
@media(max-width:760px){#enterEditor{font-size:18px}}

/* A quiet patch of night sky, kept within the illustration. */
.orbit-art{isolation:isolate}
.galaxy-haze{position:absolute;inset:-45px -30px 0;z-index:-1;opacity:.55;transform:rotate(-32deg);background:radial-gradient(ellipse 55% 10% at 50% 44%,#a49d7912,transparent 90%),radial-gradient(ellipse 42% 19% at 47% 44%,#879b8b0d,transparent 85%);filter:blur(9px)}
.starfield,.distant-stars{position:absolute;inset:-25px -15px 25px;pointer-events:none}
.starfield{background:radial-gradient(circle at 9% 32%,#d8d6b9a0 0 .8px,transparent 1.5px),radial-gradient(circle at 24% 13%,#c7cdb580 0 .7px,transparent 1.3px),radial-gradient(circle at 48% 4%,#d4d0ac90 0 .9px,transparent 1.6px),radial-gradient(circle at 79% 19%,#dbd8bba0 0 1px,transparent 1.8px),radial-gradient(circle at 95% 47%,#bdc9b480 0 .7px,transparent 1.5px),radial-gradient(circle at 84% 76%,#d2d0ae90 0 .8px,transparent 1.5px),radial-gradient(circle at 13% 82%,#d1d4b890 0 .7px,transparent 1.4px),radial-gradient(circle at 34% 89%,#c9cdb570 0 .6px,transparent 1.3px)}
.distant-stars{opacity:.55;background:radial-gradient(circle at 18% 47%,#b9c3af 0 .4px,transparent 1px),radial-gradient(circle at 37% 19%,#b9c3af 0 .4px,transparent 1px),radial-gradient(circle at 68% 10%,#b9c3af 0 .4px,transparent 1px),radial-gradient(circle at 90% 33%,#b9c3af 0 .4px,transparent 1px),radial-gradient(circle at 70% 87%,#b9c3af 0 .4px,transparent 1px),radial-gradient(circle at 5% 62%,#b9c3af 0 .4px,transparent 1px),radial-gradient(circle at 92% 64%,#b9c3af 0 .4px,transparent 1px)}
.starfield::after{content:"";position:absolute;width:9px;height:9px;left:79%;top:19%;transform:translate(-50%,-50%);background:linear-gradient(transparent,#ded6b375,transparent) center/1px 9px no-repeat,linear-gradient(90deg,transparent,#ded6b375,transparent) center/9px 1px no-repeat;opacity:.65}
.orb{box-shadow:-18px -10px 70px #b7a66b10,inset 1px 1px 2px #b5ac7d40;animation:planet-light 22s ease-in-out infinite}
.orbit.o1{animation:orbit-drift 90s ease-in-out infinite}.orbit.o2{animation:orbit-drift 110s ease-in-out infinite reverse}
.orbit-art>span{left:104px;line-height:2;letter-spacing:1.4px}
@keyframes orbit-drift{0%,100%{transform:rotate(-37deg)}50%{transform:rotate(-22deg)}}
@keyframes planet-light{0%,100%{filter:brightness(1)}50%{filter:brightness(1.14)}}
@media(max-width:1100px){.orbit-art{opacity:.65}.galaxy-haze{opacity:.4}}
@media(max-width:760px){.orbit-art{opacity:.5}.orbit-art>span{display:none}}

/* Local night sky dissolves into the room's green, without a hard edge. */
.orbit-art::before{content:"";position:absolute;inset:-85px -100px -35px;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,#050708eb 0%,#070a0bd9 25%,#0a0e0f9c 43%,#10161440 62%,transparent 79%);filter:blur(18px)}
@media(max-width:760px){.orbit-art::before{inset:-65px -70px -25px;filter:blur(15px)}}

/* Let the sky belong to the whole page rather than a dark patch. */
main{isolation:isolate}
main::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 100% 85% at 87% 26%,#030507c9 0%,#060a0b91 24%,#0b11114d 49%,#1117151a 73%,transparent 100%)}
.orbit-art::before{display:none}
.orbit-art{width:340px;height:340px;top:115px;right:4vw;transform:scale(1.65);transform-origin:65% 40%;opacity:.85}
.orbit-art>span{top:286px;font-size:8px;letter-spacing:1.3px}
.galaxy-haze{inset:-120px -160px -90px;filter:blur(24px);opacity:.4}
@media(min-width:1500px){.orbit-art{top:140px;right:7vw;transform:scale(2.05)}}
@media(max-width:1100px) and (min-width:761px){.orbit-art{right:-55px;top:135px;transform:scale(1.35);opacity:.5}}
@media(max-width:760px){main{overflow:hidden}main::before{background:radial-gradient(ellipse 150% 70% at 110% 24%,#030507a6 0%,#080d0e66 30%,#10161422 65%,transparent 100%)}.orbit-art{top:135px;right:-100px;transform:scale(1.2);opacity:.35}.galaxy-haze{opacity:.3}}

.hero-caption{display:flex;align-items:center;gap:10px;line-height:1.9}.hero-caption>span{flex:0 0 17px;margin-right:0}.hero-caption>div{font:inherit}

/* Give the archive navigation a little more room to breathe. */
@media(min-width:761px){
 aside{width:282px;padding:43px 30px}
 main{margin-left:282px}
 .brand{font-size:17px;gap:15px}.brand-symbol{font-size:37px}.brand small{font-size:13px;letter-spacing:5px}
 .side-label{font-size:12px;margin-top:62px}
 .nav-item{font-size:17px;padding:18px 14px;gap:13px}.nav-item>span{font-size:20px}.nav-item small{font-size:11px}
 .side-bottom p{font-size:15px}.side-bottom>small{font-size:11px}.local-indicator{font-size:13px}
}
@media(min-width:761px) and (max-width:1100px){
 aside{width:254px;padding:35px 23px}main{margin-left:254px}
 .brand{font-size:15px;gap:12px}.brand small{font-size:12px}.nav-item{font-size:16px;padding:17px 12px;gap:10px}.nav-item small{font-size:10px}
 .side-label{font-size:11px}.side-bottom p{font-size:14px}
}

.ritual-back{position:absolute;top:30px;left:43px;z-index:1;min-height:44px}@media(max-width:760px){.ritual-back{top:20px;left:24px}}

#begin::before{background:radial-gradient(ellipse 190px 145px at var(--light-x,50%) var(--light-y,50%),#fff2cb8a 0%,#f4d89b42 43%,#ead29b14 68%,transparent 100%)}
#begin:hover{transform:translateY(-3px);box-shadow:0 7px 22px #00000030,inset 0 0 0 1px #f4dfac25}


/* The day's main invitation deserves a generous, unmistakable target. */
#begin{min-width:270px;min-height:72px;padding:17px 27px;gap:54px;font-size:24px;border-radius:5px;cursor:pointer}
#begin>span{font-size:28px}
.hero .primary#begin{margin-top:29px}
@media(max-width:760px){#begin{min-width:240px;min-height:66px;padding:16px 24px;gap:42px;font-size:22px}#begin>span{font-size:26px}}

/* A wider writing desk; scroll the page rather than a nested text field. */
.writing-page{width:min(1120px,calc(100% - 128px));margin-bottom:130px}
#writing{overflow:hidden;scroll-margin-bottom:100px}
#editor{scroll-padding-bottom:100px}
@media(max-width:760px){.writing-page{width:calc(100% - 48px);margin-bottom:110px}}