:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#3d302c;background:#f7eee8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #3d302c;--muted: #82706a;--rose: #c96f66;--rose-dark: #a75049;--paper: #fffaf5;--blush: #f1d5cf;--line: #e8d8d0;--sage: #a7b49b;--yellow: #e6c46e}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--rose-dark);outline-offset:3px}button:disabled{opacity:.65;cursor:wait}[hidden]{display:none!important}.lock-page{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;padding:36px 20px 70px;background-color:#f7eee8;background-image:radial-gradient(#d9bbb0 .7px,transparent .7px);background-size:17px 17px}.lock-panel{width:min(100%,448px);position:relative;z-index:1;padding:44px 48px 36px;border:1px solid #e9d8cf;border-radius:5px;background:#fffaf5f0;box-shadow:0 22px 70px #58393117;text-align:center;animation:rise-in .55s ease-out both}.lock-emblem{width:55px;height:55px;position:relative;display:grid;place-items:center;margin:0 auto 22px;border:1px solid var(--blush);border-radius:50%;color:var(--rose-dark)}.lock-emblem span{position:absolute;right:1px;top:0;color:#c89a48;font-size:14px}.eyebrow{margin:0;color:var(--rose-dark);font-size:10px;font-weight:700;letter-spacing:1.4px;line-height:1.4}.lock-panel h1,.hero h1,.section-head h2,.editor-heading h2{margin:13px 0 0;font:400 43px/1.03 Georgia,Times New Roman,serif;letter-spacing:0}.lock-panel h1 em,.hero h1 em,.section-head h2 em,.editor-heading h2 em{color:var(--rose-dark);font-weight:400}.lock-description{max-width:310px;margin:15px auto 26px;color:var(--muted);font:15px/1.6 Georgia,Times New Roman,serif}.lock-form{display:grid;gap:10px;text-align:left}.lock-form label,.editor-section label{color:var(--ink);font-size:12px;font-weight:700}.passcode-wrap{display:flex;align-items:center;gap:10px;height:45px;padding:0 12px;border:1px solid var(--line);background:#fff;color:#a68e83}.passcode-wrap input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:13px}.passcode-wrap input:focus-visible{outline:0}.passcode-wrap:focus-within{outline:2px solid var(--rose-dark);outline-offset:2px}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;border:1px solid transparent;cursor:pointer;font-size:12px;font-weight:700;transition:background-color .18s ease,transform .18s ease}.button:hover{transform:translateY(-1px)}.button-dark{color:#fffaf5;background:var(--ink)}.button-dark:hover{background:#5a4540}.button-outline{color:var(--ink);border-color:#d8c5ba;background:transparent}.button-outline:hover{background:#fffaf5}.lock-submit{width:100%;margin-top:7px}.form-message{min-height:16px;margin:0;color:var(--rose-dark);font-size:12px;text-align:center}.lock-footnote{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 0 0;color:#907e75;font-size:10px;line-height:1.5}.lock-bottom{position:absolute;bottom:24px;color:#9b8378;font-size:9px;font-weight:700;letter-spacing:1.3px}.lock-bottom span{margin-left:8px;color:var(--rose)}.lock-orbit{position:absolute;color:#d6a89c}.orbit-one{left:calc(50% - 360px);top:18%;font-size:34px;transform:rotate(-12deg)}.orbit-two{right:calc(50% - 355px);bottom:18%;color:#bdad7d;font-size:42px}.site-shell{width:min(100%,1440px);min-height:100vh;margin:auto;padding:0 7.5%;background:#f7eee8}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9dcd5}.wordmark{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font:17px Georgia,Times New Roman,serif;text-decoration:none}.wordmark svg{color:var(--rose-dark)}.topbar-actions{display:flex;align-items:center;gap:12px}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d8c5ba;color:var(--ink);background:transparent;cursor:pointer;transition:background .18s ease}.icon-button:hover{background:#fffaf5}.edit-trigger{min-height:38px}.edit-icon{display:none}.hero{min-height:440px;position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:45px 5% 58px;border-bottom:1px solid #e9dcd5;overflow:hidden}.hero-copy{position:relative;z-index:1;padding:10px 0;animation:rise-in .55s ease-out both}.hero-eyebrow{display:flex;align-items:center;gap:9px}.hero-eyebrow span{color:#c89a48;font-size:17px}.hero h1{margin-top:19px;font-size:clamp(49px,5.2vw,72px);line-height:1.02}.hero h1 em{color:var(--rose-dark)}.birthday-date{display:flex;align-items:center;gap:8px;margin:18px 0 22px;color:#725f58;font:16px Georgia,Times New Roman,serif}.birthday-date svg{color:var(--rose-dark)}.countdown{display:flex;align-items:flex-start;gap:15px}.countdown-piece{min-width:54px;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.countdown-piece strong{color:var(--ink);font:35px/.95 Georgia,Times New Roman,serif;font-variant-numeric:tabular-nums}.countdown-piece span{color:var(--muted);font-size:10px}.countdown-piece i{position:absolute;right:-12px;top:4px;color:#c89a48;font:22px Georgia,serif;font-style:normal}.countdown-note{margin:15px 0 0;color:#826f68;font-size:12px}.hero-art{width:min(100%,405px);aspect-ratio:1;position:relative;justify-self:center;display:grid;place-items:center}.art-sun{width:75%;aspect-ratio:1;position:absolute;top:11%;left:13%;border-radius:50%;background:#f0d9b6}.art-checker{width:86%;height:56%;position:absolute;bottom:9%;left:7%;opacity:.6;background:repeating-conic-gradient(#d4a298 0,#d4a298 25%,#f5e5d9 0,#f5e5d9 50%) 50% / 26px 26px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 50%,transparent);mask-image:linear-gradient(to bottom,transparent,black 50%,transparent)}.cake-wrap{width:53%;position:relative;z-index:2;margin-top:40px;animation:cake-pop .65s .15s cubic-bezier(.18,.89,.32,1.28) both}.cake-top{width:15px;height:58px;position:absolute;z-index:2;top:-50px;left:calc(50% - 7px);border-radius:8px 8px 3px 3px;background:repeating-linear-gradient(0deg,#8a9d77 0,#8a9d77 8px,#f5dfb0 8px,#f5dfb0 16px)}.wick{width:3px;height:12px;position:absolute;top:-10px;left:6px;background:#533e36}.flame{width:11px;height:16px;position:absolute;top:-28px;left:2px;border-radius:60% 40% 60% 45%;transform:rotate(12deg);background:#e49e49;box-shadow:0 0 20px #e3b464;animation:flicker 1.6s ease-in-out infinite alternate}.cake-body{height:122px;position:relative;overflow:hidden;border:1px solid #ba7667;border-radius:8px 8px 19px 19px;background:repeating-linear-gradient(0deg,#d18c7d 0,#d18c7d 31px,#edc7ae 31px,#edc7ae 39px);box-shadow:0 13px 24px #643d3421}.icing-wave{height:21px;position:absolute;top:-1px;right:0;left:0;border-radius:40% 46% 45% 30%;background:#fff3e4}.cake-decoration{position:absolute;right:0;bottom:13px;left:0;color:#fff2dc;font:23px Georgia,serif;text-align:center}.cake-plate{width:130%;height:15px;position:absolute;bottom:-13px;left:-15%;border:1px solid #9c8f7a;border-radius:50%;background:#f9eee0}.art-star{position:absolute;z-index:2;color:var(--rose-dark)}.star-left{top:25%;left:9%;font-size:28px}.star-right{top:22%;right:12%;color:#b99546;font-size:30px}.art-flower{position:absolute;right:11%;bottom:26%;color:#8f9d7c;font-size:37px;transform:rotate(13deg)}.art-caption{position:absolute;z-index:3;right:5%;bottom:14%;display:flex;flex-direction:column;align-items:center;gap:4px;color:#785a50;font:italic 12px/1.15 Georgia,serif;text-align:center;transform:rotate(7deg)}.art-caption svg{color:var(--rose-dark)}.hero-seal{width:77px;height:77px;position:absolute;right:1.5%;bottom:16%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid #cbb5a9;border-radius:50%;color:var(--rose-dark);text-align:center;transform:rotate(9deg)}.hero-seal span{font:italic 9px Georgia,serif}.hero-seal strong{font:16px/.92 Georgia,serif}.hero-seal svg{width:13px;height:13px;margin-top:3px}.scrapbook{padding:48px 0 59px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-head h2{margin-top:8px;font-size:36px}.keepsake-count{display:inline-flex;align-items:center;gap:7px;padding-bottom:5px;color:#826f68;font-size:11px;white-space:nowrap}.keepsake-count svg{color:var(--rose-dark)}.keepsake-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:start}.keepsake{min-width:0;position:relative;border:1px solid #e4d4ca;background:var(--paper);animation:rise-in .45s ease-out both}.keepsake:nth-child(3n+2){animation-delay:.07s}.keepsake:nth-child(3n+3){animation-delay:.14s}.delete-keepsake{width:32px;height:32px;position:absolute;z-index:2;top:8px;right:8px;display:grid;place-items:center;border:0;color:#fff;background:#362924a6;cursor:pointer;opacity:0;transition:opacity .18s}.keepsake:hover .delete-keepsake,.delete-keepsake:focus-visible{opacity:1}.photo-keepsake img{width:100%;aspect-ratio:4 / 3;display:block;object-fit:cover;background:#ead8cf}.photo-caption{min-height:54px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:9px 13px}.photo-caption span{overflow-wrap:anywhere;font:14px Georgia,Times New Roman,serif}.keepsake time{color:#9b877d;font-size:10px}.quote-keepsake{min-height:195px;display:flex;flex-direction:column;justify-content:center;padding:26px 24px 20px}.quote-keepsake.tone-0{background:#f1ded7}.quote-keepsake.tone-1{background:#e4e7d9}.quote-keepsake.tone-2{background:#f1e6c9}.quote-keepsake.tone-3{background:#eadfe5}.quote-mark{margin-bottom:12px;color:var(--rose-dark)}.quote-copy{margin:0 0 18px;overflow-wrap:anywhere;color:#493732;font:20px/1.35 Georgia,Times New Roman,serif}.empty-scrapbook{min-height:155px;display:flex;align-items:center;gap:19px;padding:25px 30px;border:1px dashed #cfb6aa;background:#fffaf594}.empty-flower{width:51px;height:51px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--rose-dark);background:#f1ded7;font-size:26px}.empty-scrapbook div:nth-child(2){flex:1}.empty-scrapbook p{margin:0 0 6px;font:20px Georgia,serif}.empty-scrapbook span{color:var(--muted);font-size:12px}.site-footer{min-height:61px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e9dcd5;color:#9b877d;font-size:9px;font-weight:700;letter-spacing:1px}.footer-doodle{color:var(--rose-dark);font-size:13px}.modal-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#30242061;animation:fade-in .18s ease-out}.editor-panel{width:min(100%,435px);height:100%;overflow-y:auto;padding:31px 31px 26px;background:#fffaf5;box-shadow:-12px 0 50px #2d1f1b2b;animation:slide-in .24s ease-out}.editor-heading{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line)}.editor-heading h2{margin-top:7px;font-size:33px}.close-editor{border:0;font-size:22px}.editor-section{display:grid;gap:11px;padding:22px 0;border-bottom:1px solid var(--line)}.editor-section label{display:flex;align-items:center;gap:8px}.editor-section label svg{color:var(--rose-dark)}.editor-inline{display:flex;gap:9px}.editor-section input[type=date],.editor-section input[type=text],.editor-section input[type=file],.editor-section textarea{width:100%;min-height:42px;padding:10px;border:1px solid var(--line);border-radius:0;color:var(--ink);background:#fff;font-size:12px}.editor-section textarea{min-height:88px;resize:vertical;line-height:1.5}.editor-section input[type=file]{padding:8px}.editor-inline input{min-width:0;flex:1}.editor-inline .button{flex:none}.caption-input{margin-top:-3px}.editor-section>.button{justify-self:start}.editor-message{min-height:18px;margin:14px 0 0;color:var(--rose-dark);font-size:12px}.editor-local-note{display:flex;align-items:center;gap:7px;margin:3px 0;color:#8d7a70;font-size:10px}@keyframes rise-in{0%{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}@keyframes cake-pop{0%{opacity:0;transform:translateY(15px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(18px)}to{transform:translate(0)}}@keyframes flicker{0%{transform:rotate(8deg) scale(.95)}to{transform:rotate(-7deg) scale(1.06)}}@media(max-width:760px){.site-shell{padding:0 5%}.hero{min-height:unset;grid-template-columns:1fr .78fr;gap:5px;padding:54px 1% 49px}.hero h1{font-size:clamp(43px,8vw,61px)}.hero-art{width:100%}.hero-seal{right:0;bottom:8%;width:64px;height:64px}.keepsake-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-scrapbook{flex-wrap:wrap}.empty-scrapbook .button{margin-left:70px}}@media(max-width:520px){.lock-panel{padding:37px 24px 30px}.lock-panel h1{font-size:39px}.orbit-one{left:5%;top:9%}.orbit-two{right:4%;bottom:8%}.site-shell{padding:0 18px}.topbar{min-height:66px}.wordmark{font-size:15px}.topbar-actions{gap:8px}.edit-label{display:none}.edit-icon{display:grid}.edit-trigger{width:38px;min-height:38px;padding:0}.hero{grid-template-columns:1fr;padding:42px 0 34px}.hero h1{font-size:51px}.hero-art{width:min(76vw,300px);margin:15px auto 0}.hero-seal{right:1%;bottom:5%}.countdown{gap:12px}.countdown-piece{min-width:48px}.countdown-piece strong{font-size:31px}.scrapbook{padding:35px 0 42px}.section-head{align-items:flex-start;flex-direction:column;gap:9px}.section-head h2{font-size:31px}.keepsake-grid{grid-template-columns:1fr 1fr;gap:10px}.quote-keepsake{min-height:170px;padding:21px 15px 16px}.quote-copy{font-size:17px}.delete-keepsake{opacity:1}.empty-scrapbook{gap:12px;padding:20px 16px}.empty-flower{width:43px;height:43px}.empty-scrapbook p{font-size:17px}.empty-scrapbook span{font-size:11px;line-height:1.5}.empty-scrapbook .button{margin-left:55px}.site-footer{justify-content:center}.site-footer span:first-child,.site-footer span:last-child{display:none}.editor-panel{padding:25px 22px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}