@font-face{font-family:Aileron;src:url('https://raw.githubusercontent.com/Nicholaiii/Aileron/master/Aileron-Regular.otf') format('opentype');font-weight:400;font-display:swap}@font-face{font-family:Aileron;src:url('https://raw.githubusercontent.com/Nicholaiii/Aileron/master/Aileron-Bold.otf') format('opentype');font-weight:700;font-display:swap}:root{--bg:#141414;--paper:#e6e6e6;--ink:#222222;--green:#83b489;--yellow:#d5b85a;--muted:#ababab}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--paper);font:17px/1.65 Aileron,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}header{max-width:1320px;margin:auto;padding:25px 45px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}header>a{font-size:25px;letter-spacing:-2px}nav{display:flex;gap:30px;color:#d0d0d0}#motion{font-size:10px;border:1px solid #e6e6e640;border-radius:20px;background:none;padding:6px 12px}.night{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 80% 10%,#47664b25,transparent 55%);pointer-events:none}.night i{position:absolute;background:#e6e6e6;border-radius:50%;animation:twinkle 5s infinite alternate;opacity:.3}.still .night i{animation-play-state:paused}.cover{max-width:1220px;margin:auto;padding:65px 50px 0;display:grid;grid-template-columns:1fr 1fr;position:relative;gap:35px;min-height:760px;align-items:center}.label{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green)}h1{font-size:clamp(85px,11vw,150px);line-height:.95;font-weight:700;letter-spacing:-9px;margin:20px 0 25px}h1 span{font-weight:400;font-size:.65em;color:var(--green);letter-spacing:-5px}h2{font-size:clamp(40px,5vw,67px);line-height:1.08;letter-spacing:-2.5px;margin:20px 0 28px}h2 span{color:var(--green)}h3{font-size:27px;line-height:1.25;letter-spacing:-.6px}.subtitle{font-size:22px}.hand{font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;line-height:1.5;font-size:20px;font-weight:400}.arrow{font-size:17px;color:var(--green);transform:rotate(-5deg);margin:30px 0 -10px 90px}.button{display:inline-block;padding:13px 23px;border:1px solid #83b48999;background:#83b48912;font-size:14px;margin-top:14px;transition:background .2s}.button:hover{background:#83b48930}.signed{margin-left:70px;transform:rotate(-5deg);color:var(--green)}.cover-collage{position:relative;padding:15px 35px 45px}.polaroid{position:relative;background:var(--paper);padding:13px 13px 25px;color:var(--ink);border:0;text-align:left;display:block;transition:transform .2s}.portrait{transform:rotate(7deg);margin:0 20px}.portrait img{height:355px;width:100%;object-fit:cover;object-position:center 39%}.polaroid figcaption,.photo-caption{display:block;font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-size:17px;line-height:1.4;margin:17px 8px 0}.tape{position:absolute;left:35%;top:-15px;transform:rotate(-8deg);height:32px;width:105px;background:#7cb18399;z-index:2;clip-path:polygon(2% 0,98% 3%,96% 94%,0 100%)}.stamp{position:absolute;left:0;top:65px;border:2px solid #9ac3a0;border-radius:50%;width:95px;height:95px;display:grid;align-content:center;text-align:center;line-height:1.1;font-size:16px;font-weight:700;transform:rotate(-18deg);background:#243726;}.doodle{position:absolute;right:-10px;top:-25px;font-size:90px;color:var(--yellow);transform:rotate(15deg)}.corner{font-size:16px;text-align:center;margin:40px -20px 0 20px;transform:rotate(-3deg)}.cover-bottom{grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;border-top:1px solid #e6e6e633;padding:25px 0;margin-top:35px;color:var(--muted)}.section{max-width:1120px;margin:0 auto;padding:100px 45px;border-top:1px solid #e6e6e625}.paper{max-width:1230px;background:var(--paper);color:var(--ink);position:relative;clip-path:polygon(0 .3%,20% 0,40% .3%,60% .1%,80% .4%,100% 0,100% 99.6%,75% 100%,50% 99.7%,25% 100%,0 99.7%);padding:85px 80px}.paper .label{color:#426b47}.paper h2 span{color:#426a47}.paper>p{color:#585858}.objects{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px;align-items:center}.object{padding:20px;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:285px;transition:transform .2s}.object:hover{transform:rotate(-4deg) scale(1.035)}.object svg{width:100%;max-width:240px;height:190px;overflow:visible;transform:rotate(-7deg)}.object .hand{font-size:16px;text-align:center}.object:nth-child(2){transform:rotate(5deg)}.object:nth-child(3) svg{transform:rotate(9deg)}.object:nth-child(4) svg{transform:rotate(12deg)}.list-card{background:#a7c9ab;transform:rotate(4deg);align-items:flex-start;min-height:260px;padding:20px 30px;}.list-card p{margin:0;font-size:15px}.list-card .hand{font-size:23px;margin-bottom:12px}.little-heart{align-self:end;font-size:30px}.small{font-size:11px;letter-spacing:.2px;opacity:.75}.center{text-align:center}.reasons{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.reasons h2{font-size:85px;line-height:1}.note{position:relative;padding:28px 35px;margin:25px 0;}.note h3{font-size:22px;font-weight:400}.note p{font-size:17px}.olive{background:#709c76;color:#1b1b1b;transform:rotate(-3deg)}.white{background:#e4e4e4;color:var(--ink);transform:rotate(2deg);margin-left:25px}.white .hand{font-size:17px;color:#416145}.secret{margin:35px 10px 0;font-size:14px;color:#b2c8b5}.secret summary{cursor:pointer}.secret p{background:#ffffff08;padding:15px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 35px;margin:55px 0 20px}.photo-grid .polaroid{transform:rotate(-3deg)}.photo-grid .polaroid:nth-child(2n){transform:rotate(3deg)}.photo-grid .polaroid:hover{transform:rotate(0) translateY(-4px)}.photo-grid img{height:260px;width:100%;object-fit:cover}.photo-grid .polaroid:nth-child(4) img{object-position:center 40%}.photo-grid .small{display:block;margin:10px 8px 0}.music{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.record{width:155px;height:155px;border-radius:50%;background:repeating-radial-gradient(#111111 0px,#111111 3px,#313131 4px,#111111 5px);display:grid;place-items:center;margin-top:30px;transform:rotate(-15deg);}.record span{width:65px;height:65px;border-radius:50%;display:grid;align-content:center;text-align:center;background:#80af86;color:#1e3221;font-size:12px;line-height:1.5}.music .hand{font-size:16px;color:var(--green)}.sayings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:35px 0}.sayings-grid button{background:none;border:0;border-bottom:1px solid #83b48955;font-size:22px;line-height:1.4;padding:20px 8px;text-align:left}.sayings-grid button:hover{color:var(--green)}#phrase-response{color:var(--yellow);min-height:65px}.birthday-sky{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.birthday-sky .small{font-size:10px}.sky-photo{margin:0;padding:12px;background:#dfdfdf;color:#2a2a2a;transform:rotate(3deg)}.sky-photo figcaption,.sky-photo>p{padding:5px 10px;font-size:14px}.sky-photo img{width:100%;height:300px;object-fit:contain;background:#0a0a0a}.voice{text-align:center}.audio-note{margin:40px auto 0;max-width:580px;padding:35px;background:#dcdcdc;color:#272727;transform:rotate(-1deg);}.audio-note .hand{display:block}.wave{display:flex;align-items:center;justify-content:center;height:70px;gap:4px;margin:15px 0}.wave i{width:3px;background:#537e59;border-radius:2px}audio{width:100%}.birthday{text-align:center;position:relative;overflow:hidden}#candle{border:0;background:none;display:flex;flex-direction:column;align-items:center;margin:35px auto 0;padding:20px 50px;color:var(--ink);position:relative}.flame{width:18px;height:30px;background:#d5b85a;border-radius:75% 15% 65% 35%;transform:rotate(-35deg);animation:flicker 1.5s infinite alternate}.wick{height:10px;width:3px;background:#c3c3c3}.candle-body{height:95px;width:46px;background:repeating-linear-gradient(135deg,#8bb190 0 12px,#d6e7d8 12px 24px);display:grid;place-items:center;font-size:20px;font-weight:700}.cake{width:155px;height:60px;background:#d5b85a;border-radius:12px 12px 0 0;border-top:14px solid #d5b85a;}.blown .flame{visibility:hidden}.blown .candle-body{opacity:.85}#candle-hint{font-size:17px;color:var(--green)}#wish{max-width:620px;margin:45px auto 0;padding:40px;background:#80ae86;color:#191919;transform:rotate(-1deg)}#wish h3{font-size:32px}#wish p{font-size:18px}.last{text-align:center}.envelope{position:relative;background:#e0e0e0;color:#272727;border:1px solid #c1c1c1;width:min(100%,420px);min-height:235px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:35px auto;transform:rotate(-3deg);overflow:hidden;padding:65px 20px 25px}.envelope-flap{position:absolute;width:80%;height:200px;border:1px solid #b1b1b1;transform:rotate(32deg) skew(-25deg);top:-160px}.seal{position:absolute;top:36px;left:calc(50% - 20px);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;background:#375a3c;color:#dceade}.envelope .small{margin-top:15px}.letter{text-align:left;max-width:700px;margin:45px auto 0;padding:55px;background:var(--paper);color:var(--ink);}.letter p{margin:25px 0}.letter .hand{font-size:26px;color:#3b6340}footer{padding:30px 5%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff22;color:var(--muted);font-size:11px}dialog{width:calc(100% - 32px);max-width:680px;max-height:90svh;overflow:auto;background:var(--paper);color:var(--ink);border:0;padding:45px;}dialog::backdrop{background:#090909d9;backdrop-filter:blur(6px)}dialog h2{font-size:36px;letter-spacing:-1px}#note-body{white-space:pre-line;font-size:18px}.close{position:absolute;top:10px;right:15px;background:none;border:0;color:var(--ink);font-size:30px}#note-image img{width:100%;max-height:50svh;object-fit:contain}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:var(--paper);color:var(--ink);z-index:10}.confetti{position:absolute;top:35%;color:var(--yellow);pointer-events:none;animation:fall 3s forwards;font-size:22px}@keyframes twinkle{to{opacity:.8}}@keyframes flicker{to{transform:rotate(-20deg) scale(.9)}}@keyframes fall{to{transform:translateY(450px) rotate(170deg);opacity:0}}@media(max-width:700px){body{font-size:16px}header{padding:18px 20px;flex-wrap:wrap}nav{order:3;width:100%;justify-content:space-between;font-size:11px;gap:12px}.cover{padding:50px 25px 0;grid-template-columns:1fr;gap:20px}.cover>div:first-child{text-align:center}h1{letter-spacing:-5px;font-size:100px}.arrow{margin-left:30px}.signed{margin-left:35px}.cover-collage{max-width:390px;width:100%;margin:0 auto;padding:20px 25px}.portrait img{height:330px}.stamp{left:0;width:80px;height:80px;font-size:14px}.doodle{right:0;font-size:65px}.cover-bottom{margin-top:25px;gap:20px;font-size:9px}.section{padding:70px 24px}.paper{padding:60px 24px}.objects{grid-template-columns:1fr 1fr;gap:5px}.object{min-height:240px;padding:12px 6px}.object svg{height:150px}.object .hand{font-size:13px}.list-card{padding:18px 12px}.list-card p{font-size:12px}.list-card .hand{font-size:17px}.reasons,.music,.birthday-sky{grid-template-columns:1fr;gap:30px}.reasons h2{font-size:70px}.note{padding:25px}.white{margin-left:8px}.photo-grid{grid-template-columns:1fr;gap:40px;max-width:430px;margin:45px auto}.photo-grid img{height:260px}.sayings-grid{grid-template-columns:1fr 1fr}.sayings-grid button{font-size:20px}.sky-photo{margin:0 8px}.audio-note{padding:25px 15px}.letter{padding:30px 25px}#wish{padding:30px 22px}footer{flex-wrap:wrap;font-size:10px}footer>span{order:3;width:100%}dialog{padding:40px 24px}dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}