.life-page{--garden-paper:#eeeae1;--garden-ink:#46483c;--garden-muted:#777b6d;--garden-line:#cecbbc;--garden-rust:#8b654b;background-color:var(--garden-paper)}.life-page [hidden]{display:none!important}.life-page .garden-shell{max-width:1140px;padding-inline:44px}.life-page .garden-main{padding-top:60px}.life-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center;padding-bottom:64px}.life-page h1{font-size:clamp(56px,7vw,80px);line-height:1.3;margin:25px 0}.life-page .garden-eyebrow{font-size:10px;color:#91826f}.life-page .garden-deck{font-size:17px;line-height:2;color:#78806c}.life-begin{display:inline-flex;align-items:center;gap:44px;margin-top:30px;border-bottom:1px solid #ad967e;padding:8px 0;font-size:12px;color:#87674c}.life-begin span{font:25px/1 serif}.life-margin-note{position:relative;background:#f6f0e4;border:1px solid #d6c7ae;padding:36px 32px 22px;transform:rotate(3deg);box-shadow:5px 10px 22px #58432a09;max-width:360px}.life-note-pin{position:absolute;top:-10px;left:40%;width:74px;height:22px;background:#b8ab8980;transform:rotate(-9deg)}.life-small-label{font:9px/1.8 Consolas,monospace;letter-spacing:.14em;color:#95836a}.life-margin-note p{font:26px/1.9 var(--garden-serif);color:#78644e;margin:25px 0 19px}.life-note-tail{font:12px/1.8 var(--garden-serif);color:#a18d72}.life-margin-note svg{width:130px;height:60px;margin:9px 0 0 auto;color:#aa9578}
.life-records{border-top:1px solid #9fa18c;padding-top:31px;scroll-margin-top:25px}.life-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.life-section-heading h2{font:400 32px/1.7 var(--garden-serif);margin:8px 0;color:#555f48}.life-section-note{font:12px/1.9 var(--garden-serif);color:#94836c}.life-empty{display:grid;grid-template-columns:120px minmax(0,1fr);max-width:800px;margin:35px auto 65px;gap:32px}.life-empty-spine{position:relative;display:flex;justify-content:flex-end;padding-right:24px;padding-top:46px}.life-empty-spine:before{content:"";position:absolute;right:28px;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#b7bea5 12%,#b7bea5 80%,transparent)}.life-empty-spine span{height:9px;width:9px;border:1px solid #84916f;background:#eeeae1;border-radius:50%;z-index:1}.life-empty-page{position:relative;background:#f6f2e8;border:1px solid #d6d1c1;padding:42px 44px;box-shadow:5px 5px 0 #e4dfd2,6px 6px 0 #d2cbb9}.life-empty-page:before{content:"";position:absolute;top:0;bottom:0;left:18px;border-left:1px solid #dcbca04d}.life-paper-tab{position:absolute;right:29px;top:-12px;background:#dae0cc;border:1px solid #afb99c;color:#667756;font-size:10px;padding:3px 16px;transform:rotate(2deg)}.life-empty-page h2{font:400 30px/1.75 var(--garden-serif);color:#6c715b;margin:21px 0 15px}.life-empty-page p{font-size:13px;line-height:2;color:#8a8c7a;margin:0}.life-empty-rule{display:block;height:1px;background:#dad7c7;margin:26px 0 18px}.life-empty-page .life-empty-foot{font:13px/1.9 var(--garden-serif);color:#a18e74}
.life-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #d7d4c6;padding:15px 0 20px;margin-top:10px;font-size:12px;color:#7d826f}.life-controls p{margin:0}.life-controls>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.life-controls label{font-size:11px}.life-controls button,.life-controls select{font:12px/1.7 var(--garden-sans);border:1px solid #b5bea7;background:#f4f2e8;color:#647451;border-radius:3px;min-height:40px;padding:7px 12px;cursor:pointer}.life-controls button:hover{background:#e3e8d8}.life-page button:focus-visible,.life-page select:focus-visible{outline:2px solid #8b654b;outline-offset:4px}.life-month{margin-top:40px;scroll-margin-top:30px}.life-month-title{font:400 27px/1.7 var(--garden-serif);color:#657454;margin:0 0 28px}.life-month-title span{font:13px/1.7 Consolas,monospace;letter-spacing:.1em;padding-right:16px;color:#9a8d77}.life-entry{display:grid;grid-template-columns:120px minmax(0,1fr);gap:32px;margin:0 0 40px;scroll-margin-top:30px}.life-date{position:relative;text-align:right;padding:15px 20px 0 0;border-right:1px solid #c9d0bc;color:#7b886a}.life-date:after{content:"";position:absolute;right:-4px;top:29px;width:7px;height:7px;border-radius:50%;background:#859671;box-shadow:0 0 0 5px #eeeae1}.life-date time{display:block}.life-date time>span{display:block;font:12px/1.5 Consolas,monospace;color:#a19581}.life-date strong{font:400 42px/1.4 Georgia,serif;display:block}.life-date small{font:10px/1.8 var(--garden-sans);display:block;white-space:nowrap}.life-date>a{display:inline-block;font-size:10px;color:#9b8569;padding:10px 0}.life-entry-body{min-width:0;background:#f8f5ec;border:1px solid #d6d3c4;padding:30px}.life-entry-body h3{font:400 29px/1.65 var(--garden-serif);color:#5a654e;margin:0 0 18px}.life-prose{font:15px/2.1 var(--garden-sans);color:#6c735f;margin:0 0 20px;overflow-wrap:anywhere}.life-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;margin-top:26px;align-items:start}.life-photo-grid figure{margin:0;min-width:0}.life-photo-single{grid-template-columns:1fr;max-width:620px}.life-photo-open{display:block;position:relative;cursor:zoom-in;background:#e4e1d4;min-width:0}.life-photo-open img{display:block;width:100%;height:auto}.life-photo-open>span{position:absolute;right:8px;bottom:8px;background:#f7f2e7ed;border:1px solid #c5b59a;padding:4px 9px;font-size:10px;color:#7c654a}.life-photo-grid figcaption{font:17px/1.9 var(--garden-serif);color:#8b765a;padding:12px 3px 0;white-space:pre-line;overflow-wrap:anywhere}.life-end{font:17px/2 var(--garden-serif);text-align:center;color:#9a8669;padding:25px 0;margin:0;border-top:1px solid #d7d3c4}
#life-viewer{width:min(1050px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:20px;background:#302e27;color:#eee7d5;border:1px solid #8e8f76;border-radius:4px;overflow:auto}#life-viewer::backdrop{background:#191e16ed;backdrop-filter:blur(4px)}#life-viewer header{display:flex;align-items:center;gap:20px;margin-bottom:15px}#life-viewer h2{font:400 23px/1.6 var(--garden-serif);margin:0}#viewer-count{margin-left:auto;font:11px/1.7 Consolas,monospace;color:#c1bea7}#life-viewer button{cursor:pointer;background:#46483a;color:#eee4ce;border:1px solid #8b8e70;border-radius:3px;min-height:44px;padding:8px 13px;font-size:13px}.life-viewer-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:15px;align-items:center}.life-viewer-stage img{display:block;width:100%;height:65dvh;object-fit:contain;touch-action:pan-y pinch-zoom}.life-viewer-stage button{padding:8px!important;font-size:21px!important}#viewer-caption{font:18px/1.9 var(--garden-serif);text-align:center;color:#ddd0b9;white-space:pre-line;overflow-wrap:anywhere;margin:16px 0 0}#viewer-caption:empty{display:none}
@media(max-width:800px){.life-page .garden-shell{padding-inline:28px}.life-hero{gap:35px}.life-margin-note{padding:28px 22px 20px}.life-margin-note p{font-size:22px}.life-entry{grid-template-columns:90px minmax(0,1fr);gap:20px}.life-entry-body{padding:24px}.life-empty{grid-template-columns:65px minmax(0,1fr);gap:22px}}
@media(max-width:620px){.life-page .garden-shell{padding-inline:22px}.life-page .garden-main{padding-top:40px}.life-hero{grid-template-columns:1fr;gap:33px;padding-bottom:42px}.life-page h1{font-size:58px;margin:22px 0}.life-page .garden-deck{font-size:16px}.life-margin-note{width:calc(100% - 20px);max-width:none;justify-self:center;transform:rotate(1.5deg);padding:26px 25px 20px}.life-margin-note p{font-size:24px;margin:17px 0 13px}.life-margin-note svg{position:absolute;right:20px;bottom:12px;width:90px;height:45px}.life-note-tail{font-size:11px}.life-section-heading{gap:15px}.life-section-heading h2{font-size:29px}.life-section-note{font-size:11px}.life-small-label{font-size:8px}.life-empty{grid-template-columns:20px minmax(0,1fr);gap:14px;margin:30px 0 45px}.life-empty-spine{padding-right:7px}.life-empty-spine:before{right:11px}.life-empty-page{padding:33px 24px}.life-empty-page:before{left:12px}.life-empty-page h2{font-size:26px}.life-empty-page p{font-size:12px}.life-empty-page .life-empty-foot{font-size:12px}.life-controls{display:block;padding-bottom:17px}.life-controls>div{margin-top:12px}.life-controls button,.life-controls select{font-size:11px}.life-entry{display:block;margin-bottom:30px}.life-date{display:flex;align-items:center;justify-content:space-between;border-right:0;border-left:2px solid #a5b393;padding:0 0 0 14px;margin:0 0 14px;text-align:left}.life-date:after{display:none}.life-date time{display:flex;align-items:baseline;gap:6px}.life-date time>span{font-size:13px}.life-date strong{font-size:29px}.life-date small{margin-left:6px;font-size:10px}.life-date>a{padding:8px 0;font-size:9px}.life-month-title{margin-bottom:23px}.life-entry-body{padding:23px 19px}.life-entry-body h3{font-size:27px}.life-prose{font-size:14px;line-height:2.15}.life-photo-grid{gap:21px 12px}.life-photo-grid figcaption{font-size:16px}.life-photo-open>span{font-size:9px;padding:3px 7px;right:5px;bottom:5px}#life-viewer{padding:15px 12px}#life-viewer header{gap:10px}#life-viewer h2{font-size:21px}.life-viewer-stage{grid-template-columns:34px minmax(0,1fr) 34px;gap:5px}#life-viewer button{padding:7px 10px;font-size:11px}#viewer-caption{font-size:17px}.life-end{font-size:16px}}
@media(max-width:390px){.life-photo-grid{grid-template-columns:1fr}.life-section-note{max-width:90px}}

#viewer-image{grid-column:2}