:root{--page: #f8f8f0;--surface: rgb(247, 243, 223);--cream-top: #fffef8;--text: #725d42;--heading: #794f27;--secondary: #9f927d;--placeholder: #c4b89e;--line: #d4cfc3;--teal: #19c8b9;--teal-hover: #3dd4c6;--teal-active: #11a89b;--green: #6fba2c;--focus: #ffcc00;--pink: #f8a6b2;--purple: #b77dee;--blue: #889df0;--yellow: #f7cd67;--orange: #e59266;--app-teal: #82d5bb;--app-green: #8ac68a;--red: #fc736d;--lime: #d1da49;--yellow-green: #ecdf52;--brown: #9a835a;--peach: #e18c6f;--ocean: #327a93;--deep-teal: #008077;--radius-card: 20px;--radius-soft: 14px;--radius-pill: 50px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--transition: .25s cubic-bezier(.4, 0, .2, 1);--font: Nunito, "Noto Sans SC", "PingFang SC", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% 4%,rgba(130,213,187,.16) 0 5rem,transparent 5.1rem),radial-gradient(circle at 94% 15%,rgba(247,205,103,.18) 0 7rem,transparent 7.1rem),var(--page);color:var(--text);font-family:var(--font);font-size:16px;font-weight:500;line-height:1.75;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{color:inherit}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--heading);font-weight:700;line-height:1.25}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.site-shell{overflow:clip}.container{width:min(100% - 32px,720px);margin-inline:auto}.site-header{position:sticky;top:0;z-index:101;padding:var(--space-lg) 0 var(--space-sm);transition:transform var(--transition)}.site-header.nav-hidden{transform:translateY(-110%)}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:68px;padding:var(--space-xs) var(--space-sm) var(--space-xs) var(--space-lg);border:1.5px solid #e1d8bb;border-radius:var(--radius-pill);background:#f7f3dfe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.brand{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--heading);font-size:18px;font-weight:900;white-space:nowrap}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--app-teal);color:var(--heading)}.brand-mark svg{width:23px;height:23px}.nav-links{display:flex;align-items:center;gap:var(--space-2xs)}.nav-link{padding:7px 13px;border-radius:var(--radius-pill);color:var(--text);font-size:14px;font-weight:700;transition:color var(--transition),background var(--transition),transform var(--transition)}.nav-link:hover{background:#fffbed;transform:translateY(-1px)}.nav-link.active{background:var(--teal);color:#fffef8}main{padding-bottom:var(--space-3xl)}.hero{padding:var(--space-lg) 0 var(--space-xl)}.island-kicker{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);color:var(--green);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.island-kicker:before{content:"";width:28px;height:8px;border-radius:var(--radius-pill);background:var(--green)}.time-widget{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-xl);overflow:hidden;padding:clamp(24px,6vw,40px);border:3px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff 0%,var(--page) 100%)}.time-widget:after{content:"";position:absolute;right:-36px;bottom:-48px;width:170px;height:170px;border:18px solid rgba(130,213,187,.22);border-radius:50%}.date-block,.age-block{position:relative;z-index:1}.today-label{color:var(--green);font-size:13px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.date-line{margin-top:var(--space-xs);color:var(--heading);font-size:clamp(22px,5vw,30px);font-weight:900;line-height:1.25}.clock{display:flex;align-items:baseline;margin-top:var(--space-sm);color:#8b7355;font-size:48px;font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-.04em;line-height:1}.clock-colon{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.age-block{display:flex;flex-direction:column;justify-content:center;gap:var(--space-sm);padding-left:var(--space-xl);border-left:1px dashed #d9cfb5}.age-label{color:var(--secondary);font-size:14px;font-weight:700}.age-value{max-width:14ch;color:var(--heading);font-size:clamp(24px,6vw,34px);font-weight:900;line-height:1.25}.greeting{color:var(--secondary);font-size:14px}.filters-section{padding-bottom:var(--space-2xl)}.filters{display:flex;gap:var(--space-xs);overflow-x:auto;padding:var(--space-xs) 2px var(--space-sm);scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter-btn{flex:0 0 auto;min-height:42px;padding:8px 17px;border:1.5px solid #ded4b9;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 2px 4px #3d34280f;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.filter-btn:hover{background:#fffbed;box-shadow:0 3px 10px #3d34281a;transform:translateY(-1px)}.filter-btn.active{border-color:var(--teal-active);background:var(--teal);color:#fffef8;box-shadow:0 5px #bdaea0}.filter-btn.active:hover{background:var(--teal-hover);box-shadow:0 6px #bdaea0;transform:translateY(-1px)}.filter-btn.active:active{background:var(--teal-active);box-shadow:0 1px #bdaea0;transform:translateY(2px)}.timeline-section,.timeline-section .container,.timeline-track{position:relative}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl)}.section-heading{font-size:clamp(28px,6vw,38px);font-weight:900}.section-note{color:var(--secondary);font-size:13px}.ribbon{--ribbon-front: #27d039;--ribbon-tail: #20992a;--ribbon-fold: #115017;--ribbon-text: #fff;position:relative;width:12em;height:3.4em;margin:0 auto var(--space-xl);font-size:16px;font-weight:900;line-height:1;text-align:center}.ribbon.yellow{--ribbon-front: var(--yellow);--ribbon-tail: #d4a030;--ribbon-fold: #8a6010;--ribbon-text: var(--text)}.ribbon-front{position:absolute;z-index:3;inset:.3em 1.15em .45em;display:grid;place-items:center;border-radius:.3em;background:var(--ribbon-front);color:var(--ribbon-text);transform:perspective(11.5em) rotateX(3deg)}.ribbon-tail{position:absolute;z-index:1;top:.75em;width:3.1em;height:2.2em;background:var(--ribbon-tail)}.ribbon-tail.left{left:0;clip-path:polygon(100% 0%,100% 100%,0% 100%,30% 50%,0% 0%)}.ribbon-tail.right{right:0;clip-path:polygon(0% 0%,100% 0%,70% 50%,100% 100%,0% 100%)}.ribbon-fold{position:absolute;z-index:2;top:2.48em;width:0;height:0;border-top:.72em solid var(--ribbon-fold)}.ribbon-fold.left{left:1.15em;border-left:.72em solid transparent}.ribbon-fold.right{right:1.15em;border-right:.72em solid transparent}.moment{position:relative}.moment:before{content:"";position:absolute;top:calc(var(--dot-center-y) - (var(--dot-size) / 2));left:calc(var(--axis-center) - (var(--dot-size) / 2));z-index:1;width:var(--dot-size);height:var(--dot-size);border:4px solid var(--page);border-radius:50%;background:var(--teal);transform:scale(var(--dot-scale, 1));transform-origin:center;transition:transform var(--transition)}.moment.milestone:before{background:var(--yellow)}.moment-inner{display:grid;grid-template-columns:var(--date-rail-width) 1fr;gap:var(--moment-body-gap)}.date-rail{display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding-top:2px;user-select:none}.date-day{font-size:44px;font-weight:900;color:var(--heading);line-height:1;letter-spacing:-.02em}.date-meta{margin-top:4px;color:var(--secondary);font-size:12px;font-weight:700;white-space:nowrap}.date-age{margin-top:2px;color:var(--placeholder);font-size:11px;font-weight:700;white-space:nowrap}.moment-body{display:grid;gap:var(--space-sm);padding-top:2px;container-type:inline-size}.moment-body .story{max-width:60ch}.moment.milestone .moment-body{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-card);background-color:#fff0f199;background-image:radial-gradient(circle,rgba(248,166,178,.3) 1.5px,transparent 1.6px),radial-gradient(circle,rgba(248,166,178,.15) 1px,transparent 1.1px);background-position:0 0,7px 7px;background-size:28px 28px,14px 14px}.moment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.visibility,.milestone-badge{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700}.visibility{background:#eadcf5;color:#765192}.milestone-badge{background:var(--yellow);color:var(--heading)}.story{color:var(--text);font-size:16px;line-height:1.8}.story strong{color:var(--heading);font-weight:900}.photo-single,.photo-grid{overflow:hidden;border-radius:var(--radius-soft)}.photo-single{height:min(50cqw,380px);margin:0}.photo-single img{width:100%;height:100%;aspect-ratio:2 / 1;object-fit:cover}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs);container-type:inline-size}.photo-grid img{width:100%;height:37.5cqw;aspect-ratio:4 / 3;border-radius:12px;object-fit:cover}.photo-caption{color:var(--secondary);font-size:12px;text-align:center}.video-placeholder{position:relative;display:grid;min-height:clamp(170px,24vw,200px);place-items:center;overflow:hidden;border-radius:var(--radius-soft);background:radial-gradient(circle at 50% 45%,rgba(255,254,248,.2) 0 18%,transparent 18.5%),linear-gradient(145deg,var(--ocean),var(--deep-teal));color:#fffef8}.video-placeholder:before,.video-placeholder:after{content:"";position:absolute;bottom:-20%;width:70%;height:45%;border-radius:50%;background:#98d2e359}.video-placeholder:before{left:-15%}.video-placeholder:after{right:-15%}.play-button{position:relative;z-index:1;display:grid;width:68px;height:68px;place-items:center;border:0;border-radius:50%;background:var(--surface);color:var(--teal-active);cursor:pointer;box-shadow:0 5px #bdaea0;transition:background var(--transition),box-shadow var(--transition),transform var(--transition)}.play-button:hover{background:#fffbed;box-shadow:0 6px #bdaea0;transform:translateY(-1px)}.play-button:active{box-shadow:0 1px #bdaea0;transform:translateY(2px)}.play-button svg{width:28px;height:28px;margin-left:4px}.video-label{position:absolute;z-index:1;right:var(--space-sm);bottom:var(--space-sm);font-size:12px;font-weight:700}.tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{display:inline-flex;align-items:center;min-height:28px;padding:3px 11px;border-radius:var(--radius-pill);color:var(--text);font-size:12px;font-weight:700}.tag.pink{background:var(--pink)}.tag.purple{background:var(--purple);color:#fffef8}.tag.blue{background:var(--blue);color:#fffef8}.tag.yellow{background:var(--yellow)}.tag.orange{background:var(--orange)}.tag.teal{background:var(--app-teal)}.tag.green{background:var(--app-green)}.tag.red{background:var(--red)}.tag.lime{background:var(--lime)}.tag.yellow-green{background:var(--yellow-green)}.tag.brown{background:var(--brown);color:#fffef8}.tag.peach{background:var(--peach);color:#fffef8}.posts-section{padding-top:96px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.post-card{position:relative;display:flex;min-height:250px;flex-direction:column;justify-content:space-between;gap:var(--space-lg);overflow:hidden;padding:var(--space-lg);border:1.5px solid transparent;border-radius:var(--radius-card);transition:transform var(--transition),border-color var(--transition)}.post-card:hover{transform:translateY(-2px)}.post-card h3{font-size:21px;font-weight:900}.post-card p{color:var(--text);font-size:14px;line-height:1.65}.post-card .post-number{color:#725d4280;font-size:13px;font-weight:900;letter-spacing:.08em}.post-card.pink-card{border-color:#ef9fac;background-color:#fff0f1;background-image:radial-gradient(circle,rgba(248,166,178,.55) 1.5px,transparent 1.6px),radial-gradient(circle,rgba(248,166,178,.3) 1px,transparent 1.1px);background-position:0 0,7px 7px;background-size:28px 28px,14px 14px}.post-card.yellow-card{border-color:#dfb84e;background:var(--yellow)}.post-card.blue-card{border-color:#7186dd;background:var(--blue);color:#fffef8}.post-card.blue-card h3,.post-card.blue-card p,.post-card.blue-card .post-number{color:#fffef8}.read-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:13px;font-weight:900}.read-link svg{width:16px;height:16px;transition:transform var(--transition)}.post-card:hover .read-link svg{transform:translate(4px)}.site-footer{position:relative;padding-top:var(--space-xl);background:var(--page)}.garden{position:relative}.garden-scene{position:relative;z-index:1;display:block;width:min(100%,720px);height:auto;margin-inline:auto}.garden-hill{position:absolute;left:0;bottom:0;width:100%;background-repeat:repeat-x;background-size:auto 100%}.garden-hill-back{z-index:0;height:52%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='840' height='110' viewBox='0 0 840 110'%3E%3Cpath d='M0 44Q105 4 210 44Q315 84 420 44Q525 0 630 44Q735 84 840 44L840 110H0Z' fill='%23dce8c3'/%3E%3Cpath d='M0 44Q105 4 210 44Q315 84 420 44Q525 0 630 44Q735 84 840 44' fill='none' stroke='%23bcd69b' stroke-width='3'/%3E%3C/svg%3E");background-position:300px bottom}.garden-hill-front{z-index:2;height:30%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1120' height='96' viewBox='0 0 1120 96'%3E%3Cpath d='M0 40a45 28 0 0 0 90 0a36 34 0 0 0 72 0a42 24 0 0 0 84 0a34 30 0 0 0 68 0a44 26 0 0 0 88 0a38 33 0 0 0 76 0a46 25 0 0 0 92 0a35 31 0 0 0 70 0a43 27 0 0 0 86 0a37 35 0 0 0 74 0a45 24 0 0 0 90 0a40 29 0 0 0 80 0a39 26 0 0 0 78 0a36 32 0 0 0 72 0L1120 96H0Z' fill='%23cadea8'/%3E%3Cg fill='%23b89468'%3E%3Ccircle cx='126' cy='8' r='2.5'/%3E%3Ccircle cx='140' cy='12' r='1.8'/%3E%3Ccircle cx='683' cy='16' r='2.2'/%3E%3C/g%3E%3Cpath d='M314 48c0-7 2-11 5-14M314 48c-2-5-5-8-9-10M314 48c3-4 6-7 10-8M1048 48c0-7 2-11 5-14M1048 48c-2-5-5-8-9-10M1048 48c3-4 6-7 10-8' fill='none' stroke='%238ac68a' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:left bottom}.footer-bar{display:grid;justify-items:center;gap:5px;padding:var(--space-sm) var(--space-md) var(--space-2xl);background:#cadea8;color:var(--heading);text-align:center}.footer-line{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:800;letter-spacing:.01em}.footer-sprout{width:17px;height:17px;flex:0 0 auto}.footer-sub{color:#64703c;font-size:12px;font-weight:700;letter-spacing:.03em}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.moment-inner{opacity:1!important;transform:none!important}.moment{opacity:1!important;transform:none!important;filter:none!important;will-change:auto!important}}@media(max-width:700px){.site-header{padding-top:var(--space-sm)}.nav-shell{align-items:flex-start;border-radius:28px;padding:var(--space-sm)}.brand{padding:4px 6px}.brand-text{display:none}.nav-links{flex:1;justify-content:flex-end;flex-wrap:wrap}.nav-link{padding:7px 10px;font-size:13px}.time-widget{grid-template-columns:1fr;gap:var(--space-lg)}.age-block{padding-top:var(--space-lg);padding-left:0;border-top:1px dashed #d9cfb5;border-left:0}.age-value{max-width:none}.timeline-vars{--date-rail-width: 64px;--moment-body-gap: 28px;--axis-center: 78px;--dot-size: 16px;--dot-center-y: 12px;gap:var(--space-xl)}.date-day{font-size:36px}.date-meta{font-size:12px;color:var(--secondary)}.date-age{font-size:11px}.moment-body{padding-right:var(--space-xs)}.posts-grid{grid-template-columns:1fr}.post-card{min-height:210px}.garden-scene{left:50%;width:520px;max-width:none;transform:translate(-50%)}.footer-line{font-size:13px}}@media(max-width:480px){.container{width:min(100% - 24px,720px)}.site-header .container{width:min(100% - 16px,720px)}.nav-shell{gap:var(--space-xs)}.brand-mark{width:36px;height:36px}.nav-link{padding:7px 8px;font-size:12px}.clock{font-size:44px}.timeline-vars{--date-rail-width: 52px;--moment-body-gap: 24px;--axis-center: 64px;--dot-size: 14px;--dot-center-y: 11px;gap:var(--space-lg)}.date-day{font-size:30px}.date-meta{font-size:12px;color:var(--secondary)}.date-age{font-size:11px}.moment-body{padding-right:var(--space-sm)}.photo-grid{gap:6px}.video-placeholder{min-height:170px}.section-heading-row{align-items:flex-start;flex-direction:column;gap:var(--space-xs)}.garden-scene{width:440px}.footer-bar{padding-bottom:var(--space-lg)}}.year-rail-wrapper{position:absolute;top:0;bottom:0;left:max(-96px,calc(384px - 50vw));padding-top:calc(3.4em + var(--space-xl));pointer-events:none}.year-rail-wrapper.hidden{display:none}.year-rail{position:sticky;top:50vh;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:var(--space-xs);pointer-events:auto;margin:0}.year-btn{padding:8px 14px;border:1.5px solid #ded4b9;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #3d34280f;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.year-btn:hover{background:#fffbed;box-shadow:0 3px 10px #3d34281a;transform:translateY(-1px)}.year-btn.active{border-color:var(--teal-active);background:var(--teal);color:#fffef8;box-shadow:0 5px #bdaea0}.year-btn.active:hover{background:var(--teal-hover);box-shadow:0 6px #bdaea0;transform:translateY(-1px)}.year-btn.active:active{background:var(--teal-active);box-shadow:0 1px #bdaea0;transform:translateY(2px)}.month-pill{position:fixed;top:116px;left:50%;transform:translate(-50%) translateY(-20px);z-index:99;padding:8px 18px;border:1.5px solid #ded4b9;border-radius:var(--radius-pill);background:var(--surface);color:var(--heading);font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #3d34280f;opacity:0;pointer-events:none;transition:opacity var(--transition),transform var(--transition),background var(--transition),box-shadow var(--transition)}.month-pill.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.month-pill:hover{background:#fffbed;box-shadow:0 3px 10px #3d34281a}.month-pill:after{content:" ▾";color:var(--secondary);font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:200;background:#00000059;opacity:0;pointer-events:none;transition:opacity var(--transition)}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-blob{position:fixed;top:50%;left:50%;z-index:201;width:min(90vw,600px);max-height:80vh;overflow-y:auto;padding:64px 56px;background:var(--surface);clip-path:url(#animal-modal-clip);transform:translate(-50%,-50%) scale(.92);opacity:0;pointer-events:none;transition:transform var(--transition),opacity var(--transition)}.modal-blob.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.modal-title{margin-bottom:var(--space-lg);color:var(--heading);font-size:20px;font-weight:700;text-align:center}.modal-year{margin-bottom:var(--space-lg)}.modal-year-title{margin-bottom:var(--space-sm);color:var(--heading);font-size:16px;font-weight:900}.modal-months{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs)}.month-btn{position:relative;padding:10px 8px;border:1.5px solid #ded4b9;border-radius:var(--radius-soft);background:var(--surface);color:var(--text);font-size:13px;font-weight:700;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.month-btn:hover:not(:disabled){background:#fffbed;transform:translateY(-1px)}.month-btn:disabled{opacity:.4;cursor:not-allowed}.month-btn.has-records{border-color:var(--teal-active);background:var(--teal);color:#fffef8}.month-btn.has-records:hover{background:var(--teal-hover)}.month-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--focus);color:var(--heading);font-size:10px;font-weight:900;line-height:18px;text-align:center}@media(max-width:940px){.year-rail{display:none}}@media(max-width:700px){.month-pill{top:104px;font-size:13px;padding:7px 14px}.modal-blob{padding:36px 28px}.modal-months{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.year-rail{display:none}.month-pill{top:100px;font-size:12px;padding:6px 12px}.modal-blob{padding:32px 24px}.modal-months{grid-template-columns:repeat(3,1fr);gap:6px}.month-btn{padding:8px 6px;font-size:12px}}.timeline-vars{--date-rail-width: 84px;--moment-body-gap: 36px;--axis-center: 102px;--dot-size: 18px;--dot-center-y: 13px}.timeline-viewport{position:relative}.timeline-axis{position:absolute;top:0;bottom:0;left:calc(var(--axis-center) - 2px);width:4px;border-radius:var(--radius-pill);background:repeating-linear-gradient(to bottom,var(--app-teal) 0 10px,transparent 10px 17px)}.timeline-canvas{position:relative;width:100%}.timeline-item{position:absolute;top:0;left:0;width:100%;padding-bottom:var(--space-2xl)}.timeline-item--ribbon{padding-top:calc(var(--space-3xl) - var(--space-2xl));padding-bottom:var(--space-xl)}.timeline-item[data-index="0"]{padding-top:0}.timeline-item>.ribbon{margin:0 auto}.moment{position:relative;transform-origin:var(--axis-center) var(--dot-center-y)}.moment-inner{opacity:0;transform:translateY(16px)}.moment-inner.revealed{animation:fade-up .55s cubic-bezier(.4,0,.2,1) forwards}.moment-video{display:block;width:auto;max-width:100%;height:auto;max-height:80vh;margin-inline:auto;border-radius:var(--radius-soft);background:#000}.post-page{padding:var(--space-xl) 0 var(--space-3xl)}.post-breadcrumb{margin-bottom:var(--space-lg);font-size:14px;font-weight:700}.post-breadcrumb a:hover{color:var(--heading)}.post-header{display:grid;gap:var(--space-sm);margin-bottom:var(--space-xl)}.post-header h1{font-size:clamp(28px,6vw,40px);font-weight:900}.post-header .tag{justify-self:start}.post-date{color:var(--secondary);font-size:14px}.post-cover{margin-bottom:var(--space-xl)}.post-content{font-size:17px;line-height:1.9}.post-content p{margin:0 0 var(--space-lg)}.post-content h2,.post-content h3,.post-content h4{margin:var(--space-xl) 0 var(--space-md)}.post-content blockquote{margin:0 0 var(--space-lg);padding:var(--space-sm) var(--space-lg);border-left:4px solid var(--app-teal);border-radius:0 var(--radius-soft) var(--radius-soft) 0;background:var(--surface)}.post-content img{border-radius:var(--radius-soft);margin:var(--space-md) 0}.post-content video{width:100%;border-radius:var(--radius-soft)}.post-content ul,.post-content ol{margin:0 0 var(--space-lg);padding-left:1.5em}.post-content a{color:var(--teal-active);text-decoration:underline}.post-content hr{border:0;border-top:2px dashed var(--line);margin:var(--space-xl) 0}.post-pager{display:flex;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-2xl);font-weight:700}.pager-link{max-width:45%}.pager-link:hover{color:var(--heading)}.pager-link.next{margin-left:auto;text-align:right}.login-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-lg)}.login-card{display:grid;gap:var(--space-md);width:min(100%,380px);padding:var(--space-2xl);border:3px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(180deg,#fff 0%,var(--page) 100%);text-align:center}.login-card h1{font-size:26px;font-weight:900}.login-mark{width:48px;height:48px;margin-inline:auto}.login-hint{color:var(--secondary);font-size:14px}.login-error{color:var(--red);font-size:14px;font-weight:700}.login-card label{display:grid;gap:var(--space-2xs);text-align:left;font-size:14px;font-weight:700}.login-card input{padding:10px 14px;border:1.5px solid #ded4b9;border-radius:var(--radius-soft);background:var(--surface);font:inherit}.login-card input:focus-visible{outline:4px solid var(--focus);outline-offset:2px}.login-card button{min-height:46px;border:0;border-radius:var(--radius-pill);background:var(--teal);color:#fffef8;cursor:pointer;font-weight:900;box-shadow:0 5px #bdaea0;transition:background var(--transition),box-shadow var(--transition),transform var(--transition)}.login-card button:hover{background:var(--teal-hover);box-shadow:0 6px #bdaea0;transform:translateY(-1px)}.login-card button:active{background:var(--teal-active);box-shadow:0 1px #bdaea0;transform:translateY(2px)}.login-back{color:var(--secondary);font-size:13px}.login-back:hover{color:var(--heading)}.post-content img,.post-cover img,.photo-single img,.photo-grid img{cursor:zoom-in}.post-content a img,.post-cover a img,.photo-single a img,.photo-grid a img{cursor:pointer}.lightbox{--lightbox-backdrop: rgba(53, 45, 36, .9);--lightbox-control: rgba(247, 243, 223, .86);--lightbox-control-hover: rgba(255, 254, 248, .96);--lightbox-control-border: rgba(255, 254, 248, .42);--lightbox-caption: var(--cream-top);--lightbox-shadow: rgba(31, 26, 21, .34);--lightbox-shadow-soft: rgba(31, 26, 21, .18);--lightbox-shadow-strong: rgba(31, 26, 21, .24);--lightbox-text-shadow: rgba(31, 26, 21, .48);--lightbox-motion: .2s cubic-bezier(.22, 1, .36, 1);--lightbox-control-size: 48px;position:fixed;z-index:300;inset:0;display:grid;place-items:center;padding:var(--space-xl) var(--space-3xl);background:var(--lightbox-backdrop);opacity:0;cursor:zoom-out;transition:opacity var(--lightbox-motion)}.lightbox--open{opacity:1}.lightbox--closing{pointer-events:none}.lightbox-image{max-width:min(100%,1200px);max-height:calc(100dvh - 128px);border-radius:var(--radius-soft);object-fit:contain;box-shadow:0 18px 48px var(--lightbox-shadow);opacity:.96;transform:scale(.96);transition:opacity var(--lightbox-motion),transform var(--lightbox-motion)}.lightbox--open .lightbox-image{opacity:1;transform:scale(1)}.lightbox-image--changing{opacity:.35!important;transform:scale(.985)!important}.lightbox-control{position:absolute;display:grid;width:var(--lightbox-control-size);height:var(--lightbox-control-size);place-items:center;padding:0;border:1.5px solid var(--lightbox-control-border);border-radius:50%;background:var(--lightbox-control);color:var(--heading);cursor:pointer;line-height:1;box-shadow:0 6px 18px var(--lightbox-shadow-soft);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.lightbox-control:hover{background:var(--lightbox-control-hover);box-shadow:0 8px 24px var(--lightbox-shadow-strong);transform:translateY(-1px)}.lightbox-close{top:var(--space-lg);right:var(--space-lg);font-size:32px;font-weight:500}.lightbox-nav{top:50%;font-size:40px;font-weight:700;transform:translateY(-50%)}.lightbox-nav:hover{transform:translateY(calc(-50% - 1px))}.lightbox-nav--previous{left:var(--space-lg)}.lightbox-nav--next{right:var(--space-lg)}.lightbox-caption{position:absolute;right:var(--space-3xl);bottom:var(--space-lg);left:var(--space-3xl);overflow:hidden;color:var(--lightbox-caption);font-size:14px;font-weight:700;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 8px var(--lightbox-text-shadow);white-space:nowrap}@media(max-width:700px){.lightbox{--lightbox-control-size: 44px;padding:var(--space-3xl) var(--space-sm)}.lightbox-image{max-height:calc(100dvh - 144px)}.lightbox-close{top:var(--space-sm);right:var(--space-sm)}.lightbox-nav--previous{left:var(--space-sm)}.lightbox-nav--next{right:var(--space-sm)}.lightbox-caption{right:var(--space-lg);bottom:var(--space-sm);left:var(--space-lg)}}@media(prefers-reduced-motion:reduce){.lightbox,.lightbox-image{transition:none}}