@font-face{font-family:Hanken;src:url('assets/fonts/hanken-grotesk-latin-wght-normal.woff2')}@font-face{font-family:Newsreader;src:url('assets/fonts/newsreader-latin-wght-italic.woff2');font-style:italic}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#141716;color:#eff2e9;font-family:Hanken,Arial,sans-serif;--lime:#d4f78a;--muted:#9ba599;--line:#ffffff20}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:#141716}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--lime);padding:14px;color:#141716}.skip:focus{top:12px}.nav{height:92px;max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center}.brand img{object-fit:contain;width:148px;height:60px}.nav nav{display:flex;gap:32px;font-size:13px;color:#c3c9bf}.nav nav a:hover{color:var(--lime)}.nav-download{font-size:13px;border:1px solid #b9c4ad60;border-radius:3px;padding:12px 16px}.nav-download span{padding-left:26px;color:var(--lime)}.nav-download:hover{background:var(--lime);color:#141716}.nav-download:hover span{color:#141716}.hero{max-width:1600px;margin:auto;padding:60px 5% 26px}.eyebrow,.section-label{font:500 10px/1.5 Hanken,sans-serif;letter-spacing:.14em}.eyebrow{display:flex;gap:9px;align-items:center;color:#bac5b1}.status-dot{width:6px;height:6px;background:var(--lime);box-shadow:0 0 0 5px #d4f78a12;border-radius:1px}.hero h1{font-size:clamp(64px,7.9vw,126px);font-weight:550;line-height:.99;letter-spacing:-.065em;margin:28px 0 34px}.color-word{display:inline-block;color:var(--lime);position:relative;font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-.055em}.color-word svg{position:absolute;width:103%;height:28px;bottom:-16px;left:-2%;overflow:visible;fill:none;stroke:var(--lime);stroke-width:2;stroke-linecap:round;stroke-dasharray:500;stroke-dashoffset:500;animation:underline 1.6s .4s forwards}.period{color:var(--lime)}.hero-bottom{display:flex;align-items:flex-start;justify-content:space-between;padding:0 0 42px}.hero-bottom>p{font-size:17px;line-height:1.6;color:#bac2b6;margin:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--lime);color:#1a2412;border:1px solid var(--lime);padding:17px 22px;border-radius:3px;font-size:14px;font-weight:650;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#e3ffac}.button span{font-size:22px;line-height:1}.micro{font-size:10px;letter-spacing:.02em;color:var(--muted);margin:12px 0 0}.year-stage{border:1px solid #d4f78a25;background:#1b201b;position:relative;padding:24px 26px 20px;border-radius:5px;overflow:hidden}.stage-top,.stage-bottom{display:flex;align-items:center;justify-content:space-between}.stage-top{font-size:9px;letter-spacing:.1em;color:#acb8a1;margin-bottom:22px}.stage-top i{display:inline-block;width:5px;height:5px;background:var(--lime);margin-right:7px}.stage-instruction{font-family:Newsreader,Georgia,serif;letter-spacing:0;font-size:16px;color:var(--lime);font-style:italic}.year-grid{display:grid;grid-template-columns:repeat(53,minmax(0,1fr));grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:4px;position:relative}.day{padding:0;border:0;aspect-ratio:1;background:var(--c);border-radius:2px;position:relative;transition:transform .2s,opacity .2s,background .4s;animation:tile-in .7s both;animation-delay:calc(var(--i)*1.4ms)}.day:hover,.day:focus-visible{transform:scale(1.7);z-index:3;outline:1px solid #eff2e9;outline-offset:2px}.day.demo-selected{outline:1px solid var(--lime);outline-offset:2px}.day.unlogged{background:#2b3329}.stage-bottom{margin-top:22px;padding-top:18px;border-top:1px solid #ffffff12;gap:20px;font-size:11px;color:#a8b59b;line-height:1.5}.stage-bottom b{font-weight:500;color:#e8eee1}.demo-readout{display:flex;align-items:center;gap:18px}.demo-readout>span{font-size:9px;letter-spacing:.12em}.demo-readout strong{font-size:29px;letter-spacing:-.04em;font-weight:500;color:var(--lime);min-width:155px}.demo-readout small{font-size:12px;color:#c0cbb5;letter-spacing:0;margin-left:6px}.sample-note{text-align:right;font-size:9px;color:#839078}.hero-caption{display:flex;justify-content:space-between;margin-top:20px;font-size:9px;letter-spacing:.09em;color:#7f8c77}.hero-caption a{letter-spacing:0;color:#b9c4ad}.section{max-width:1600px;margin:0 auto;padding:110px 5%;border-bottom:1px solid var(--line)}.section-label{color:#9ca990;display:block}.story-content{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;margin-top:32px}h2{font-size:clamp(42px,5vw,76px);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin:0}.muted{color:#6f7c67}.story-side{max-width:330px;margin-left:auto;padding-top:4px}.story-side p{font-size:16px;line-height:1.65;color:#b4bfa9}.mini-grid{display:grid;grid-template-columns:repeat(3,12px);gap:4px;margin-bottom:25px}.mini-grid i{width:12px;height:12px;background:var(--lime);border-radius:2px}.mini-grid i:nth-child(3n){background:#7bc5a1}.mini-grid i:nth-child(5){background:#e2cc86}.handnote{font:italic 23px Newsreader,Georgia,serif;color:var(--lime);display:block;margin-top:25px}.ritual-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:32px}.section-intro{color:#a8b49d;font-size:15px;line-height:1.6;margin:24px 0 36px}.steps{padding:0;margin:0;list-style:none;max-width:400px}.steps li{display:flex;gap:24px;border-top:1px solid var(--line);padding:20px 0}.steps li>span{color:#8a997c;font-size:10px;padding-top:5px}h3{font-weight:550;letter-spacing:-.02em;margin:0}.steps h3{font-size:18px}.steps p{font-size:13px;color:#9fae93;line-height:1.6;margin:6px 0 0}.ritual-playground{min-height:430px;background:#20271c;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px solid #d4f78a18;padding:42px 26px;overflow:hidden;border-radius:5px}.play-label{position:absolute;top:22px;left:24px;font-size:9px;letter-spacing:.15em;color:#9fae90}.quick-log{background:#141716;border:1px solid #566249;width:100%;max-width:360px;padding:22px;border-radius:5px;z-index:1;transform:rotate(-3deg);transition:transform .4s;box-shadow:14px 18px 0 #14171635}.quick-log:hover,.quick-log:focus-within{transform:rotate(0)}.quick-head{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.quick-head span+span{font-size:8px;letter-spacing:.12em;color:#8b997f}.rating{text-align:center;padding:25px 0 20px}.rating strong{display:block;font-size:76px;letter-spacing:-.07em;color:var(--lime);line-height:1}.rating>span{display:block;margin-top:7px;font-size:12px;color:var(--lime)}input[type=range]{display:block;width:100%;height:7px;margin:10px 0 12px;appearance:none;border-radius:0;background:linear-gradient(90deg,#a69bc5 0% 16%,#d68b83 16% 33%,#daa16e 33% 50%,#e2cc86 50% 66%,#c2dc82 66% 83%,#7bc5a1 83% 94%,#82c8e5 94%);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:20px;background:#eff2e9;border:2px solid #141716;border-radius:2px}input[type=range]::-moz-range-thumb{width:10px;height:18px;background:#eff2e9;border:2px solid #141716;border-radius:2px}.range-labels{display:flex;justify-content:space-between;font-size:8px;color:#8e9b84}.quick-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:24px}.quick-actions>span{font-size:8px;max-width:130px;color:#8a987f}.quick-actions button{font-size:10px;background:var(--lime);color:#1d2a10;border:0;padding:9px;border-radius:2px}.shortcut{display:flex;align-items:center;gap:10px;margin-top:36px;z-index:1}.shortcut kbd{font:500 13px Hanken;padding:9px 15px;border:1px solid #d4f78a38;border-bottom:3px solid #d4f78a38;border-radius:4px;color:#c6d7b3;background:#20271c}.shortcut>span{color:#6b7d5b;font-size:12px}.playground-note{color:#93a083;font-size:11px;margin:15px 0 0}.orbit-square{position:absolute;width:55px;height:55px;background:#d4f78a0c;transform:rotate(15deg)}.orbit-square.one{top:50px;right:-12px}.orbit-square.two{bottom:20px;left:-15px;transform:rotate(-12deg)}.details-title{display:flex;align-items:flex-end;justify-content:space-between;margin:30px 0 48px}.details-title p{font-size:14px;color:#a6b19b}.detail-row{display:grid;grid-template-columns:50px 1fr 1fr 25px;gap:28px;align-items:center;padding:30px 0;border-top:1px solid var(--line);transition:padding .25s,background .25s}.detail-row:hover{padding-left:12px;background:#d4f78a04}.detail-icon{font-size:30px;color:var(--lime);font-weight:300}.detail-row h3{font-size:23px}.detail-row p{font-size:13px;line-height:1.6;color:#a3b096;margin:0}.detail-index{font-size:9px;color:#6d7c61}.perspective{background:var(--lime);color:#1e2c16;overflow:hidden;position:relative}.perspective-inner{max-width:1600px;padding:86px 5%;margin:auto;position:relative}.perspective .section-label{color:#50653a}.perspective p{font-size:clamp(50px,7vw,100px);font-weight:500;letter-spacing:-.055em;line-height:1.05;margin:26px 0}.perspective em{font-family:Newsreader,Georgia,serif;font-weight:400}.perspective-tiles{position:absolute;right:-50px;top:50%;transform:translateY(-50%) rotate(-12deg);display:grid;grid-template-columns:repeat(6,48px);gap:10px;opacity:.5}.perspective-tiles i{aspect-ratio:1;background:#8daa54;border-radius:3px}.perspective-tiles i:nth-child(11){background:#d68b83}.perspective-tiles i:nth-child(3n){background:#b2cf74}.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.faq h2{font-size:54px;margin-top:28px}.faq-list details{border-top:1px solid var(--line);padding:23px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:15px;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:20px;color:var(--lime);transition:transform .25s}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.8;color:#a4b095;max-width:450px;margin:18px 30px 0 0}.download{text-align:center;padding-top:100px;padding-bottom:95px;background:radial-gradient(ellipse at 50% 130%,#354426 0,transparent 60%)}.download h2{font-size:clamp(62px,8vw,112px);margin:30px 0 35px;line-height:1}.download h2 span{font:italic 400 1em Newsreader,Georgia,serif;color:var(--lime)}.download-button{padding:20px 27px;font-size:16px;gap:40px}.download-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.download-note{font-size:11px;color:#728067;margin-top:25px}footer{display:flex;max-width:1600px;margin:auto;padding:32px 5%;justify-content:space-between;align-items:center;gap:24px}footer>span{font-size:11px;line-height:1.7;color:#8b997f}footer>a:last-child{font-size:11px;color:#b4c1a7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes tile-in{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes underline{to{stroke-dashoffset:0}}@media(min-width:1500px){.hero{padding-top:75px}.hero-bottom{padding-bottom:55px}}@media(max-width:900px){.nav nav{gap:18px}.hero{padding-top:45px}.hero h1{font-size:80px}.story-content{gap:40px}.ritual-layout{gap:32px}.quick-log{padding:18px}.quick-actions{flex-direction:column;align-items:stretch}.quick-actions>span{max-width:none}.detail-row{grid-template-columns:32px 1fr 1fr;gap:18px}.detail-index{display:none}.detail-row h3{font-size:20px}.faq{gap:35px}.perspective-tiles{opacity:.25;right:-150px}}@media(max-width:640px){.nav{height:74px}.nav .brand img{width:116px}.nav nav{display:none}.nav-download{font-size:11px;padding:10px}.nav-download span{padding-left:15px}.hero{padding:36px 5% 20px}.eyebrow{font-size:8px;letter-spacing:.09em}.hero h1{font-size:clamp(48px,11.8vw,76px);margin:29px 0 34px}.hero-bottom{display:block;padding-bottom:30px}.hero-bottom>p{font-size:14px;margin-bottom:25px}.hero-bottom .button{width:100%;font-size:13px}.hero-bottom .micro{text-align:center}.year-stage{padding:16px 12px}.stage-top{font-size:7px;letter-spacing:.05em}.stage-instruction{font-size:12px}.year-grid{gap:3px;grid-template-columns:repeat(27,minmax(0,1fr));grid-template-rows:repeat(14,1fr)}.day{border-radius:1px}.stage-bottom{flex-wrap:wrap;gap:12px;font-size:9px;padding-top:12px;margin-top:14px}.demo-readout{gap:10px}.demo-readout>span{font-size:7px}.demo-readout strong{font-size:23px;min-width:100px}.demo-readout small{font-size:9px}.sample-note{display:none}.hero-caption{font-size:7px;gap:15px;line-height:1.6}.hero-caption>span{max-width:180px}.section{padding:65px 5%}.section-label{font-size:9px}.story-content,.ritual-layout,.faq{grid-template-columns:1fr;gap:35px}.story-side{margin:0;max-width:100%}.story-side p{font-size:15px;max-width:400px}.mini-grid{display:none}.story-content h2{font-size:48px}.handnote{font-size:23px}.ritual-layout h2{font-size:48px}.ritual-playground{min-height:430px;padding:45px 25px 25px}.quick-actions{flex-direction:row;align-items:center}.quick-actions>span{max-width:120px}.details-title{display:block;margin-bottom:35px}.details-title h2{font-size:48px}.details-title p{margin:22px 0 0}.detail-row{grid-template-columns:24px 1fr;gap:10px 18px;padding:24px 0}.detail-row p{grid-column:2}.detail-row h3{font-size:20px}.detail-icon{font-size:25px}.perspective-inner{padding-top:60px;padding-bottom:60px}.perspective p{font-size:50px;position:relative;z-index:1}.perspective-tiles{right:-210px}.faq{gap:25px}.faq h2{font-size:45px;margin-top:20px}.faq-list details{padding:21px 0}summary{font-size:14px}.download h2{font-size:62px}.download .button{font-size:14px}.download .section-label{font-size:8px}footer{flex-wrap:wrap;padding:25px 5%}footer .brand{width:100%}footer .brand img{width:120px}footer>span,footer>a:last-child{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.color-word svg{stroke-dashoffset:0}}
/* A louder identity, the same quiet little app. */
.hero{position:relative;padding-top:75px}.hero h1{font-size:clamp(66px,8.8vw,140px);max-width:1200px;position:relative;z-index:1}.hero-sticker{position:absolute;right:6%;top:75px;width:103px;height:103px;border-radius:50%;background:var(--lime);color:#233116;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(12deg);outline:1px dashed #233116;outline-offset:-7px}.hero-sticker span{font-size:8px;letter-spacing:.1em}.hero-sticker b{font-size:27px;line-height:1.2;letter-spacing:-.05em}.hero-bottom{margin-top:42px}.hero-bottom .button{gap:55px}.year-stage{padding-top:24px}.stage-top{position:relative;z-index:1}.year-moods{display:flex;gap:7px;margin:-5px 0 20px;position:relative;z-index:1;flex-wrap:wrap}.mood{border:1px solid #d4f78a22;color:#b1bfa5;background:transparent;border-radius:30px;padding:7px 12px;font-size:10px;transition:background .2s,color .2s}.mood:hover{border-color:#d4f78a77}.mood.active{background:var(--lime);color:#253515;border-color:var(--lime)}.grid-glow{position:absolute;inset:0;background:radial-gradient(230px circle at var(--px,50%) var(--py,50%),#d4f78a0f,transparent 100%);pointer-events:none}.stage-bottom{position:relative}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;margin-top:25px;transform:rotate(-1.5deg);background:#1b2119;padding:20px 0}.ticker>div{display:flex;width:max-content;align-items:center;gap:36px;animation:ticker 38s linear infinite}.ticker span{font-size:23px;font-weight:500;letter-spacing:-.02em;white-space:nowrap;color:#d1dcc6}.ticker i{width:11px;height:11px;flex:none;background:var(--lime);border-radius:1px;transform:rotate(12deg)}.ticker span:nth-of-type(3n){color:#7bc5a1}.ticker span:nth-of-type(3n+2){color:#e2cc86}.free-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-top:1px solid var(--line)}.free-section h2{margin-top:28px}.free-section p{font-size:16px;line-height:1.85;color:#acb99e;margin-top:30px}.zero-price{position:relative;text-align:center;padding-bottom:30px}.zero{font-size:clamp(140px,22vw,320px);letter-spacing:-.1em;font-weight:500;line-height:1;color:var(--lime)}.price-dot{font-family:Newsreader,Georgia,serif;font-style:italic;color:#7bc5a1}.price-caption{display:block;font-size:10px;letter-spacing:.15em;color:#9eaf90;margin-top:20px}.price-sticker{position:absolute;right:3%;bottom:14%;font-size:10px;letter-spacing:.05em;background:#7bc5a1;color:#182e21;padding:11px 16px;transform:rotate(-10deg)}.giant-brand{border-top:1px solid var(--line);padding:50px 3% 10px;max-width:1600px;margin:auto;overflow:hidden;background:linear-gradient(0deg,#26301e,transparent)}.giant-brand img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain}.scroll-progress{position:fixed;left:0;top:0;width:var(--progress,0%);height:3px;background:var(--lime);z-index:100;pointer-events:none}.quick-log.just-saved{animation:happy .6s cubic-bezier(.2,.8,.2,1)}.celebration{position:absolute;pointer-events:none;width:10px;height:10px;background:var(--c);left:50%;top:50%;border-radius:1px;animation:scatter .8s ease-out forwards;z-index:3}.ritual-playground{isolation:isolate}.reveal{transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .65s}.reveal.is-visible{transform:none}.download h2{position:relative}.download{background:radial-gradient(ellipse at 50% 120%,#3d5129,transparent 65%)}.download .button{box-shadow:5px 5px 0 #d4f78a25}.download .button:hover{box-shadow:8px 8px 0 #d4f78a30}.button{transition:transform .2s,background .2s,box-shadow .2s}.perspective-tiles i{transition:transform .3s}.perspective:hover .perspective-tiles i:nth-child(3n){transform:translateY(-8px) rotate(8deg)}@keyframes ticker{to{transform:translateX(-33.333%)}}@keyframes happy{0%,100%{transform:rotate(0)}25%{transform:rotate(2deg) scale(1.025)}65%{transform:rotate(-1deg)}}@keyframes scatter{to{transform:translate(var(--dx),var(--dy)) rotate(var(--spin));opacity:0}}@media(max-width:1100px){.hero-sticker{top:45px;right:5%;width:82px;height:82px}.hero-sticker b{font-size:23px}.hero h1{font-size:8.5vw}}@media(max-width:640px){.hero{padding-top:32px}.hero h1{font-size:clamp(48px,11.5vw,75px);margin-top:60px}.hero-sticker{width:60px;height:60px;top:50px;right:5%;outline-offset:-5px}.hero-sticker b{font-size:17px}.hero-sticker span{font-size:6px}.hero .eyebrow{max-width:260px;font-size:7px}.hero-bottom{margin-top:28px}.hero-bottom .button{gap:20px}.year-moods{gap:4px;margin-bottom:18px}.mood{padding:6px 8px;font-size:8px}.ticker{padding:14px 0;margin-top:20px}.ticker>div{gap:24px}.ticker span{font-size:17px}.ticker i{width:8px;height:8px}.free-section{grid-template-columns:1fr;gap:20px}.free-section h2{font-size:49px}.free-section p{font-size:14px}.zero{font-size:190px}.price-sticker{right:2%;bottom:18%}.zero-price{padding-bottom:20px}.price-caption{margin-top:5px}.giant-brand{padding:35px 2% 15px}.download-button{gap:20px;padding:20px}.download{padding-top:75px}}@media(prefers-reduced-motion:reduce){.ticker>div{animation:none}.celebration{display:none}.hero-sticker{transform:none}}
/* The page itself is a field of days. The canvas never intercepts input. */
body{isolation:isolate}.nav,main,body>footer{position:relative;z-index:1}#log-background{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;contain:strict}.nav{background:#14171666}.story,.details,.faq,.free-section{background:#14171638}.hero-sticker{z-index:2}.scroll-progress{z-index:100}