:root{--paper: #fbf9f6;--paper-2: #f4efe8;--ink: #1d2330;--ink-soft: #666d7c;--line: #e7e2da;--line-strong: #cfc8bd;--blue-50: #eef5fe;--blue-100: #dceafc;--blue-200: #bcd7f8;--blue-300: #94bff2;--blue-400: #64a1ea;--blue-500: #3d84de;--blue-600: #2668c2;--display: "Plus Jakarta Sans", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper);overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}::selection{background:var(--blue-200)}button{font:inherit;color:inherit}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-300),var(--blue-600));transform-origin:left;z-index:40}.mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding:0 .05em .1em;margin:0 -.05em -.1em}.mask-inner{display:inline-block}.chapter{max-width:1180px;margin:0 auto;padding:150px 32px}.chapter-title{font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,6.2vw,5.2rem);line-height:1.02;letter-spacing:-.045em;margin:0;max-width:16ch}.chapter-lead{font-size:1.1rem;line-height:1.7;color:var(--ink-soft);max-width:44ch;margin:24px 0 0}.chapter-head.center{text-align:center}.chapter-head.center .chapter-title,.chapter-head.center .chapter-lead{margin-left:auto;margin-right:auto}@keyframes spin{to{transform:rotate(360deg)}}.lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;overflow:hidden;overflow:clip}.lock.is-leaving{pointer-events:none}.lock-half{position:absolute;left:0;right:0;height:50.5%}.lock-half.top{top:0;background:radial-gradient(ellipse 70% 90% at 50% 100%,var(--blue-100) 0%,var(--paper) 70%)}.lock-half.bottom{bottom:0;background:radial-gradient(ellipse 70% 90% at 50% 0%,var(--blue-100) 0%,var(--paper) 70%)}.lock-content{position:relative;z-index:1;width:min(720px,100%);padding:24px 20px;text-align:center}.lock-kicker{margin:0;font-size:13px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft)}.lock-name{margin:8px 0 36px;font-family:var(--display);font-weight:800;font-size:clamp(4.5rem,17vw,10rem);line-height:.95;letter-spacing:-.06em}.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:520px;margin:0 auto}.cd-cell{padding:18px 6px 14px;border-radius:18px;border:1px solid var(--line);background:#ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cd-value{position:relative;height:1.05em;overflow:hidden;font-family:var(--display);font-weight:300;font-size:clamp(2rem,7vw,3.2rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.cd-value span{display:inline-block}.cd-label{margin-top:8px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.lock-date{margin:26px 0 0;font-size:.92rem;line-height:1.6;color:var(--ink-soft)}.lock-field{display:flex;align-items:center;gap:8px;max-width:440px;margin:0 auto;padding:6px 6px 6px 22px;border-radius:999px;border:1px solid var(--line);background:#fff;box-shadow:0 20px 40px -24px #1d233059;transition:border-color .3s,box-shadow .3s}.lock-field:focus-within{border-color:var(--blue-400);box-shadow:0 0 0 4px #3d84de26,0 20px 40px -24px #1d233059}.lock-field input{flex:1;min-width:0;padding:10px 0;border:none;background:transparent;outline:none;font-family:var(--body);font-size:1rem;color:var(--ink)}.lock-field input::placeholder{color:#a7a29a}.lock-field button{flex:none;width:48px;height:48px;border:none;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;transition:background .3s}.lock-field button:hover{background:var(--blue-600)}.lock-hint,.lock-error{margin:18px 0 0;font-size:.9rem;color:var(--ink-soft)}.lock-error{color:#c4566f;font-weight:600}.intro{position:relative;min-height:100vh;display:grid;place-items:center;padding:90px 24px;overflow:hidden;overflow:clip}.intro-content{position:relative;z-index:1;text-align:center}.intro-kicker{margin:0;font-family:var(--display);font-size:clamp(1.2rem,2.6vw,1.7rem);font-weight:500;letter-spacing:-.02em;color:var(--ink-soft)}.intro-name{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(5rem,20vw,15rem);line-height:.92;letter-spacing:-.065em}.intro-sub{max-width:34ch;margin:26px auto 0;font-size:1.15rem;line-height:1.7;color:var(--ink-soft)}.intro-sign{margin:14px 0 0;font-family:var(--display);font-weight:600;font-size:1.15rem;color:var(--blue-600)}.scroll-cue{position:absolute;bottom:28px;left:0;right:0;display:flex;flex-direction:column;align-items:center;color:var(--blue-500)}.numbers-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:end;margin-top:70px}.big-days-value{display:block;font-family:var(--display);font-weight:200;font-size:clamp(7rem,19vw,15rem);line-height:.85;letter-spacing:-.06em}.big-days-label{display:block;margin-top:14px;font-family:var(--display);font-weight:600;letter-spacing:-.02em;font-size:1.6rem;color:var(--blue-600)}.ticks{display:flex;flex-direction:column;gap:26px}.tick{position:relative;display:flex;justify-content:space-between;align-items:baseline;padding-bottom:14px}.tick-value{font-family:var(--display);font-weight:300;letter-spacing:-.03em;font-size:2.4rem;font-variant-numeric:tabular-nums}.tick-label{font-size:12px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-soft)}.tick-bar{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line-strong);transform-origin:left}.marquees{padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;overflow:clip}.marquee{overflow:hidden;white-space:nowrap;padding:6px 0}.marquee-track{display:inline-flex;animation:marquee 40s linear infinite}.marquee span{padding:0 .6em;font-family:var(--display);font-size:clamp(2.4rem,6vw,5rem);font-weight:700;letter-spacing:-.04em;line-height:1.15}@keyframes marquee{to{transform:translate(-50%)}}.reel{position:relative}.reel-sticky{position:sticky;top:0;height:100vh;overflow:hidden;overflow:clip;display:flex;align-items:center}.reel-track{display:flex;align-items:center;gap:4vw;height:78vh;padding:0 8vw;will-change:transform}.reel-intro{flex:0 0 min(520px,82vw);align-self:center}.reel-intro .chapter-title{max-width:14ch;font-size:clamp(2.3rem,4.6vw,4rem)}.frame{position:relative;flex:0 0 auto;padding:0;border:none;border-radius:18px;overflow:hidden;background:var(--paper-2);box-shadow:0 30px 60px -32px #1d233073}.frame img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .6s;pointer-events:none}.frame:hover img{filter:saturate(1.15) brightness(1.04)}.frame{--h: 56vh;aspect-ratio:var(--ar);height:min(var(--h),calc(86vw / var(--ar)))}.frame.lg{--h: 66vh}.frame.md{--h: 56vh}.frame.sm{--h: 46vh}.frame.align-start{align-self:flex-start}.frame.align-end{align-self:flex-end}.frame.align-center{align-self:center}.reel-outro{flex:0 0 min(440px,80vw);align-self:center}.reel-outro-text{margin:0;font-family:var(--display);font-size:clamp(2rem,4vw,3.2rem);font-weight:700;letter-spacing:-.04em;line-height:1.1}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:70px 20px;background:#141821d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox-img{max-width:min(1000px,92vw);max-height:80vh;border-radius:14px;box-shadow:0 40px 80px -30px #0009}.lb-btn{position:fixed;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff14;color:#fff;font-size:1.1rem;transition:background .3s}.lb-btn:hover{background:#ffffff38}.lb-prev{left:24px;top:calc(50% - 26px)}.lb-next{right:24px;top:calc(50% - 26px)}.lb-close{right:24px;top:24px}.lb-count{position:fixed;bottom:26px;left:0;right:0;text-align:center;font-size:13px;letter-spacing:.2em;color:#ffffffb3}.letter-chapter{padding-bottom:110px}.letter-stage{display:grid;place-items:start center;min-height:560px;margin-top:60px;perspective:1400px}.letter-folded{position:relative;display:grid;place-items:center;width:min(560px,92vw);height:170px;border:none;border-radius:6px;background:#fffdf9;box-shadow:0 4px 0 -1px #f3ece2,0 8px 0 -2px #ebe2d5,0 34px 50px -30px #1d233073}.letter-folded-to{font-family:var(--display);font-weight:700;letter-spacing:-.03em;font-size:1.8rem}.fold-stack{display:flex;flex-direction:column;width:min(560px,92vw);transform-style:preserve-3d;filter:drop-shadow(0 30px 40px rgba(29,35,48,.2))}.fold-panel{height:170px;background:#fffdf9}.fold-top{transform-origin:bottom;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#fffdf9 40%,#f5efe6)}.fold-bottom{transform-origin:top;border-radius:0 0 6px 6px;background:linear-gradient(0deg,#fffdf9 40%,#f5efe6)}.letter-paper{width:min(560px,92vw);min-height:510px;padding:54px 52px;border-radius:6px;background:linear-gradient(180deg,transparent calc(33.33% - 1px),rgba(0,0,0,.05) 33.33%,transparent calc(33.33% + 1px),transparent calc(66.66% - 1px),rgba(0,0,0,.05) 66.66%,transparent calc(66.66% + 1px)),#fffdf9;filter:drop-shadow(0 30px 40px rgba(29,35,48,.2));font-size:1.06rem;line-height:1.85}.letter-paper p{margin:0 0 16px}.letter-paper .letter-greeting{margin-bottom:20px;font-family:var(--display);font-weight:700;letter-spacing:-.03em;font-size:1.8rem;color:var(--blue-600)}.letter-paper .letter-sign{margin-top:30px;text-align:right;font-family:var(--display);font-weight:700;letter-spacing:-.03em;font-size:1.35rem;color:var(--blue-600)}.finale{position:relative;display:grid;place-items:center;min-height:100vh;padding:120px 24px 40px;overflow:hidden;overflow:clip;text-align:center}.finale-content{position:relative;z-index:1}.finale-title{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(3rem,9vw,7.5rem);line-height:1;letter-spacing:-.06em}.finale-sub{margin:22px 0 0;font-size:1.15rem;color:var(--ink-soft)}.kiss-wrap{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:46px}.kiss{padding:18px 34px;border:none;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;box-shadow:0 20px 40px -18px #1d233099;transition:background .3s}.kiss:hover{background:var(--blue-600)}.kiss-heart{position:absolute;top:18px;left:50%;margin-left:-8px;font-size:22px;color:var(--blue-500);pointer-events:none;animation:kiss 1.4s ease-out forwards}@keyframes kiss{0%{transform:translate(0) scale(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(var(--s)) rotate(var(--r));opacity:0}}.kiss-count{margin:16px 0 0;font-family:var(--display);font-size:1.05rem;color:var(--ink-soft)}.footer{margin-top:120px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}@media (max-width: 860px){.chapter{padding:100px 20px}.numbers-grid{grid-template-columns:1fr}.frame.align-start,.frame.align-end{align-self:center}.numbers-grid{gap:44px}.reel-track{gap:6vw;height:74vh;padding:0 7vw}.frame.lg{--h: 58vh}.frame.md{--h: 50vh}.frame.sm{--h: 42vh}.lb-prev,.lb-next{top:auto;bottom:60px}.letter-paper{padding:40px 26px}.letter-folded-to{font-size:1.2rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}