:root{font-family:Nunito,system-ui,sans-serif;color:#563747;background:#ffeaf3;font-synthesis:none;text-rendering:optimizeLegibility;--pink: #ff9fc9;--pink-deep: #ed6da7;--pink-light: #ffe0ed;--blue: #bdeaff;--lavender: #d8c8ff;--chocolate: #563747;--cream: #fffafc;--shadow: 0 24px 70px #b76b9630}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid #9a7aff;outline-offset:3px}.hidden{display:none!important}.scene{position:relative;min-height:100svh;width:100%;overflow:hidden}.glass-card{background:#fffafce8;border:1px solid #fff;box-shadow:var(--shadow),inset 0 0 0 1px #f9c9df;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.lock-scene{display:grid;place-items:center;padding:32px 16px 58px;background:radial-gradient(ellipse at 18% 16%,#fff9fc 0,transparent 34%),radial-gradient(ellipse at 86% 82%,#d9ceff 0,transparent 36%),linear-gradient(140deg,#ffe3ee,#f6eaff 55%,#d9f4ff)}.lock-card{width:min(100%,390px);padding:28px 28px 22px;border-radius:32px;text-align:center;position:relative;z-index:2}.lock-icon{width:76px;height:76px;margin:0 auto 16px;position:relative;filter:drop-shadow(0 8px 8px #dc83ae55)}.lock-shackle{position:absolute;width:38px;height:38px;border:7px solid #b89af4;border-bottom:0;border-radius:22px 22px 0 0;top:0;left:19px}.lock-body{position:absolute;left:8px;bottom:0;width:60px;height:47px;border-radius:15px;background:linear-gradient(145deg,#ffb9d7,#ff8fbd);border:3px solid white;display:grid;place-items:center;color:#fff;font-size:27px;box-shadow:0 5px #df75a2}.eyebrow,.tiny-label{font-size:10px;letter-spacing:.19em;font-weight:900;color:#b56c91}.lock-card h1{font-size:clamp(29px,6vw,36px);line-height:1.1;margin:10px 0;letter-spacing:-.04em}.lock-card h1 span{color:#c19be9;font-family:Pacifico,cursive;font-weight:400}.muted{font-size:13px;color:#9a7b8b;margin:14px 0 19px}.pin-dots{display:flex;justify-content:center;gap:13px;margin:0 0 18px}.pin-dot{width:18px;height:18px;border:2px solid #e9b4d0;border-radius:50%;display:grid;place-items:center;color:#e36ba5;font-size:13px;transition:.2s}.pin-dot.filled{background:#ffd0e4;transform:scale(1.13)}.pin-dot.wrong{border-color:#e64e78;background:#ff9eb5}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.keypad button{height:47px;border:1px solid #f7d4e5;border-radius:15px;background:linear-gradient(145deg,#fff,#fff0f7);font-weight:900;font-size:17px;box-shadow:0 3px #f2d1e1;transition:transform .15s,box-shadow .15s}.keypad button:hover{transform:translateY(-2px);box-shadow:0 5px #f2d1e1}.keypad button:active{transform:translateY(2px);box-shadow:none}.keypad .key-soft{background:#e9e0ff;border-color:#d8c9ff;box-shadow:0 3px #d0c0f0}.pin-message{min-height:18px;margin:16px 0 0;font-size:11px;color:#a17d91}.pin-message.error{color:#d64d83}.lock-bottom{position:absolute;bottom:18px;font-size:11px;letter-spacing:.06em;color:#a78098}.lock-bottom span{color:#ec79ad}.floating-sticker{position:absolute;color:#fff;text-shadow:0 3px 16px #dc87b8;animation:floaty 4s ease-in-out infinite}.sticker-star{top:11%;left:12%;font-size:44px}.sticker-heart{right:11%;bottom:15%;font-size:55px;animation-delay:-1.6s}.candle-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;background:radial-gradient(ellipse at 50% 56%,#322044 0,#171323 35%,#0b0b15 76%);color:#fff0f8;text-align:center;padding:32px 20px}.night-stars{position:absolute;inset:0;opacity:.45;background-image:radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(#bfa4ff 1px,transparent 1.5px);background-size:75px 75px,113px 113px;background-position:12px 30px,45px 10px;animation:stars-drift 18s linear infinite}.candle-caption,.candle-subtitle{z-index:1;color:#d8c7ef;letter-spacing:.04em;font-size:13px}.candle-wrap{width:140px;height:220px;position:relative;display:flex;align-items:end;justify-content:center;margin:15px 0 6px}.candle{position:relative;z-index:2;width:42px;height:118px;border-radius:9px 9px 5px 5px;background:repeating-linear-gradient(135deg,#ff9fc9 0 12px,#ffe1ee 12px 24px);box-shadow:inset -8px 0 12px #c46d9940,0 0 28px #ff9ac933}.candle-wick{position:absolute;width:3px;height:12px;top:-9px;left:20px;background:#38232d;border-radius:3px}.candle-drip{position:absolute;top:-2px;left:7px;width:10px;height:21px;border-radius:0 0 8px 8px;background:#fff0f7;box-shadow:20px 4px 0 -1px #fff0f7}.flame{position:absolute;z-index:3;width:27px;height:46px;left:57px;top:21px;background:radial-gradient(ellipse at 50% 70%,#fffbd6 0 17%,#ffd36f 32%,#ff8c68 64%,transparent 70%);border-radius:55% 45% 50% 50%;filter:drop-shadow(0 0 16px #ffb85c);transform-origin:50% 90%;animation:flame-flicker .16s infinite alternate}.flame i{position:absolute;width:9px;height:23px;left:9px;top:15px;border-radius:50%;background:#fff8c7}.candle-glow{position:absolute;top:5px;width:150px;height:160px;border-radius:50%;background:#ffb85c19;filter:blur(18px);animation:glow-pulse 1.5s ease-in-out infinite alternate}.candle-shadow{position:absolute;bottom:-9px;width:150px;height:18px;border-radius:50%;background:#0008;filter:blur(8px)}.countdown{z-index:1;font-family:Pacifico,cursive;font-size:44px;color:#ffd5e9;text-shadow:0 0 22px #f6a9d6;margin-top:8px}.candle-subtitle{font-size:11px}.birthday-scene{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:38px 18px 28px;min-height:100svh;background:radial-gradient(ellipse at 50% 10%,#fff 0,transparent 32%),radial-gradient(ellipse at 12% 50%,#ffe0ed 0,transparent 38%),radial-gradient(ellipse at 88% 56%,#d9f4ff 0,transparent 36%),linear-gradient(155deg,#fff0f7,#f3eaff 52%,#e2f7ff)}.particle-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}#birthday-particles{position:absolute!important;inset:0;width:100%;height:100%}.birthday-topline{z-index:2;font-size:10px;font-weight:900;letter-spacing:.22em;color:#bb7ba0}.hero-copy{position:relative;z-index:3;margin-top:28px}.hero-copy .eyebrow{margin-bottom:14px}#birthday-title{margin:0;line-height:.98;letter-spacing:-.045em;display:flex;flex-direction:column;align-items:center;perspective:500px}#birthday-title span{display:block;font-size:clamp(39px,8.8vw,90px);font-weight:900;color:#f37eaf;text-shadow:0 4px 0 #fff,0 8px 0 #eab2d0,0 13px 23px #c47ea544}#birthday-title span:nth-child(2){color:#a88be5;text-shadow:0 4px 0 #fff,0 8px 0 #c9b9ef,0 13px 23px #9b82cb44}#birthday-title em{margin-top:12px;font-family:Pacifico,cursive;font-size:clamp(34px,8vw,69px);font-weight:400;color:#70485f;font-style:normal;text-shadow:0 3px 0 #fff}.hero-subtitle{color:#9b7189;font-size:13px;margin:18px 0 0}.balloon{position:absolute;width:61px;height:78px;border-radius:51% 49% 48% 52%/44% 44% 56% 56%;z-index:2;box-shadow:inset -9px -9px 14px #6d47631c,inset 8px 8px 12px #ffffff80,0 10px 24px #a77b8e20}.balloon:after{content:"";position:absolute;left:28px;bottom:-7px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:0;border-top:9px solid currentColor}.balloon span{position:absolute;width:1px;height:70px;top:84px;left:30px;background:#b79cb5;opacity:.8}.balloon-pink{background:#ff9fc9;color:#ff9fc9;left:8%;top:20%;transform:rotate(-12deg)}.balloon-blue{background:#9bdfff;color:#9bdfff;right:8%;top:23%;transform:rotate(13deg)}.balloon-lavender{background:#c7b2ff;color:#c7b2ff;left:12%;bottom:23%;width:47px;height:61px}.balloon-yellow{background:#ffe08c;color:#ffe08c;right:12%;bottom:21%;width:48px;height:62px}.hero-sparkle{position:absolute;z-index:2;color:#d7a0d2;font-size:32px}.sparkle-a{left:23%;top:14%}.sparkle-b{right:21%;top:17%;color:#e9b54b}.sparkle-c{right:22%;bottom:24%;font-size:43px}.cake-stage{z-index:3;position:relative;width:245px;height:190px;margin-top:14px;filter:drop-shadow(0 18px 16px #b77b9b20)}.cake{position:absolute;left:50%;transform:translate(-50%);border:3px solid #fff}.cake-top{top:38px;width:115px;height:38px;border-radius:18px 18px 9px 9px;background:#ffb7d4;box-shadow:inset 0 -8px #f28bb8}.cake-middle{top:67px;width:150px;height:42px;border-radius:12px 12px 9px 9px;background:#c8b4ff;box-shadow:inset 0 -9px #a78de9}.cake-bottom{top:98px;width:184px;height:44px;border-radius:12px 12px 15px 15px;background:#fff0c6;box-shadow:inset 0 -10px #f5c5d7}.cake-plate{position:absolute;bottom:25px;left:20px;width:205px;height:16px;background:linear-gradient(#fff,#e7d7f5);border-radius:50%;border:2px solid #fff;box-shadow:0 5px #c6a9d7}.cake-candle{position:absolute;z-index:2;left:118px;top:6px;height:37px;width:11px;background:repeating-linear-gradient(135deg,#fff 0 5px,#ff91bc 5px 10px);border-radius:5px}.mini-flame{position:absolute;top:-18px;left:1px;width:9px;height:17px;border-radius:50% 50% 45% 45%;background:#ffbd55;box-shadow:0 0 15px #ffb74f;animation:flame-flicker .2s infinite alternate}.cake-decor{position:absolute;z-index:4;top:78px;left:32px;width:180px;font-size:13px;color:#fff8fc}.cake-sparkles{position:absolute;top:8px;left:12px;right:12px;color:#d8a7d0;font-size:13px}.hero-actions{display:flex;align-items:center;gap:12px;z-index:4;margin-top:2px}.primary-button,.soft-button{border:0;border-radius:999px;padding:13px 22px;font-weight:900;font-size:12px;transition:transform .2s,box-shadow .2s}.primary-button{color:#fff;background:linear-gradient(135deg,#f58ab9,#ba9aee);box-shadow:0 7px #d6a0ca,0 12px 24px #c486b344}.primary-button:hover{transform:translateY(-2px);box-shadow:0 9px #d6a0ca,0 15px 24px #c486b344}.primary-button:active{transform:translateY(3px);box-shadow:0 3px #d6a0ca}.round-button{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;border:1px solid #fff;background:#ffffffb8;color:#a77ab1;box-shadow:0 5px 16px #a77ab126;font-size:20px}.sound-hint{color:#b28aa3;font-size:10px;margin-top:15px}.content-scene{padding:50px clamp(16px,4vw,56px) 36px;background:radial-gradient(ellipse at 10% 0%,#fff 0,transparent 32%),linear-gradient(145deg,#fff0f7,#f0eaff 55%,#e1f7ff)}.section-header{text-align:center;margin:0 auto 34px;max-width:700px}.section-header h2{font-size:clamp(29px,5vw,49px);margin:10px 0;letter-spacing:-.04em;line-height:1.1}.section-header h2 span{font-family:Pacifico,cursive;color:#c18be0;font-weight:400}.section-header p{color:#9e7d91;font-size:13px}.message-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;max-width:1180px;margin:0 auto;perspective:1000px}.message-card{min-height:224px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 15px;border:1px solid #fff;border-radius:22px;text-align:center;box-shadow:0 12px 28px #b887a21c,inset 0 0 0 1px #fff9;transition:transform .35s,box-shadow .35s;transform-style:preserve-3d;overflow:hidden}.message-card:hover{transform:translateY(-5px) rotateX(2deg);box-shadow:0 18px 32px #b887a230}.message-card.pink{background:linear-gradient(145deg,#fff8fb,#ffddeb)}.message-card.lavender{background:linear-gradient(145deg,#fff,#e7ddff)}.message-card.blue{background:linear-gradient(145deg,#fff,#d9f4ff)}.message-card.peach{background:linear-gradient(145deg,#fffaf2,#ffe8d8)}.card-number{position:absolute;top:12px;left:14px;color:#bd94b2;font-size:10px;font-weight:900;letter-spacing:.1em}.card-icon{font-size:35px;filter:drop-shadow(0 5px 4px #a4779620);transition:transform .35s}.message-card:hover .card-icon{transform:translateY(-4px) rotate(-8deg) scale(1.08)}.card-title{font-size:15px;font-weight:900}.card-prompt{font-size:10px;color:#b08ca2}.card-message{display:none;font-size:12px;line-height:1.55;color:#76556a}.message-card.is-open{transform:rotateY(0) scale(1.035);border-color:#f3b5d2}.message-card.is-open .card-icon{font-size:27px}.message-card.is-open .card-message{display:block}.message-card.is-open .card-title{color:#b16e98}.card-corner{position:absolute;right:12px;bottom:8px;color:#d6a2ca}.section-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:32px auto 0}.soft-button{background:#ffffffb8;border:1px solid #fff;color:#9c7593;box-shadow:0 4px 12px #b887a21c}.soft-button:hover{transform:translateY(-2px)}.album-scene{overflow:hidden}.album-hint{text-align:center;color:#b18ca4;font-size:11px;margin:-18px 0 20px}.album-shell{display:flex;justify-content:center;align-items:center;width:100%;min-height:430px;perspective:1600px}.album-book{margin:0 auto}.album-page{background:#fffaf7;color:#67485b;border:1px solid #f4d9e5;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:28px 22px;text-align:center;overflow:hidden}.cover-page{justify-content:center;background:radial-gradient(circle at 50% 20%,#fff 0,transparent 40%),linear-gradient(145deg,#ffc5dc,#cdbaff);border:7px double #fff3fa;color:#6c4961}.cover-bow{font-size:45px}.cover-page p{font-family:Pacifico,cursive;font-size:26px;margin:10px 0 0}.cover-page h3{font-family:Pacifico,cursive;font-size:30px;font-weight:400;margin:0 0 15px}.cover-page span{font-size:10px;letter-spacing:.08em}.cover-heart{font-size:38px;color:#fff;margin-top:22px}.photo-frame{width:100%;max-width:235px;height:235px;padding:9px 9px 26px;background:#fff;box-shadow:0 8px 22px #a67d9725;transform:rotate(1deg);margin:0 auto 18px}.photo-frame img{width:100%;height:100%;display:block;object-fit:cover}.photo-frame.tilt-left{transform:rotate(-3deg)}.photo-frame.tilt-right{transform:rotate(3deg)}.album-page h3{font-family:Pacifico,cursive;font-weight:400;font-size:19px;margin:0 0 8px}.album-page p{font-size:11px;line-height:1.55;color:#a18195;max-width:240px;margin:0}.page-number{font-size:9px;font-weight:900;letter-spacing:.18em;color:#c4a2b8;margin-bottom:8px}.back-page{justify-content:center;background:linear-gradient(145deg,#e7dcff,#ffddec)}.back-heart{font-size:66px;color:#fff;text-shadow:0 5px 20px #b87aa755}.album-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin:10px 0 4px;color:#a7839c;font-size:11px;font-weight:800}.finale-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 22px 34px;background:radial-gradient(ellipse at 50% 42%,#fff 0,transparent 30%),linear-gradient(145deg,#ffe2ef,#eee5ff 55%,#dff6ff)}.finale-stars{position:absolute;top:8%;color:#d6a1d0;letter-spacing:.8em;animation:floaty 5s ease-in-out infinite;pointer-events:none}.finale-frame{width:clamp(190px,42vw,280px);aspect-ratio:1;position:relative;display:grid;place-items:center;margin:8px auto 30px;border-radius:50%;background:conic-gradient(from 0deg,#f8c5df,#b8e8ff,#d6c3ff,#ffb5d3,#f8c5df);box-shadow:0 0 0 8px #ffffffad,0 0 0 13px #eac6ec,0 0 55px #d6a0e988;animation:none!important;transform:none}.finale-photo{width:85%;height:85%;border-radius:50%;overflow:hidden;border:7px solid #fff9fd;box-shadow:inset 0 0 0 2px #f6d1e4;background:#fff;animation:none!important;transform:none!important}.finale-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:none!important;transform:none!important;transition:none!important}.frame-heart{position:absolute;color:#fff;text-shadow:0 2px 8px #b96b9e;font-size:28px;animation:floaty 2.8s ease-in-out infinite;pointer-events:none}@keyframes frame-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.finale-scene{padding:38px 16px 28px}.orbit-one{width:280px;height:280px}.orbit-two{width:310px;height:310px}.finale-frame{width:clamp(190px,65vw,280px);margin-bottom:26px}.finale-photo{width:85%;height:85%}}@media(max-width:370px){.finale-scene{padding-right:12px;padding-left:12px}.orbit-one{width:250px;height:250px}.orbit-two{width:275px;height:275px}}.finale-stars{position:absolute;top:8%;color:#d6a1d0;letter-spacing:.8em;animation:floaty 5s ease-in-out infinite}.finale-frame{width:clamp(190px,42vw,280px);aspect-ratio:1;position:relative;display:grid;place-items:center;margin:8px auto 30px;border-radius:50%;background:conic-gradient(from 0deg,#f8c5df,#b8e8ff,#d6c3ff,#ffb5d3,#f8c5df);box-shadow:0 0 0 8px #ffffffad,0 0 0 13px #eac6ec,0 0 55px #d6a0e988;animation:frame-turn 20s linear infinite}.finale-photo{width:85%;height:85%;border-radius:50%;overflow:hidden;border:7px solid #fff9fd;box-shadow:inset 0 0 0 2px #f6d1e4;animation:frame-turn 20s linear infinite reverse;background:#fff}.finale-photo img{width:100%;height:100%;object-fit:cover}.finale-orbit{position:absolute;border:1px dashed #d9a5d3;border-radius:50%;pointer-events:none}.orbit-one{width:350px;height:350px;animation:frame-turn 30s linear infinite}.orbit-two{width:390px;height:390px;border-color:#a9d9ec;animation:frame-turn 40s linear infinite reverse}.frame-heart{position:absolute;color:#fff;text-shadow:0 2px 8px #b96b9e;font-size:28px;animation:floaty 2.8s ease-in-out infinite}.heart-one{top:8%;right:6%}.heart-two{bottom:11%;left:3%;color:#fff0a7}.heart-three{top:17%;left:2%;animation-delay:-1s}.finale-scene h2{font-size:clamp(27px,5vw,44px);line-height:1.2;letter-spacing:-.04em;margin:10px 0 15px}.finale-scene h2 span{font-family:Pacifico,cursive;font-weight:400;color:#bd8bdc}.finale-message{max-width:560px;color:#96758b;font-size:13px;line-height:1.8}.finale-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.signature{color:#b38aa2;font-size:11px;margin-top:32px;letter-spacing:.08em}.signature span{color:#ed85b4}@keyframes floaty{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(5deg)}}@keyframes flame-flicker{0%{transform:rotate(-4deg) scale(1)}to{transform:rotate(5deg) scale(1.06,.96)}}@keyframes glow-pulse{0%{opacity:.5;transform:scale(.85)}to{opacity:1;transform:scale(1.12)}}@keyframes stars-drift{0%{background-position:12px 30px,45px 10px}to{background-position:90px 150px,-70px 180px}}@keyframes frame-turn{to{transform:rotate(360deg)}}@media(max-width:1000px){.message-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.balloon-pink{left:3%}.balloon-blue{right:3%}}@media(max-width:640px){.lock-card{padding:24px 22px 20px;border-radius:27px}.birthday-scene{padding-top:35px}.hero-copy{margin-top:36px}.balloon{width:43px;height:57px}.balloon span{top:61px;left:21px;height:42px}.balloon:after{left:18px}.balloon-pink{left:3%;top:19%}.balloon-blue{right:3%;top:19%}.balloon-lavender{left:5%;bottom:25%}.balloon-yellow{right:5%;bottom:24%}.sparkle-a{left:12%}.sparkle-b{right:12%}.sparkle-c{right:9%;bottom:28%}.cake-stage{margin-top:22px;transform:scale(.9);transform-origin:top center;margin-bottom:-10px}.message-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.message-card{min-height:205px;padding:18px 10px;border-radius:18px}.card-title{font-size:13px}.card-message{font-size:11px}.content-scene{padding:38px 13px 28px}.album-shell{min-height:380px}.album-page{padding:20px 14px}.photo-frame{height:190px;padding:7px 7px 22px}.orbit-one{width:280px;height:280px}.orbit-two{width:310px;height:310px}}@media(max-width:370px){.message-grid{grid-template-columns:1fr;max-width:320px}.message-card{min-height:185px}.hero-actions{flex-wrap:wrap;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}