:root{--paper:#fafaf8;--ink:#1d1d1f;--ink-soft:#6e6e73;--line:#d9d8d3;--accent:#b3492f;--accent-soft:#b3492f14;--surface:#fff;--serif:"New York", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body{overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;margin:0;padding:0;overflow:hidden auto}#root{width:100%;min-height:100svh}::selection{background:var(--accent-soft);color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app{background:var(--paper);width:100%;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}img{-webkit-touch-callout:none}button{-webkit-tap-highlight-color:transparent;font-family:inherit}.masthead{z-index:50;padding:calc(16px + env(safe-area-inset-top)) 16px 14px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border-bottom:1px solid var(--line);text-align:center;background:#fafaf8b8;justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex;position:fixed;top:0;left:0;right:0}@media (width<=480px){.masthead{letter-spacing:.08em;font-size:10px}}.masthead .dot{background:var(--accent);border-radius:50%;width:4px;height:4px}.hero{height:100svh;padding:0 24px calc(64px + env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}@media (width<=480px){.hero{padding:0 18px calc(56px + env(safe-area-inset-bottom))}}.hero-bg{position:absolute;inset:0}.bg-img{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.4s;position:absolute;inset:0}.bg-img.active{opacity:1}.hero-bg:after{content:"";background:linear-gradient(#0a09080d 0%,#0a090826 55%,#0a0908c7 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:left;color:#f5f4f0;max-width:720px;margin:0 auto;position:relative}.hero-eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#f5f4f0b8;margin:0 0 18px;font-size:12px}.hero h1{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(36px,7vw,64px);font-weight:500;line-height:1.05}.hero p{color:#f5f4f0d1;max-width:46ch;margin:0;font-size:clamp(15px,2vw,18px);line-height:1.5}.hero-scroll-cue{z-index:2;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#f5f4f099;font-size:10px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.story{border-bottom:1px solid var(--line);max-width:900px;margin:0 auto;padding:120px 24px 100px}@media (width<=480px){.story{padding:90px 18px 64px}}.story-eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);justify-content:center;align-items:center;gap:8px;margin-bottom:28px;font-size:12px;display:flex}.story-eyebrow .rule{background:var(--accent);opacity:.5;width:28px;height:1px}.big-days-wrap{justify-content:center;align-items:flex-end;gap:14px;padding:0;display:flex}.big-days-number{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);font-size:clamp(96px,18vw,168px);font-weight:500;line-height:.85}.big-days-label{font-family:var(--sans);color:var(--ink-soft);white-space:nowrap;margin-bottom:clamp(14px,3vw,26px);font-size:16px}.subtitle{color:var(--ink-soft);text-align:center;font-size:15px;font-style:italic;font-family:var(--serif);margin-top:6px}.stats-grid{background:var(--line);border:1px solid var(--line);border-radius:2px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:56px;display:grid;overflow:hidden}.stats-grid div{background:var(--surface);text-align:center;flex-direction:column;gap:6px;padding:22px 12px;display:flex}.stat-value{font-family:var(--serif);color:var(--ink);font-size:clamp(20px,3vw,28px);font-weight:500}.stat-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}@media (width<=640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.next-milestone{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:baseline;gap:10px;margin-top:40px;font-size:12px;display:flex}.next-milestone-label{color:var(--ink-soft)}.next-milestone-value{color:var(--accent)}.section{text-align:center;max-width:900px;margin:0 auto;padding:96px 24px}@media (width<=480px){.section{padding:64px 18px}.section-dek{margin-bottom:36px}}.section-eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:12px}.section h2{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0 0 12px;font-size:clamp(28px,4vw,42px);font-weight:500}.section-dek{color:var(--ink-soft);max-width:50ch;margin:0 auto 48px;font-size:16px;line-height:1.6}.gallery-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;display:grid}@media (width<=640px){.gallery-grid{grid-template-columns:1fr}}.flip-card{perspective:1600px;cursor:pointer;touch-action:manipulation;width:100%;max-width:340px;height:420px;margin:0 auto}@media (width<=480px){.flip-card{height:min(70vh,380px)}}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,1,.36,1);position:relative}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{backface-visibility:hidden;border:1px solid var(--line);border-radius:6px;position:absolute;inset:0;overflow:hidden}.flip-front{background:var(--surface)}.flip-front img{object-fit:cover;width:100%;height:100%;display:block}.flip-front .hint{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#f5f4f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a090873;border-radius:999px;padding:6px 10px;font-size:10px;position:absolute;bottom:14px;right:14px}.flip-back{background:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;transform:rotateY(180deg)}.flip-back .date{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:11px}.flip-back .text{font-family:var(--serif);color:var(--ink);font-size:19px;font-style:italic;line-height:1.5}.player-layer{left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));z-index:999999;pointer-events:none;justify-content:center;display:flex;position:fixed}.player{-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);border:1px solid var(--line);pointer-events:auto;background:#ffffffd1;border-radius:16px;width:min(92vw,420px);padding:16px 18px;box-shadow:0 16px 40px #0a09081f}.song{text-align:left;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px;font-size:11px}.bar{background:var(--line);border-radius:999px;height:2px;overflow:hidden}.fill{background:var(--accent);height:100%;transition:width .2s linear}.controls{gap:8px;margin-top:12px;display:flex}.controls button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;border-radius:10px;flex:1;padding:12px;font-size:16px;transition:background .2s,transform .15s}.controls button:hover{background:var(--accent-soft);border-color:var(--accent-border,var(--accent))}.controls button:active{transform:scale(.96)}.mini{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f5f4f0;font-family:var(--mono);letter-spacing:.06em;cursor:pointer;pointer-events:auto;background:#1d1d1fe0;border-radius:999px;padding:12px 18px;font-size:12px;box-shadow:0 10px 30px #0a09082e}.puzzle-section{text-align:center;padding:0}.puzzle-grid{border:1px solid var(--line);border-radius:6px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:min(86vw,340px);height:min(86vw,340px);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 20px 50px #0a09081a}.puzzle-tile{cursor:grab;touch-action:none;background-repeat:no-repeat;border:1px solid #fafaf899;width:100%;height:100%;transition:transform .2s,filter .2s,box-shadow .2s}.puzzle-tile:active{cursor:grabbing;filter:brightness(1.06);transform:scale(.96)}.puzzle-tile.selected{box-shadow:inset 0 0 0 3px var(--accent);transform:scale(.97)}.puzzle-win{font-family:var(--serif);color:var(--accent);margin-top:24px;font-size:18px;font-style:italic;animation:.5s pop}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.puzzle-grid.animating{filter:brightness(1.02)}.puzzle-hint{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-top:20px;font-size:11px}.puzzle-reset{min-height:44px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;margin-top:18px;padding:10px 20px;font-size:11px;transition:background .2s}.puzzle-reset:hover{background:var(--accent-soft)}.closing{text-align:center;max-width:700px;margin:0 auto;padding:140px 24px 100px}@media (width<=480px){.closing{padding:90px 18px 64px}}.closing-mark{font-family:var(--serif);color:var(--ink);font-size:clamp(22px,3.4vw,30px);font-style:italic;line-height:1.5}.closing-sig{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-top:28px;font-size:12px}.closing-foot{border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:80px;padding-top:24px;font-size:10px}.album-grid{border-radius:6px;grid-template-columns:repeat(3,1fr);gap:6px;display:grid;overflow:hidden}@media (width<=480px){.album-grid{grid-template-columns:repeat(3,1fr);gap:4px}}.album-cell{appearance:none;aspect-ratio:1;cursor:pointer;touch-action:manipulation;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;margin:0;padding:0;transition:transform .2s,filter .2s}.album-cell:hover{filter:brightness(1.05)}.album-cell:active{transform:scale(.97)}.lightbox{z-index:1000000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#0a0908eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-frame{flex-direction:column;align-items:center;max-width:min(92vw,640px);max-height:82vh;display:flex}.lightbox-frame img{object-fit:contain;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:72vh;display:block}.lightbox-caption{font-family:var(--mono);letter-spacing:.06em;color:#f5f4f0c7;text-align:center;margin-top:16px;font-size:12px}.lightbox-close{top:calc(20px + env(safe-area-inset-top));right:calc(20px + env(safe-area-inset-right));color:#f5f4f0;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex;position:absolute}.lightbox-nav{color:#f5f4f0;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:calc(12px + env(safe-area-inset-left))}.lightbox-next{right:calc(12px + env(safe-area-inset-right))}@media (width<=640px){.lightbox-nav{width:40px;height:40px;font-size:22px}}.lightbox-counter{bottom:calc(20px + env(safe-area-inset-bottom));font-family:var(--mono);letter-spacing:.1em;color:#f5f4f099;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.letter-wrap{max-width:520px;margin:0 auto}.envelope{appearance:none;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:220px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0a090814}.envelope-flap{background:linear-gradient(to bottom right, transparent 49.5%, var(--line) 49.5%, var(--line) 50.5%, transparent 50.5%), linear-gradient(to bottom left, transparent 49.5%, var(--line) 49.5%, var(--line) 50.5%, transparent 50.5%);height:50%;position:absolute;top:0;left:0;right:0}.envelope-seal{z-index:2;background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-top:18px;font-size:16px;display:flex;position:relative;box-shadow:0 4px 14px #b3492f59}.envelope-to{font-family:var(--serif);color:var(--ink);font-size:18px;font-style:italic}.envelope-cta{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:11px}.letter{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:4px;padding:40px 32px;box-shadow:0 16px 40px #0a090814}@media (width<=480px){.letter{padding:32px 22px}}.letter-to{font-family:var(--serif);color:var(--ink);margin-bottom:22px;font-size:20px;font-style:italic}.letter-body p{font-family:var(--serif);color:var(--ink);margin:0 0 18px;font-size:17px;line-height:1.7}.letter-sig{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);text-align:right;margin-top:12px;font-size:12px}.letter-close{min-height:44px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);cursor:pointer;border-radius:999px;margin:28px auto 0;padding:10px 20px;font-size:11px;display:block}