@import"https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Cinzel:wght@600;700;800&family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--primary: #ff4d8b;--primary-glow: rgba(255, 77, 139, .45);--primary-light: #ffe5ec;--secondary: #b388eb;--secondary-glow: rgba(179, 136, 235, .45);--accent-gold: #ffd166;--accent-gold-glow: rgba(255, 209, 102, .55);--bg-main: #0c0814;--bg-surface: rgba(28, 18, 43, .72);--bg-surface-elevated: rgba(43, 27, 68, .88);--bg-glass: rgba(255, 255, 255, .08);--border-glass: rgba(255, 255, 255, .16);--border-glass-highlight: rgba(255, 209, 102, .4);--text-primary: #ffffff;--text-secondary: #e5def5;--text-muted: #aca3c2;--text-highlight: #ffd166;--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-handwritten: "Caveat", cursive;--font-royal: "Cinzel", serif;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 26px;--radius-full: 9999px;--shadow-soft: 0 10px 35px 0 rgba(0, 0, 0, .45);--shadow-glow: 0 0 30px var(--primary-glow);--shadow-gold: 0 0 30px var(--accent-gold-glow);--transition-smooth: all .35s cubic-bezier(.16, 1, .3, 1)}body.theme-rose-gold{--primary: #ff4d8b;--primary-glow: rgba(255, 77, 139, .45);--secondary: #e0aaff;--accent-gold: #ffd166;--bg-main: #0f0814;--bg-surface: rgba(36, 15, 38, .75);--bg-surface-elevated: rgba(56, 22, 60, .9)}body.theme-lavender-dream{--primary: #a370f7;--primary-glow: rgba(163, 112, 247, .45);--secondary: #64dfdf;--accent-gold: #f72585;--bg-main: #0a0618;--bg-surface: rgba(26, 17, 56, .75);--bg-surface-elevated: rgba(43, 27, 88, .9)}body.theme-sunset-glow{--primary: #ff5e62;--primary-glow: rgba(255, 94, 98, .45);--secondary: #ff9966;--accent-gold: #ffd166;--bg-main: #140907;--bg-surface: rgba(46, 19, 14, .75);--bg-surface-elevated: rgba(69, 29, 21, .9)}body.theme-cosmic-magic{--primary: #00f5d4;--primary-glow: rgba(0, 245, 212, .45);--secondary: #7b2cbf;--accent-gold: #fee440;--bg-main: #03071e;--bg-surface: rgba(15, 23, 42, .8);--bg-surface-elevated: rgba(30, 41, 59, .95)}body.theme-cotton-candy{--primary: #f77fbe;--primary-glow: rgba(247, 127, 190, .45);--secondary: #80ffdb;--accent-gold: #ffe66d;--bg-main: #0d0c1d;--bg-surface: rgba(27, 24, 54, .75);--bg-surface-elevated: rgba(48, 43, 90, .9)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden;width:100%}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;width:100%;overflow-x:hidden;position:relative;line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 25%,var(--primary-glow) 0%,transparent 45%),radial-gradient(circle at 85% 75%,var(--secondary-glow) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,209,102,.06) 0%,transparent 65%);background-attachment:fixed}.app-root{width:100%;overflow-x:hidden}.glass-panel{background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-glass-highlight),transparent)}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 1.25rem}.section-padding{padding:4.5rem 0}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}.font-royal{font-family:var(--font-royal)}.font-handwritten{font-family:var(--font-handwritten)}.gradient-text{background:linear-gradient(135deg,#ffffff 15%,var(--accent-gold) 50%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.section-header{text-align:center;max-width:680px;margin:0 auto 3rem}.section-tag{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem 1.1rem;background:#ff4d8b26;border:1px solid rgba(255,77,139,.35);border-radius:var(--radius-full);color:var(--text-highlight);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.8rem}.section-title{font-size:clamp(1.8rem,4vw,2.7rem);margin-bottom:.6rem;line-height:1.2}.section-subtitle{color:var(--text-secondary);font-size:1.02rem;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;font-family:var(--font-heading);font-size:.95rem;font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#ff7eb3 50%,var(--accent-gold) 100%);color:#1a0314;box-shadow:0 5px 20px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--primary-glow),0 0 15px var(--accent-gold-glow)}.btn-secondary{background:var(--bg-glass);color:#fff;border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:hover{background:#ffffff29;border-color:var(--text-highlight);transform:translateY(-2px)}.btn-sm{padding:.45rem 1rem;font-size:.82rem}.countdown-hub-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4.5rem 1.25rem 2rem;position:relative}.countdown-card-main{max-width:760px;width:100%;padding:3rem 2rem;text-align:center;box-shadow:0 25px 60px #0009,0 0 35px var(--primary-glow)}.countdown-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.3rem;background:#ffd16626;border:1px solid var(--accent-gold);border-radius:var(--radius-full);color:var(--accent-gold);font-weight:800;font-size:.88rem;letter-spacing:.08em;margin-bottom:1.2rem;box-shadow:0 0 20px var(--accent-gold-glow)}.countdown-title{font-size:clamp(2rem,5.5vw,3.5rem);line-height:1.15;margin-bottom:.8rem}.countdown-subtitle{color:var(--text-secondary);font-size:1.05rem;max-width:540px;margin:0 auto 2.2rem}.timer-digits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;max-width:580px;margin:0 auto 2.2rem}.timer-box{background:#120b1ed9;border:1.5px solid var(--border-glass-highlight);border-radius:var(--radius-md);padding:1.2rem .6rem;box-shadow:0 8px 25px #00000080,inset 0 0 12px #ffd1661f;position:relative;overflow:hidden}.timer-num{font-family:var(--font-heading);font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:800;color:#fff;line-height:1;display:block;background:linear-gradient(180deg,#ffffff 0%,var(--accent-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.timer-label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;margin-top:.4rem}.teaser-quote-box{background:#ffffff0d;border-radius:var(--radius-full);padding:.6rem 1.4rem;margin:0 auto 2rem;display:inline-block;max-width:90%}.teaser-quote-text{font-size:.92rem;color:var(--accent-gold);font-weight:600}.countdown-actions{display:flex;justify-content:center}.top-bar-controls{position:fixed;top:18px;right:18px;display:flex;align-items:center;z-index:300}.audio-chip{display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem;background:#120b1ee0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass-highlight);border-radius:var(--radius-full);font-size:.84rem;color:var(--text-primary);box-shadow:0 4px 18px #00000080,0 0 15px #ffd16626}.vinyl-disc{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#333 25%,#111 60%,#ffd166 65%,#111 75%);box-shadow:0 0 5px #00000080;flex-shrink:0}.vinyl-disc.spinning{animation:vinylSpin 3s linear infinite}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-visualizer-bars{display:flex;align-items:flex-end;gap:2.5px;height:12px}.music-visualizer-bars span{width:2.5px;height:3px;background:var(--accent-gold);border-radius:2px}.music-visualizer-bars.active span:nth-child(1){animation:barDance .8s infinite alternate .1s}.music-visualizer-bars.active span:nth-child(2){animation:barDance .8s infinite alternate .3s}.music-visualizer-bars.active span:nth-child(3){animation:barDance .8s infinite alternate .5s}.music-visualizer-bars.active span:nth-child(4){animation:barDance .8s infinite alternate .2s}@keyframes barDance{0%{height:3px}to{height:12px}}.audio-chip button{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:.82rem;display:flex;align-items:center;gap:.25rem}.grand-celebration-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 2rem;background:linear-gradient(135deg,#ff4d8bf2,#b388ebf2,#ffd166f2);border-radius:var(--radius-lg);border:2px solid var(--accent-gold);box-shadow:0 15px 40px #00000080,0 0 35px var(--accent-gold-glow);text-align:center;position:relative;overflow:hidden;animation:bannerPopIn .8s cubic-bezier(.34,1.56,.64,1) forwards}.grand-celebration-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%);animation:bannerShimmer 4s infinite linear}@keyframes bannerShimmer{0%{transform:translate(-100%) translateY(-100%)}to{transform:translate(100%) translateY(100%)}}@keyframes bannerPopIn{0%{transform:scale(.85) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.banner-content-wrap{flex:1;z-index:2}.banner-eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.14em;color:#1a0314;background:#ffffff80;padding:.2rem .8rem;border-radius:var(--radius-full);margin-bottom:.35rem}.banner-heading{font-size:clamp(1.3rem,3.2vw,2.1rem);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4);line-height:1.2;margin:0}.banner-name{color:var(--accent-gold);text-shadow:0 0 15px rgba(255,209,102,.8)}.banner-sparkle-icon{font-size:2.2rem;z-index:2;animation:sparkleBounce 1.5s ease-in-out infinite alternate}@keyframes sparkleBounce{0%{transform:scale(.9) rotate(-10deg)}to{transform:scale(1.15) rotate(10deg)}}.festive-portrait-glow{position:relative;box-shadow:0 20px 50px #0009,0 0 40px var(--primary-glow),0 0 25px var(--accent-gold-glow);animation:auraPulse 3s ease-in-out infinite alternate}@keyframes auraPulse{0%{box-shadow:0 20px 50px #0009,0 0 25px var(--primary-glow)}to{box-shadow:0 20px 55px #000000b3,0 0 50px var(--primary-glow),0 0 35px var(--accent-gold-glow)}}.floating-decor-badge{position:absolute;width:36px;height:36px;border-radius:50%;background:#120b1ed9;border:1.5px solid var(--accent-gold);display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 15px #00000080,0 0 10px var(--accent-gold-glow);z-index:5;animation:floatBadge 2.5s ease-in-out infinite alternate}.badge-top-left{top:-12px;left:-12px;animation-delay:0s}.badge-top-right{top:30%;right:-14px;animation-delay:.8s}.badge-bottom-right{bottom:-10px;right:-10px;animation-delay:1.5s}@keyframes floatBadge{0%{transform:translateY(0) scale(1)}to{transform:translateY(-8px) scale(1.1)}}.celebration-entrance{animation:fadeInEntrance .8s ease forwards}@keyframes fadeInEntrance{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hero-section{min-height:85vh;display:flex;flex-direction:column;justify-content:center;padding:5.5rem 1.25rem 2.5rem;position:relative}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}.hero-content{text-align:left}.hero-milestone-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem 1.2rem;background:#ffd16626;border:1px solid var(--accent-gold);border-radius:var(--radius-full);color:var(--accent-gold);font-weight:700;font-size:.85rem;margin-bottom:1.2rem;box-shadow:0 0 20px #ffd16633}.hero-title{font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.12;margin-bottom:.9rem}.hero-sister-name{display:block;font-size:clamp(2.6rem,6vw,4.4rem);font-family:var(--font-royal);background:linear-gradient(135deg,#ffffff 0%,var(--accent-gold) 40%,var(--primary) 85%,#ff8fab 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 25px var(--primary-glow)}.hero-description{font-size:clamp(1rem,1.6vw,1.18rem);color:var(--text-secondary);margin-bottom:1.8rem;line-height:1.65}.hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.hero-pill-item{padding:.35rem .85rem;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-full);font-size:.82rem;color:var(--text-highlight);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.hero-portrait-wrap{display:flex;justify-content:center}.hero-portrait-card{position:relative;width:100%;max-width:340px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffd16659,#ff4d8b59);padding:10px;box-shadow:0 20px 45px #0009,0 0 30px var(--primary-glow)}.hero-portrait-inner{position:relative;border-radius:calc(var(--radius-lg) - 6px);overflow:hidden;aspect-ratio:9 / 13.5;background:#111}.hero-portrait-img{width:100%;height:100%;object-fit:cover;display:block}.hero-portrait-badge{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#120b1eeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--accent-gold);border-radius:var(--radius-full);padding:.45rem 1.2rem;color:#fff;font-weight:700;font-size:.82rem;white-space:nowrap;box-shadow:0 6px 20px #00000080,0 0 15px var(--accent-gold-glow)}.hero-portrait-sparkle{position:absolute;top:-8px;right:-8px;font-size:2rem;filter:drop-shadow(0 0 10px var(--accent-gold))}.cake-stage-card{padding:2.8rem 1.5rem;text-align:center;max-width:720px;margin:0 auto}.cake-interaction-area{position:relative;padding:1.5rem 0;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center}.candles-row{display:flex;justify-content:center;gap:1.4rem;margin-bottom:-15px;z-index:10;position:relative;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.candles-row.candles-hidden{opacity:0;transform:translateY(-20px) scale(.85);pointer-events:none}.candle-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.flame-wrap{position:relative;width:18px;height:30px;transition:opacity .3s ease,transform .3s ease}.candle-item.extinguished .flame-wrap{opacity:0;transform:scale(.2) translateY(10px);pointer-events:none}.flame{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:14px;height:24px;background:radial-gradient(ellipse at bottom,#ffffff 10%,#ffd166 40%,#ff4d8b 80%,transparent 100%);border-radius:50% 50% 35% 35%;box-shadow:0 0 15px #ffd166,0 0 25px #ff4d8b;animation:flameFlicker .12s ease-in-out infinite alternate}.wick{width:2px;height:7px;background:#444}.candle-stick{width:13px;height:46px;background:var(--candle-color, #ff6b8b);border-radius:4px;box-shadow:inset -2px 0 4px #0000004d,0 3px 6px #0000004d;position:relative;overflow:hidden}.candle-stripes{position:absolute;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(255,255,255,.4) 5px,rgba(255,255,255,.4) 10px)}.interactive-cake{position:relative;display:flex;flex-direction:column;align-items:center}.cake-tier{position:relative;border-radius:var(--radius-md) var(--radius-md) 8px 8px;box-shadow:0 10px 25px #00000080,inset 0 -8px 12px #00000040}.cake-tier-top{width:200px;height:64px;background:linear-gradient(to bottom,#fff0f5,#ffc2d1 40%,#ff8fab);z-index:3}.cake-tier-bottom{width:290px;height:82px;background:linear-gradient(to bottom,#ffd6e0,#ff9ebb 40%,#fb6f92);margin-top:-8px;z-index:2}.cake-drip{position:absolute;top:0;left:0;width:100%;height:22px;background:radial-gradient(circle at 10px 16px,#fff 9px,transparent 10px);background-size:18px 22px}.cake-plate{width:330px;height:18px;background:linear-gradient(to bottom,#ffd166,#e5b022,#997400);border-radius:50%;margin-top:-6px;box-shadow:0 15px 30px #0009;z-index:1}.cake-decorations{position:absolute;width:100%;height:100%;pointer-events:none;display:flex;justify-content:space-around;align-items:center;font-size:1.1rem}.interactive-cake.cake-sliced .cake-tier-top{clip-path:polygon(0 0,75% 0,75% 100%,0 100%)}.cake-slice-piece{position:absolute;top:0;right:25px;width:48px;height:56px;background:linear-gradient(135deg,#fff0f5,#ff8fab);border-radius:6px;display:none;box-shadow:0 10px 25px #0006;z-index:5}.interactive-cake.cake-sliced .cake-slice-piece{display:flex;align-items:center;justify-content:center;animation:slicePop .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slicePop{0%{transform:translate(0) rotate(0);opacity:0}to{transform:translate(50px,-15px) rotate(15deg);opacity:1}}.cake-controls{margin-top:1.8rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.animate-pulse-btn{animation:pulseButton 1.5s infinite alternate;box-shadow:0 0 25px var(--accent-gold-glow)}@keyframes pulseButton{0%{transform:scale(1);box-shadow:0 5px 20px var(--primary-glow)}to{transform:scale(1.05);box-shadow:0 8px 30px var(--accent-gold-glow),0 0 20px var(--primary-glow)}}.blow-status{margin-top:1rem;font-size:.98rem;color:var(--text-secondary)}.blow-status .highlight{color:var(--accent-gold);font-weight:700}.wish-celebration-banner{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-250px);background:linear-gradient(135deg,#ff4d8bf5,#b388ebf5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid var(--accent-gold);border-radius:var(--radius-lg);padding:1rem 1.8rem;box-shadow:0 15px 40px #00000080,0 0 30px var(--accent-gold-glow);z-index:500;opacity:0;pointer-events:none;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s ease;text-align:center;max-width:90vw}.wish-celebration-banner.show{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.polaroid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;padding:.5rem 0}.polaroid-card{background:#fffdfa;padding:.9rem .9rem 1.4rem;border-radius:4px;box-shadow:0 12px 28px #0006,0 2px 6px #0000001a;color:#2b2b2b;position:relative;cursor:pointer;transition:transform .35s ease,box-shadow .35s ease}.polaroid-card:hover{z-index:10;box-shadow:0 18px 40px #0009,0 0 20px var(--primary-glow);transform:scale(1.03)}.washi-tape{position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-3deg);width:80px;height:22px;background:#ffd166b3;box-shadow:0 2px 4px #0000001a;opacity:.85}.polaroid-pin{position:absolute;top:6px;right:10px;font-size:1rem}.polaroid-photo-frame{width:100%;aspect-ratio:9 / 13;overflow:hidden;border-radius:2px;background:#ece7de;position:relative}.polaroid-img{width:100%;height:100%;object-fit:cover;display:block}.polaroid-caption-area{margin-top:.8rem;text-align:center}.polaroid-title{font-family:var(--font-heading);font-size:1.05rem;color:#1a1a1a;font-weight:700}.polaroid-date{display:block;font-size:.75rem;color:#777;margin-bottom:.3rem}.polaroid-note{font-family:var(--font-handwritten);font-size:1.25rem;color:#d81159;line-height:1.2}.memory-viewer-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:none;align-items:center;justify-content:center;z-index:700;padding:1.25rem}.memory-viewer-modal.active{display:flex}.viewer-modal-card{background:#fffdfa;color:#1a1a1a;max-width:440px;width:100%;padding:1.2rem;border-radius:var(--radius-md);box-shadow:0 25px 60px #000c;position:relative;text-align:center}.viewer-modal-img{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:.8rem}.close-viewer-btn{position:absolute;top:10px;right:12px;background:#eee;border:none;font-size:1.4rem;width:32px;height:32px;border-radius:50%;cursor:pointer}.superpowers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.superpower-card{padding:2rem 1.6rem;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-glass);transition:var(--transition-smooth)}.superpower-card:hover{border-color:var(--accent-gold);box-shadow:0 12px 30px #00000080,0 0 20px var(--primary-glow)}.superpower-icon{font-size:2.3rem;margin-bottom:.8rem;display:inline-block}.superpower-title{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-highlight)}.superpower-desc{color:var(--text-secondary);font-size:.92rem}.quiz-card{padding:2.2rem 1.8rem;max-width:680px;margin:0 auto}.quiz-progress-bar{width:100%;height:7px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;margin-bottom:1.5rem}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent-gold));transition:width .4s ease}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.quiz-badge{font-size:.82rem;color:var(--accent-gold);font-weight:700}.quiz-score-live{font-size:.82rem;color:var(--secondary);font-weight:700}.quiz-question{font-size:1.3rem;margin-bottom:1.5rem;line-height:1.35}.quiz-options{display:grid;gap:.8rem}.quiz-opt-btn{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.2rem;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);text-align:left;cursor:pointer;font-size:.95rem;font-family:var(--font-body);transition:var(--transition-smooth)}.quiz-opt-btn:hover:not(:disabled){background:#ff4d8b33;border-color:var(--primary)}.quiz-opt-btn.selected{background:linear-gradient(135deg,#ff4d8b66,#ffd1664d);border-color:var(--accent-gold)}.opt-letter{width:28px;height:28px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:.85rem}.feedback-box{margin-top:1.5rem;padding:1.2rem;background:#ffd16626;border:1px solid var(--accent-gold);border-radius:var(--radius-md);text-align:center}.feedback-text{font-size:1.02rem;font-weight:600;color:var(--text-highlight);margin-bottom:.9rem}.sister-certificate-frame{background:#fffdf5;color:#1a1a1a;padding:1.6rem 1.2rem;border-radius:var(--radius-md);box-shadow:0 15px 40px #0009;margin:1.5rem auto;max-width:580px;position:relative}.cert-border{border:3px double #d4af37;padding:1.6rem 1.2rem;border-radius:4px}.cert-seal{font-size:.78rem;letter-spacing:.12em;color:#b8860b;font-weight:800}.cert-header h3{font-family:var(--font-royal);font-size:1.55rem;color:#8b0000;margin:.4rem 0 .8rem}.cert-name{font-family:var(--font-royal);font-size:2.1rem;color:#1a1a1a;margin:.4rem 0;border-bottom:2px solid #d4af37;display:inline-block;padding:0 1.2rem}.cert-desc{font-size:.98rem;color:#444;line-height:1.55;margin:.8rem 0 1.5rem}.cert-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1.2rem}.sign-line{font-family:var(--font-handwritten);font-size:1.6rem;color:#1a1a1a;border-bottom:1px solid #777;padding-bottom:2px}.mystery-boxes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.mystery-gift-box{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:2.2rem 1.5rem;text-align:center;cursor:pointer;transition:var(--transition-smooth);min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mystery-gift-box:hover{border-color:var(--accent-gold);box-shadow:0 12px 30px #00000080,0 0 20px var(--accent-gold-glow)}.mystery-gift-box.opened .gift-box-closed-view{display:none}.mystery-box-icon{font-size:3.5rem;margin-bottom:.8rem}.gift-box-opened-view{display:none;animation:toastSlideUp .4s ease}.mystery-gift-box.opened .gift-box-opened-view{display:block}.gift-reward-badge{font-size:.78rem;font-weight:800;color:var(--accent-gold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem}.gift-reward-icon{font-size:2.6rem;margin-bottom:.6rem}.gift-reward-title{font-size:1.25rem;margin-bottom:.5rem}.gift-reward-desc{color:var(--text-secondary);font-size:.9rem}.parchment-letter{background:#fdfbf7;color:#2c2523;padding:3rem 2.4rem;border-radius:var(--radius-md);box-shadow:0 20px 60px #0009,inset 0 0 40px #d4af3726;max-width:720px;margin:0 auto;position:relative;border:1px solid #e8e0d0}.wax-seal-container{text-align:center;padding:2.5rem 0;cursor:pointer}.wax-seal-stamp{width:76px;height:76px;background:radial-gradient(circle,#b21e35,#7b001c);border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;color:gold;font-size:2rem;box-shadow:0 6px 18px #7b001c80;border:2.5px solid rgba(255,215,0,.3)}.wax-seal-stamp.broken{display:none}.wax-seal-hint{font-size:.95rem;color:#8b0000;font-weight:700}.parchment-letter .letter-body{display:none}.parchment-letter.unfolded .letter-body{display:block;animation:fadeIn .6s ease}.parchment-letter.unfolded .wax-seal-container{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.letter-salutation{font-family:var(--font-royal);font-size:1.6rem;color:#7b001c;border-bottom:1px dashed #d4af37;padding-bottom:.8rem;margin-bottom:1.2rem}.letter-content{font-size:1.15rem;line-height:1.8;color:#3d3532;white-space:pre-line;margin-bottom:2rem}.letter-signature-area{text-align:right;border-top:1px dashed #d4af37;padding-top:1.2rem}.letter-sign-name{font-family:var(--font-handwritten);font-size:2rem;color:#7b001c}.letter-actions{display:none;justify-content:center;gap:.8rem;margin-top:1.8rem}.letter-actions.visible{display:flex}.wish-input-wrap{display:flex;gap:.8rem;max-width:580px;margin:0 auto 2.5rem}.wish-input{flex:1;padding:.85rem 1.2rem;background:var(--bg-surface);border:1px solid var(--border-glass-highlight);border-radius:var(--radius-full);color:#fff;font-size:.95rem;outline:none}.wish-input:focus{border-color:var(--accent-gold);box-shadow:0 0 15px var(--accent-gold-glow)}.constellation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}.constellation-star-card{background:#ffffff0d;border:1px solid rgba(255,209,102,.3);border-radius:var(--radius-md);padding:1.3rem;text-align:center;animation:toastSlideUp .4s ease}.star-icon{font-size:1.8rem;color:var(--accent-gold);margin-bottom:.4rem}.star-wish-text{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.4rem}.star-status{font-size:.72rem;color:var(--accent-gold)}.constellation-empty{grid-column:1 / -1;text-align:center;color:var(--text-muted);font-size:.95rem;padding:1.8rem}.floating-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(50px);background:#120b1ef2;border:1px solid var(--accent-gold);color:#fff;padding:.75rem 1.6rem;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;box-shadow:0 10px 30px #0009,0 0 20px var(--accent-gold-glow);z-index:1000;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1);max-width:90%;text-align:center}.floating-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.floating-nav-dock{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.35rem;padding:.45rem .75rem;background:#120b1ee6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass-highlight);border-radius:var(--radius-full);box-shadow:0 10px 30px #0009,0 0 20px #ffd16633;z-index:200;max-width:95vw}.nav-dock-btn{display:flex;align-items:center;gap:.35rem;padding:.45rem .75rem;border-radius:var(--radius-full);color:var(--text-secondary);text-decoration:none;font-size:.82rem;font-weight:600;transition:var(--transition-smooth);white-space:nowrap}.nav-dock-btn:hover,.nav-dock-btn.active{background:var(--primary);color:#fff;box-shadow:0 0 15px var(--primary-glow)}.countdown-mode-switch-wrap{text-align:center;padding-top:1rem}.site-footer{padding:3.5rem 1.25rem 6.5rem;text-align:center;border-top:1px solid var(--border-glass);color:var(--text-muted);font-size:.92rem}.footer-heart{color:var(--primary);display:inline-block;animation:heartBeat 1.5s infinite}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:2.2rem}.hero-content{text-align:center}.hero-pills,.hero-actions{justify-content:center}.hero-portrait-card{max-width:300px;margin:0 auto}}@media(max-width:600px){html{font-size:15px}.section-padding{padding:3rem 0}.container{padding:0 1rem}.top-bar-controls{top:max(14px,env(safe-area-inset-top,14px));right:14px}.audio-chip{padding:.4rem .8rem;font-size:.8rem}.grand-celebration-banner{padding:.9rem 1rem;border-radius:var(--radius-md);gap:.5rem}.banner-heading{font-size:1.15rem}.banner-sparkle-icon{font-size:1.6rem}.banner-eyebrow{font-size:.68rem;padding:.15rem .6rem}.countdown-hub-section{padding:4.2rem .8rem 1.8rem}.countdown-card-main{padding:2rem 1rem;border-radius:var(--radius-md)}.countdown-badge{font-size:.75rem;padding:.35rem .9rem}.countdown-title{font-size:1.9rem}.countdown-subtitle{font-size:.92rem;margin-bottom:1.6rem}.timer-digits-grid{gap:.45rem;margin-bottom:1.6rem}.timer-box{padding:.9rem .3rem;border-radius:var(--radius-sm)}.timer-num{font-size:1.65rem}.timer-label{font-size:.62rem}.teaser-quote-box{padding:.5rem 1rem;margin-bottom:1.5rem}.teaser-quote-text{font-size:.82rem}.btn-primary#unlockPreviewBtn{width:100%;padding:.85rem 1rem;font-size:.9rem}.hero-section{padding:4.2rem 1rem 2rem}.hero-sister-name{font-size:2.3rem}.hero-description{font-size:.95rem}.hero-actions{display:grid;grid-template-columns:1fr;width:100%;gap:.6rem}.hero-actions .btn{width:100%}.hero-portrait-card{max-width:260px}.cake-stage-card{padding:2rem 1rem;border-radius:var(--radius-md)}.cake-interaction-area{min-height:270px}.cake-tier-top{width:165px;height:52px}.cake-tier-bottom{width:240px;height:68px}.cake-plate{width:270px;height:16px}.candles-row{gap:.9rem}.candle-stick{height:38px;width:11px}.cake-controls{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.cake-controls .btn{padding:.7rem .5rem;font-size:.84rem;width:100%}.polaroid-grid{grid-template-columns:1fr;gap:1.8rem;max-width:320px;margin:0 auto}.polaroid-card{transform:none!important}.superpowers-grid{grid-template-columns:1fr;gap:1rem}.superpower-card{padding:1.5rem 1.2rem}.quiz-card{padding:1.6rem 1.1rem;border-radius:var(--radius-md)}.quiz-question{font-size:1.15rem}.quiz-opt-btn{padding:.75rem .9rem;font-size:.88rem}.sister-certificate-frame{padding:1rem .6rem}.cert-border{padding:1.2rem .7rem}.cert-name{font-size:1.6rem;padding:0 .5rem}.cert-footer{flex-direction:column;align-items:center;gap:.8rem;text-align:center}.mystery-boxes-grid{grid-template-columns:1fr;gap:1.2rem}.mystery-gift-box{min-height:240px;padding:1.8rem 1.2rem}.parchment-letter{padding:2rem 1.2rem}.letter-salutation{font-size:1.35rem}.letter-content{font-size:1.05rem;line-height:1.7}.letter-actions{flex-direction:column;width:100%}.letter-actions .btn{width:100%}.wish-input-wrap{flex-direction:column;gap:.6rem}.wish-input-wrap .btn{width:100%}.floating-nav-dock{width:94vw;max-width:360px;justify-content:space-around;padding:.4rem;bottom:10px}.nav-dock-btn span:not(.nav-icon){display:none}.nav-dock-btn{padding:.45rem .55rem}.site-footer{padding-bottom:5.5rem}}.opt-points-tag{margin-left:auto;font-size:.78rem;font-weight:800;color:var(--accent-gold);background:#ffd1662e;border:1px solid var(--accent-gold);padding:.2rem .55rem;border-radius:var(--radius-full);white-space:nowrap}.feedback-points-awarded{font-size:.88rem;font-weight:800;color:var(--accent-gold);letter-spacing:.06em;margin-bottom:.4rem;text-transform:uppercase}@page{margin:0;size:auto}@media print{html,body{background:#fff!important;color:#000!important;background-image:none!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important}#fxCanvas,.top-bar-controls,.floating-nav-dock,.site-footer,.cert-action-buttons,.letter-actions,.countdown-hub-section,.wish-celebration-banner,.floating-toast{display:none!important}body.printing-certificate-only #hero,body.printing-certificate-only #cakeSection,body.printing-certificate-only #memoriesSection,body.printing-certificate-only #superpowersSection,body.printing-certificate-only #giftsSection,body.printing-certificate-only #letterSection,body.printing-certificate-only #wishesSection,body.printing-certificate-only .section-header,body.printing-certificate-only .quiz-card,body.printing-certificate-only .quiz-result-wrap>h2,body.printing-certificate-only .quiz-result-wrap>p,body.printing-certificate-only .quiz-result-wrap>div:first-child{display:none!important}body.printing-certificate-only .quiz-result-wrap{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0 auto!important}body.printing-certificate-only .sister-certificate-frame{box-shadow:none!important;border:2px solid #b8860b!important;width:92%!important;max-width:680px!important;margin:.6cm auto!important;padding:1.2rem 1rem!important;page-break-inside:avoid!important;break-inside:avoid!important;page-break-after:avoid!important;break-after:avoid!important;display:block!important;background:#fffdf5!important}body.printing-certificate-only .cert-border{border:3px double #d4af37!important;padding:1.2rem 1rem!important}body.printing-certificate-only .cert-name{font-size:1.9rem!important;margin:.2rem 0!important}body.printing-certificate-only .cert-desc{font-size:.92rem!important;line-height:1.45!important;margin:.6rem 0 1rem!important}body.printing-certificate-only .cert-footer{margin-top:.8rem!important}body.printing-letter-only #hero,body.printing-letter-only #cakeSection,body.printing-letter-only #memoriesSection,body.printing-letter-only #superpowersSection,body.printing-letter-only #quizSection,body.printing-letter-only #giftsSection,body.printing-letter-only #wishesSection,body.printing-letter-only .section-header,body.printing-letter-only .wax-seal-container{display:none!important}body.printing-letter-only .parchment-letter{box-shadow:none!important;border:1px solid #999!important;width:90%!important;max-width:650px!important;margin:.6cm auto!important;padding:1.4rem!important;page-break-inside:avoid!important;break-inside:avoid!important;page-break-after:avoid!important;break-after:avoid!important;background:#fff!important}body.printing-letter-only .letter-content{font-size:1.05rem!important;line-height:1.65!important;margin-bottom:1.2rem!important}}