:root{--color-bg: #fff8f2;--color-bg-secondary: #f7efe6;--color-paper: #fffdf8;--color-text: #4e3b31;--color-text-secondary: #7a6558;--color-text-muted: #a28d81;--color-primary: #d89ca4;--color-primary-light: #e8b8be;--color-blush: #f6d9dc;--color-accent-strong: #a14f5a;--color-sticky-note: #fff2bf;--color-washi-tape: #e5d4b8;--color-success: #8fb996;--color-warning: #e6a96b;--color-error: #d98282;--color-info: #8fb1cf;--color-error-text: #b0545a;--color-border: #ecdccd;--color-focus: #b86b76;--font-heading: Georgia, "Times New Roman", serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(78, 59, 49, .08);--shadow-md: 0 4px 12px rgba(78, 59, 49, .1);--shadow-lg: 0 10px 30px rgba(78, 59, 49, .12);--shadow-focus: 0 0 0 2px var(--color-paper), 0 0 0 4px var(--color-focus);--container-sm: 480px;--container-md: 768px;--container-lg: 1120px;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{min-height:100vh;min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text)}p{color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none}img,picture,svg,video{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background-color:var(--color-blush);color:var(--color-text)}#app{min-height:100vh;min-height:100dvh}.container{width:100%;max-width:var(--container-lg);margin-inline:auto;padding-inline:var(--space-4)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.is-checking #app{visibility:hidden;animation:reveal-app 0s 3s forwards}@keyframes reveal-app{to{visibility:visible}}.page{min-height:100vh;min-height:100dvh}.scrapbook-bg{min-height:100vh;min-height:100dvh;background-color:var(--color-bg);background-image:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--color-blush) 55%,transparent) 0,transparent 40%),radial-gradient(circle at 85% 80%,color-mix(in srgb,var(--color-sticky-note) 60%,transparent) 0,transparent 42%),radial-gradient(color-mix(in srgb,var(--color-washi-tape) 45%,transparent) 1px,transparent 1px);background-size:auto,auto,22px 22px}.center-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-6) var(--space-4)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:768px){.container{padding-inline:var(--space-8)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mx-auto{margin-inline:auto}.pt-6{padding-top:var(--space-6)}.pb-6{padding-bottom:var(--space-6)}.py-6{padding-block:var(--space-6)}.px-6{padding-inline:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.object-cover{object-fit:cover}.object-contain{object-fit:contain}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.animate-fade-in{animation:fade-in var(--duration-slow) var(--ease-out) both}.animate-fade-in-up{animation:fade-in-up var(--duration-slow) var(--ease-out) both}.animate-shake{animation:soft-shake var(--duration-slow) ease-in-out}.transition{transition:color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text);background-color:var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);transition:background-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out),opacity var(--duration-normal) var(--ease-out)}.btn-primary:hover{background-color:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary:focus-visible{outline:none;box-shadow:var(--shadow-focus),var(--shadow-md)}.btn-primary[disabled]{cursor:default;opacity:.7;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text);background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out)}.btn-secondary:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.btn-secondary:focus-visible{outline:none;box-shadow:var(--shadow-focus),var(--shadow-sm)}.btn-secondary[disabled]{cursor:default;opacity:.45;box-shadow:none}.back-link{flex-shrink:0;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--duration-normal) var(--ease-out)}.back-link:hover{color:var(--color-text)}.logout-button{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;color:var(--color-text-secondary);border:1px solid transparent;border-radius:var(--radius-full);transition:color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out)}.logout-button:hover{color:var(--color-text);background-color:var(--color-paper);border-color:var(--color-border)}.logout-button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.logout-button[disabled]{cursor:default;opacity:.6}.page-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.lightbox{max-width:min(92vw,900px);max-height:94vh;margin:auto;padding:0;overflow:visible;background:transparent;border:none}.lightbox::backdrop{background-color:color-mix(in srgb,var(--color-text) 72%,transparent)}.lightbox[open]{animation:fade-in var(--duration-normal) var(--ease-out)}.lightbox-figure{position:relative;padding:var(--space-3) var(--space-3) var(--space-4);background-color:var(--color-paper);box-shadow:var(--shadow-lg)}.lightbox-image{width:auto;max-width:100%;max-height:70vh;margin-inline:auto}.lightbox-info{max-width:52ch;margin-inline:auto;text-align:center}.lightbox-caption{margin-top:var(--space-3);font-family:var(--font-heading);font-style:italic;color:var(--color-text)}.lightbox-date{margin-top:var(--space-1);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.lightbox-note{display:inline-block;margin-top:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);text-align:left;color:var(--color-text);background-color:var(--color-sticky-note);box-shadow:var(--shadow-sm);transform:rotate(-1deg)}.lightbox-counter{margin-top:var(--space-3);font-size:var(--text-sm);text-align:center;color:var(--color-paper)}.lightbox-close,.lightbox-nav{position:absolute;display:grid;place-items:center;width:40px;height:40px;font-size:var(--text-2xl);line-height:1;color:var(--color-text);background-color:var(--color-paper);border-radius:var(--radius-full);box-shadow:var(--shadow-md);transition:opacity var(--duration-normal) var(--ease-out)}.lightbox-close{top:calc(var(--space-4) * -1);right:calc(var(--space-4) * -1)}.lightbox-nav{top:calc(50% - var(--space-6));transform:translateY(-50%)}.lightbox-prev{left:calc(var(--space-12) * -1)}.lightbox-next{right:calc(var(--space-12) * -1)}.lightbox-nav[disabled]{cursor:default;opacity:.35}.lightbox-close:focus-visible,.lightbox-nav:focus-visible{outline:none;box-shadow:var(--shadow-focus),var(--shadow-md)}@media(max-width:767px){.lightbox-close{top:var(--space-2);right:var(--space-2)}.lightbox-prev{left:var(--space-2)}.lightbox-next{right:var(--space-2)}.lightbox-nav{opacity:.9}}@media(prefers-reduced-motion:reduce){.btn-primary:hover{transform:none}}.password-page{position:relative;overflow:hidden}.password-page.is-leaving{animation:fade-out var(--duration-normal) var(--ease-out) forwards}.password-page:before,.password-page:after{content:"";position:absolute;width:140px;height:28px;background-color:color-mix(in srgb,var(--color-washi-tape) 70%,transparent);border-radius:2px;box-shadow:var(--shadow-sm);pointer-events:none}.password-page:before{top:48px;left:-24px;transform:rotate(-12deg)}.password-page:after{right:-20px;bottom:64px;background-color:color-mix(in srgb,var(--color-primary-light) 55%,transparent);transform:rotate(-8deg)}.password-section{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-8) var(--space-4)}.password-container{width:100%;max-width:480px;text-align:center;animation:fade-in-up var(--duration-slow) var(--ease-out) both}.password-header{margin-bottom:var(--space-8)}.password-flower{display:inline-block;margin-bottom:var(--space-3);font-size:var(--text-3xl);line-height:1}.password-title{margin-bottom:var(--space-3);font-size:var(--text-3xl);font-weight:var(--weight-semibold);letter-spacing:.01em}.password-subtitle{font-family:var(--font-heading);font-size:var(--text-lg);font-style:italic;color:var(--color-text-secondary)}.password-form{max-width:400px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}.password-input{width:100%;padding:var(--space-3) var(--space-5);font-size:var(--text-base);text-align:center;color:var(--color-text);background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.password-input::placeholder{color:var(--color-text-secondary);opacity:1}.password-input:hover{border-color:var(--color-primary-light)}.password-input:focus{outline:none;border-color:var(--color-focus);box-shadow:var(--shadow-focus),var(--shadow-md)}.password-input.is-error{border-color:var(--color-error);animation:soft-shake var(--duration-slow) ease-in-out}.password-button{width:100%}.password-message{min-height:1.6em;font-size:var(--text-sm);color:var(--color-text-muted)}.password-message.is-error{color:var(--color-error-text)}.password-message.is-loading{font-style:italic;color:var(--color-text-secondary)}@media(min-width:768px){.password-title{font-size:var(--text-4xl)}.password-page:before{top:72px;left:6%;width:180px}.password-page:after{right:6%;bottom:96px;width:180px}}.cover-page{position:relative}.cover-header{position:absolute;top:var(--space-4);right:var(--space-4);z-index:1}.cover-section{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-12) var(--space-4)}.cover-book{position:relative;width:100%;max-width:440px;padding:var(--space-12) var(--space-8) var(--space-10) var(--space-10);text-align:center;background-color:var(--color-paper);border-radius:var(--radius-sm) var(--radius) var(--radius) var(--radius-sm);box-shadow:inset 14px 0 0 var(--color-primary-light),inset 16px 0 0 var(--color-blush),var(--shadow-lg);animation:fade-in-up var(--duration-slow) var(--ease-out) both}.cover-tape{position:absolute;top:-14px;left:50%;width:120px;height:28px;background-color:color-mix(in srgb,var(--color-washi-tape) 80%,transparent);border-radius:2px;box-shadow:var(--shadow-sm);transform:translate(-50%) rotate(-3deg)}.cover-eyebrow{margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-secondary)}.cover-title{margin-bottom:var(--space-8);font-size:var(--text-3xl)}.cover-title:focus{outline:none}.cover-dedication{margin-bottom:var(--space-2);font-family:var(--font-heading);font-size:var(--text-lg);font-style:italic;color:var(--color-text)}.cover-signature{margin-bottom:var(--space-8);font-size:var(--text-sm);color:var(--color-text-secondary)}.cover-polaroid{width:min(100%,240px);margin:0 auto var(--space-8);padding:var(--space-3) var(--space-3) var(--space-8);background-color:var(--color-paper);border:1px solid var(--color-border);box-shadow:var(--shadow-md);transform:rotate(-2deg)}.cover-photo{width:100%;aspect-ratio:1 / 1;object-fit:cover;background-color:var(--color-bg-secondary)}.cover-caption{margin-top:var(--space-3);font-family:var(--font-heading);font-size:var(--text-sm);font-style:italic;color:var(--color-text-secondary)}.cover-note{min-height:1.6em;margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}@media(max-width:400px){.cover-book{padding:var(--space-10) var(--space-5) var(--space-8) var(--space-8)}}@media(min-width:768px){.cover-title{font-size:var(--text-4xl)}}.timeline-page{display:flex;flex-direction:column}.timeline-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;max-width:var(--container-md);margin-inline:auto;padding:var(--space-5) var(--space-4) 0}.timeline-progress{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;text-align:right;color:var(--color-text-secondary)}.timeline-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-10) var(--space-4) var(--space-8)}.chapter-card{position:relative;width:100%;max-width:640px;padding:var(--space-10) var(--space-6) var(--space-8);text-align:center;background-color:var(--color-paper);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.chapter-card.is-entering{animation:fade-in-up var(--duration-slow) var(--ease-out) both}.chapter-tape{position:absolute;top:-14px;left:50%;width:110px;height:28px;background-color:color-mix(in srgb,var(--color-primary-light) 60%,transparent);border-radius:2px;box-shadow:var(--shadow-sm);transform:translate(-50%) rotate(2deg)}.chapter-number{margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-secondary)}.chapter-date{display:block;margin-bottom:var(--space-3);font-family:var(--font-heading);font-style:italic;color:var(--color-text-secondary)}.chapter-title{font-size:var(--text-2xl)}.chapter-title:focus{outline:none}.chapter-subtitle{margin-top:var(--space-2);color:var(--color-text-secondary)}.chapter-story{max-width:52ch;margin:var(--space-6) auto 0;text-align:left;white-space:pre-line;color:var(--color-text)}.chapter-empty{color:var(--color-text-secondary)}.chapter-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--space-5) var(--space-4);margin-top:var(--space-8);list-style:none}.chapter-photo{display:block;width:100%;padding:var(--space-2) var(--space-2) var(--space-5);background-color:var(--color-paper);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transform:rotate(-1.5deg);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.chapter-photos li:nth-child(2n) .chapter-photo{transform:rotate(1.2deg)}.chapter-photos li:nth-child(3n) .chapter-photo{transform:rotate(-.6deg)}.chapter-photos li .chapter-photo:hover{transform:rotate(0) scale(1.03);box-shadow:var(--shadow-md)}.chapter-photo:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.chapter-photo img{width:100%;aspect-ratio:1 / 1;object-fit:cover;background-color:var(--color-bg-secondary)}.timeline-nav{position:sticky;bottom:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3) var(--space-4);width:100%;padding:var(--space-3) var(--space-4);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom));background-color:color-mix(in srgb,var(--color-paper) 88%,transparent);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.timeline-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1);list-style:none}.timeline-dot{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-full)}.timeline-dot:before{content:"";width:8px;height:8px;background-color:var(--color-border);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out)}.timeline-dot:hover:before{background-color:var(--color-primary-light)}.timeline-dot[aria-current=step]:before{width:20px;background-color:var(--color-focus)}.timeline-dot:focus-visible{outline:2px solid var(--color-focus);outline-offset:0}.timeline-note{grid-column:1 / -1;min-height:1.4em;font-size:var(--text-sm);text-align:center;color:var(--color-text-secondary)}.timeline-note:empty{display:none}@media(max-width:599px){.timeline-nav{grid-template-columns:1fr 1fr}.timeline-dots{grid-column:1 / -1;order:-1}.timeline-prev,.timeline-next{padding-inline:var(--space-4)}.timeline-progress-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}@media(min-width:768px){.chapter-card{padding:var(--space-12) var(--space-10) var(--space-10)}.chapter-title{font-size:var(--text-3xl)}.chapter-photos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.desk-page{padding-bottom:var(--space-12)}.desk-header{width:100%;max-width:var(--container-md);margin-inline:auto;padding:var(--space-5) var(--space-4) 0}.desk-intro{padding:var(--space-8) var(--space-4) var(--space-8);text-align:center;animation:fade-in-up var(--duration-slow) var(--ease-out) both}.desk-flower{display:inline-block;margin-bottom:var(--space-2);font-size:var(--text-2xl)}.desk-title{margin-bottom:var(--space-2);font-size:var(--text-3xl)}.desk-title:focus{outline:none}.desk-subtitle{font-family:var(--font-heading);font-style:italic;color:var(--color-text-secondary)}.desk-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-4);width:calc(100% - var(--space-8));max-width:880px;margin-inline:auto;padding:var(--space-8) var(--space-4);list-style:none;background-color:color-mix(in srgb,var(--color-bg-secondary) 70%,transparent);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:inset 0 2px 10px color-mix(in srgb,var(--color-text) 5%,transparent);animation:fade-in-up var(--duration-slow) var(--ease-out) 80ms both}.desk-slot--timeline{grid-column:1 / -1}.desk-item{position:relative;display:grid;grid-template-rows:136px auto;align-content:start;justify-items:center;width:100%;height:100%;padding:var(--space-4) var(--space-2);text-align:center;color:var(--color-text);border-radius:var(--radius);transition:background-color var(--duration-normal) var(--ease-out)}.desk-item:hover{background-color:color-mix(in srgb,var(--color-paper) 55%,transparent)}.desk-item:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.desk-label{margin-top:var(--space-4);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.desk-description{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary)}.desk-badge{margin-top:var(--space-2);padding:2px var(--space-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-full)}.desk-object{--tilt: 0deg;position:relative;display:block;align-self:center;transform:rotate(var(--tilt));transition:transform var(--duration-normal) var(--ease-out)}.desk-item:hover .desk-object,.desk-item:focus-visible .desk-object{transform:translateY(-6px) rotate(0)}.desk-item--notebook .desk-object{--tilt: -2deg;width:190px;height:124px;background-color:var(--color-paper);background-image:repeating-linear-gradient(to bottom,transparent 0 17px,var(--color-border) 17px 18px);border-radius:var(--radius-sm) var(--radius) var(--radius) var(--radius-sm);box-shadow:inset 16px 0 0 var(--color-primary-light),inset 18px 0 0 var(--color-blush),var(--shadow-md)}.desk-item--notebook .desk-object:after{content:"";position:absolute;top:-10px;right:24px;width:64px;height:20px;background-color:color-mix(in srgb,var(--color-washi-tape) 85%,transparent);transform:rotate(4deg)}.desk-item--polaroids .desk-object{width:104px;height:116px}.desk-item--polaroids .desk-object:before,.desk-item--polaroids .desk-object:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--color-blush),var(--color-blush)) center 8px / calc(100% - 16px) 72% no-repeat,var(--color-paper);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.desk-item--polaroids .desk-object:before{transform:rotate(-8deg) translate(-8px)}.desk-item--polaroids .desk-object:after{background:linear-gradient(var(--color-sticky-note),var(--color-sticky-note)) center 8px / calc(100% - 16px) 72% no-repeat,var(--color-paper);transform:rotate(5deg) translate(6px);box-shadow:var(--shadow-md)}.desk-item--sticky .desk-object{--tilt: 3deg;width:108px;height:108px;background-color:var(--color-sticky-note);background-image:repeating-linear-gradient(to bottom,transparent 0 22px,color-mix(in srgb,var(--color-washi-tape) 70%,transparent) 22px 23px);background-position:0 18px;box-shadow:var(--shadow-md)}.desk-item--sticky .desk-object:before{content:"";position:absolute;top:-9px;left:50%;width:52px;height:18px;background-color:color-mix(in srgb,var(--color-primary-light) 65%,transparent);transform:translate(-50%) rotate(-4deg)}.desk-item--envelope .desk-object{--tilt: -3deg;width:148px;height:96px;overflow:hidden;background-color:var(--color-blush);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.desk-item--envelope .desk-object:before{content:"";position:absolute;inset:0 0 auto;height:62%;background-color:var(--color-primary-light);clip-path:polygon(0 0,100% 0,50% 100%)}.desk-item--envelope .desk-object:after{content:"♥";position:absolute;top:46%;left:50%;display:grid;place-items:center;width:26px;height:26px;font-size:var(--text-sm);color:var(--color-paper);background-color:var(--color-focus);border-radius:var(--radius-full);transform:translate(-50%,-50%)}.desk-item--ticket .desk-object{--tilt: 4deg;width:144px;height:82px;background-color:var(--color-washi-tape);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.desk-item--ticket .desk-object:before{content:"";position:absolute;inset:7px;border:1.5px dashed color-mix(in srgb,var(--color-text-secondary) 55%,transparent);border-radius:4px}.desk-item--ticket .desk-object:after{content:"✦";position:absolute;inset:0;display:grid;place-items:center;font-size:var(--text-2xl);color:var(--color-text-secondary)}.desk-note{min-height:1.6em;margin-top:var(--space-5);padding-inline:var(--space-4);font-size:var(--text-sm);text-align:center;color:var(--color-text-secondary)}@media(max-width:400px){.desk-items{gap:var(--space-5) var(--space-2);padding-inline:var(--space-2)}.desk-item--envelope .desk-object{width:120px;height:80px}.desk-item--ticket .desk-object{width:118px;height:70px}}@media(min-width:768px){.desk-title{font-size:var(--text-4xl)}.desk-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8) var(--space-6);padding:var(--space-10) var(--space-8)}.desk-slot--timeline{grid-column:span 2}}.gallery-page{padding-bottom:var(--space-12)}.gallery-header{width:100%;max-width:var(--container-md);margin-inline:auto;padding:var(--space-5) var(--space-4) 0}.gallery-intro{padding:var(--space-8) var(--space-4) var(--space-6);text-align:center;animation:fade-in-up var(--duration-slow) var(--ease-out) both}.gallery-flower{display:inline-block;margin-bottom:var(--space-2);font-size:var(--text-2xl)}.gallery-title{margin-bottom:var(--space-2);font-size:var(--text-3xl)}.gallery-title:focus{outline:none}.gallery-subtitle{font-family:var(--font-heading);font-style:italic;color:var(--color-text-secondary)}.gallery-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);max-width:var(--container-md);margin-inline:auto;padding-inline:var(--space-4)}.gallery-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.gallery-tab:hover{color:var(--color-text);border-color:var(--color-primary-light)}.gallery-tab[aria-pressed=true]{color:var(--color-text);background-color:var(--color-primary-light);border-color:var(--color-primary)}.gallery-tab:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.gallery-section{width:100%;max-width:var(--container-lg);margin-inline:auto;padding:var(--space-8) var(--space-4) 0}.gallery-section.is-entering{animation:fade-in-up var(--duration-slow) var(--ease-out) both}.gallery-section-header{margin-bottom:var(--space-8);text-align:center}.gallery-category-title{font-size:var(--text-2xl)}.gallery-category-description{margin-top:var(--space-1);font-family:var(--font-heading);font-style:italic;color:var(--color-text-secondary)}.gallery-count{margin-top:var(--space-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.gallery-empty{padding:var(--space-10) var(--space-4);text-align:center;color:var(--color-text-secondary)}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-4);list-style:none}.gallery-photo{--tilt: -1.5deg;position:relative;display:block;width:100%;padding:var(--space-2) var(--space-2) 0;background-color:var(--color-paper);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transform:rotate(var(--tilt));transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.gallery-grid li:nth-child(2n) .gallery-photo{--tilt: 1.4deg}.gallery-grid li:nth-child(3n) .gallery-photo{--tilt: -.6deg}.gallery-grid li:nth-child(5n) .gallery-photo{--tilt: 2deg}.gallery-photo:hover{transform:rotate(0) scale(1.03);box-shadow:var(--shadow-md)}.gallery-photo:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.gallery-photo img{width:100%;aspect-ratio:4 / 5;object-fit:cover;background-color:var(--color-bg-secondary)}.gallery-photo-label{display:block;min-height:2.4em;padding:var(--space-2) var(--space-1);overflow:hidden;font-family:var(--font-heading);font-size:var(--text-sm);font-style:italic;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary)}.gallery-note-mark{position:absolute;top:calc(var(--space-2) * -1);right:calc(var(--space-2) * -1);display:grid;place-items:center;width:28px;height:28px;font-size:var(--text-sm);color:var(--color-text);background-color:var(--color-sticky-note);box-shadow:var(--shadow-sm);transform:rotate(6deg)}@media(min-width:600px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.gallery-title{font-size:var(--text-4xl)}.gallery-section{padding-inline:var(--space-8)}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8) var(--space-6)}}@media(prefers-reduced-motion:reduce){.gallery-photo:hover{transform:rotate(var(--tilt))}}.notes-page{padding-bottom:var(--space-12)}.notes-header{width:100%;max-width:var(--container-md);margin-inline:auto;padding:var(--space-5) var(--space-4) 0}.notes-intro{padding:var(--space-8) var(--space-4) var(--space-8);text-align:center;animation:fade-in-up var(--duration-slow) var(--ease-out) both}.notes-flower{display:inline-block;margin-bottom:var(--space-2);font-size:var(--text-2xl)}.notes-title{margin-bottom:var(--space-2);font-size:var(--text-3xl)}.notes-title:focus{outline:none}.notes-subtitle{font-family:var(--font-heading);font-style:italic;color:var(--color-text-secondary)}.notes-empty{padding:var(--space-10) var(--space-4);text-align:center;color:var(--color-text-secondary)}.notes-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));align-items:start;gap:var(--space-8) var(--space-6);width:100%;max-width:var(--container-lg);margin-inline:auto;padding:var(--space-4) var(--space-5) 0;list-style:none;animation:fade-in-up var(--duration-slow) var(--ease-out) 80ms both}.note{--tilt: -1.5deg;--note-bg: var(--color-sticky-note);position:relative;min-height:140px;padding:var(--space-6) var(--space-5) var(--space-5);background-color:var(--note-bg);box-shadow:var(--shadow-md);transform:rotate(var(--tilt));transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.note:before{content:"";position:absolute;top:-10px;left:50%;width:64px;height:20px;background-color:color-mix(in srgb,var(--color-washi-tape) 80%,transparent);transform:translate(-50%) rotate(-3deg)}.note:hover{transform:rotate(0) translateY(-3px);box-shadow:var(--shadow-lg)}.notes-board li:nth-child(2n) .note{--tilt: 1.8deg}.notes-board li:nth-child(3n) .note{--tilt: -.8deg}.notes-board li:nth-child(4n) .note{--tilt: 2.4deg}.note--yellow{--note-bg: var(--color-sticky-note)}.note--pink{--note-bg: var(--color-blush)}.note--beige{--note-bg: color-mix(in srgb, var(--color-washi-tape) 60%, var(--color-paper))}.note--white{--note-bg: var(--color-paper)}.note--pink:before{background-color:color-mix(in srgb,var(--color-paper) 70%,transparent)}.note-text{font-family:var(--font-heading);font-size:var(--text-lg);line-height:var(--leading-normal);white-space:pre-line;color:var(--color-text)}.note-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1) var(--space-3);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text)}.note-from{font-style:italic}@media(min-width:768px){.notes-title{font-size:var(--text-4xl)}.notes-board{padding-inline:var(--space-8)}}@media(prefers-reduced-motion:reduce){.note:hover{transform:rotate(var(--tilt))}}.letter-page{padding-bottom:var(--space-16)}.letter-header{width:100%;max-width:var(--container-md);margin-inline:auto;padding:var(--space-5) var(--space-4) 0}.letter-intro{padding:var(--space-8) var(--space-4) var(--space-10);text-align:center;animation:fade-in-up var(--duration-slow) var(--ease-out) both}.letter-flower{display:inline-block;margin-bottom:var(--space-2);font-size:var(--text-2xl)}.letter-heading{margin-bottom:var(--space-2);font-size:var(--text-3xl)}.letter-heading:focus,.letter-title:focus{outline:none}.letter-subtitle{font-family:var(--font-heading);font-style:italic;color:var(--color-text-secondary)}.letter-empty{padding:var(--space-6) var(--space-4);font-family:var(--font-heading);font-style:italic;text-align:center;color:var(--color-text-secondary)}.letter-envelopes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));justify-items:center;gap:var(--space-10) var(--space-6);width:100%;max-width:var(--container-md);margin-inline:auto;padding-inline:var(--space-4);list-style:none;animation:fade-in-up var(--duration-slow) var(--ease-out) 80ms both}.letter-envelopes.is-single{grid-template-columns:1fr}.letter-envelope-button{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius)}.letter-envelope-button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.letter-envelope{position:relative;display:block;width:240px;height:156px;margin-bottom:var(--space-3);background-color:var(--color-blush);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);transform:rotate(-2deg);perspective:600px;transition:transform var(--duration-normal) var(--ease-out)}.letter-envelope:after{content:"";position:absolute;inset:0;background-color:color-mix(in srgb,var(--color-primary-light) 45%,var(--color-blush));border-radius:var(--radius-sm);clip-path:polygon(0 100%,50% 45%,100% 100%)}.letter-envelope-flap{position:absolute;inset:0 0 auto;z-index:1;height:62%;background-color:var(--color-primary-light);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;transition:transform var(--duration-slow) var(--ease-out)}.letter-envelope-seal{position:absolute;top:54%;left:50%;z-index:2;display:grid;place-items:center;width:38px;height:38px;font-size:var(--text-lg);color:var(--color-paper);background-color:var(--color-focus);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transform:translate(-50%,-50%);transition:opacity var(--duration-normal) var(--ease-out)}.letter-envelope-button:hover .letter-envelope{transform:rotate(0) translateY(-4px)}.letter-envelope-button.is-opening .letter-envelope-seal{opacity:0}.letter-envelope-button.is-opening .letter-envelope-flap{transform:rotateX(180deg)}.letter-envelope-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.letter-envelope-date{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.letter-paper{--letter-line: 2rem;position:relative;width:calc(100% - var(--space-8));max-width:680px;margin:var(--space-8) auto 0;padding:var(--space-12) var(--space-6) var(--space-10);background-color:var(--color-paper);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);animation:fade-in-up var(--duration-slow) var(--ease-out) both}.letter-paper:before{content:"";position:absolute;top:-14px;left:50%;width:120px;height:28px;background-color:color-mix(in srgb,var(--color-washi-tape) 85%,transparent);box-shadow:var(--shadow-sm);transform:translate(-50%) rotate(-2deg)}.letter-date{margin-bottom:var(--space-2);font-size:var(--text-xs);letter-spacing:.08em;text-align:right;text-transform:uppercase;color:var(--color-text-secondary)}.letter-title{margin-bottom:var(--space-8);font-size:var(--text-2xl);text-align:center}.letter-lines{background-image:repeating-linear-gradient(to bottom,transparent 0 calc(var(--letter-line) - 1px),color-mix(in srgb,var(--color-border) 80%,transparent) calc(var(--letter-line) - 1px) var(--letter-line))}.letter-greeting,.letter-body p,.letter-closing,.letter-signature{font-family:var(--font-heading);font-size:var(--text-lg);line-height:var(--letter-line);color:var(--color-text)}.letter-body p{white-space:pre-line}.letter-body p+p,.letter-greeting:not([hidden])+.letter-body{margin-top:var(--letter-line)}.letter-closing{margin-top:var(--letter-line);text-align:right}.letter-signature{font-style:italic;font-weight:var(--weight-semibold);text-align:right}@media(max-width:400px){.letter-envelope{width:210px;height:136px}.letter-paper{width:calc(100% - var(--space-4));padding-inline:var(--space-5)}}@media(min-width:768px){.letter-heading{font-size:var(--text-4xl)}.letter-paper{padding:var(--space-16) var(--space-12) var(--space-12)}.letter-title{font-size:var(--text-3xl)}}.future-page{padding-bottom:var(--space-16)}.future-header{width:100%;max-width:var(--container-md);margin-inline:auto;padding:var(--space-5) var(--space-4) 0}.future-intro{padding:var(--space-8) var(--space-4) var(--space-6);text-align:center;animation:fade-in-up var(--duration-slow) var(--ease-out) both}.future-flower{display:inline-block;margin-bottom:var(--space-2);font-size:var(--text-2xl)}.future-title{margin-bottom:var(--space-2);font-size:var(--text-3xl)}.future-title:focus{outline:none}.future-subtitle{font-family:var(--font-heading);font-style:italic;color:var(--color-text-secondary)}.future-progress{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.future-empty{padding:var(--space-6) var(--space-4);font-family:var(--font-heading);font-style:italic;text-align:center;color:var(--color-text-secondary)}.future-group{width:100%;max-width:var(--container-md);margin-inline:auto;padding:var(--space-6) var(--space-4) 0;animation:fade-in-up var(--duration-slow) var(--ease-out) 80ms both}.future-group-title{margin-bottom:var(--space-5);font-size:var(--text-xl);text-align:center}.future-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:var(--space-5);list-style:none}.future-item{filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--color-text) 12%,transparent))}.future-item:nth-child(odd) .ticket{--tilt: -.6deg}.future-item:nth-child(2n) .ticket{--tilt: .6deg}.ticket{--tilt: 0deg;--notch: 10px;--stub: 72px;position:relative;display:grid;grid-template-columns:var(--stub) 1fr;min-height:112px;background-color:var(--color-paper);border-radius:var(--radius-sm);transform:rotate(var(--tilt));-webkit-mask:radial-gradient(circle var(--notch) at var(--stub) 0,transparent 98%,black) top / 100% 51% no-repeat,radial-gradient(circle var(--notch) at var(--stub) 100%,transparent 98%,black) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at var(--stub) 0,transparent 98%,black) top / 100% 51% no-repeat,radial-gradient(circle var(--notch) at var(--stub) 100%,transparent 98%,black) bottom / 100% 51% no-repeat}.ticket-stub{display:grid;place-items:center;background-color:var(--color-blush);border-right:2px dashed color-mix(in srgb,var(--color-text-secondary) 45%,transparent)}.ticket-icon{font-size:var(--text-2xl);color:var(--color-text-secondary)}.ticket-body{position:relative;padding:var(--space-4) var(--space-5)}.ticket-when{margin-bottom:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary)}.ticket-title{font-size:var(--text-lg);line-height:var(--leading-tight)}.ticket-note{margin-top:var(--space-2);font-size:var(--text-sm);white-space:pre-line;color:var(--color-text-secondary)}.ticket.is-done .ticket-stub{background-color:var(--color-sticky-note)}.ticket-stamp{display:inline-block;margin-top:var(--space-3);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-strong);border:2px solid var(--color-accent-strong);border-radius:var(--radius-sm);transform:rotate(-4deg)}@media(min-width:768px){.future-title{font-size:var(--text-4xl)}}