.page-root{min-height:100dvh;background:var(--theme-bg);color:var(--theme-text);display:flex;flex-direction:column;position:relative;overflow:clip}.page-root > canvas{position:fixed;inset:0;pointer-events:none;z-index:0;will-change:transform;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}#particles-canvas-front{z-index:50}.page-content{flex:1;max-width:var(--page-max);width:100%;margin:0 auto;padding:0 var(--page-padding) var(--space-20);position:relative;z-index:var(--z-base);will-change:transform;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}.page-content p{max-width:100%}.preview-watermark{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:linear-gradient(135deg,#c9a227 0%,#e8c76a 50%,#c9a227 100%);border-bottom:1px solid rgba(166,133,30,0.55);display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:7px var(--page-padding);padding-top:max(7px,env(safe-area-inset-top));padding-left:max(var(--page-padding),env(safe-area-inset-left));padding-right:max(var(--page-padding),env(safe-area-inset-right));text-align:center;flex-wrap:wrap;animation:fade-in-up var(--dur-slow) var(--ease-drift) both}.preview-watermark-text{font-family:var(--font-ui);font-size:11px;font-weight:500;color:#2C1A0E;letter-spacing:var(--tracking-wide);opacity:0.88}#preview-watermark .btn-primary{background:#2C1A0E !important;color:#FAF7F2 !important;font-size:11px;padding:10px 16px;min-height:44px;border-radius:999px;letter-spacing:0.04em;font-weight:600}#preview-watermark .btn-primary:hover{background:#4a2c1a !important;box-shadow:0 4px 16px rgba(44,26,14,0.45)}body.is-preview .page-content{padding-top:46px}.page-header{padding-top:var(--space-12);padding-bottom:var(--space-8);text-align:center;position:relative}.page-photo-wrap{display:inline-block;position:relative;margin-bottom:var(--space-6)}.page-photo-ring{position:absolute;inset:-6px;border-radius:var(--radius-full);border:2px solid transparent;background:linear-gradient(135deg,var(--theme-accent),var(--theme-sub)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;animation:pulse-glow 2.5s var(--ease-drift) infinite}.page-photo-ring-pulse{position:absolute;inset:-12px;border-radius:var(--radius-full);border:1.5px solid var(--theme-accent);opacity:0;animation:pulse-ring 2.5s var(--ease-silk) infinite}.page-photo{width:120px;height:120px;border-radius:var(--radius-full);object-fit:cover;display:block;border:3px solid var(--theme-card);box-shadow:var(--shadow-lg);animation:fade-in var(--dur-slow) var(--ease-drift) both}.page-photo-placeholder{width:120px;height:120px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--theme-card),rgba(255,255,255,0.05));border:2px solid var(--theme-border);display:flex;align-items:center;justify-content:center;font-size:48px;animation:heartbeat 2.5s var(--ease-drift) infinite}.page-photo-heart-mode{position:relative;width:188px;height:188px;display:inline-block;margin-bottom:var(--space-6)}.heart-avatar-component{width:100%;height:100%;display:block;overflow:visible}.heart-pulse-group{transform-origin:50% 50% !important;animation:heart-pulse-scale 2.5s var(--ease-silk) infinite}@keyframes heart-pulse-scale{0%{transform:scale(1);opacity:0.8}100%{transform:scale(1.32);opacity:0}}.heart-ring-path{filter:drop-shadow(0 2px 6px rgba(212,175,55,0.35));animation:pulse-glow 2.5s var(--ease-drift) infinite}.heart-placeholder-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji",sans-serif;user-select:none}.page-names{animation:fade-in-up var(--dur-slow) var(--ease-drift) 150ms both}.page-names-from{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--theme-text);color:color-mix(in srgb,var(--theme-text) 60%,transparent);margin-bottom:var(--space-2);text-align:center;width:100%}.page-names-to{font-family:var(--font-display);font-size:clamp(var(--text-3xl),9vw,var(--text-4xl));font-weight:300;font-style:italic;color:var(--theme-text);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.page-names-from-name{font-family:var(--font-ui);font-size:16px;color:var(--theme-text);color:color-mix(in srgb,var(--theme-text) 70%,transparent);margin-top:var(--space-1);text-align:center;width:100%}.page-names-heart{display:inline-block;color:var(--theme-accent);animation:heartbeat 2.4s var(--ease-drift) infinite;margin:var(--space-4) 0;font-size:22px}.page-names-relation{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--theme-text-muted,rgba(255,255,255,0.6));color:color-mix(in srgb,var(--theme-accent) 80%,transparent);margin-top:var(--space-2);padding:var(--space-1) var(--space-4);border:1px solid var(--theme-border,rgba(255,255,255,0.15));border:1px solid color-mix(in srgb,var(--theme-accent) 30%,transparent);border-radius:var(--radius-full,9999px);background:transparent;background:color-mix(in srgb,var(--theme-accent) 6%,transparent);text-align:center;animation:fade-in-up var(--dur-slow) var(--ease-drift) 200ms both}.page-countdown-section{margin:var(--space-6) 0;padding:var(--space-6);background:var(--theme-card);border:1px solid var(--theme-border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg),var(--shadow-inset);transition:box-shadow var(--dur-slow) var(--ease-silk);animation:fade-in-up var(--dur-slow) var(--ease-drift) 300ms both}.page-countdown-label{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-subtle);margin-bottom:var(--space-4)}.envelope-section{margin:var(--space-8) 0;animation:fade-in-up var(--dur-slow) var(--ease-drift) 200ms both}.envelope-wrap{position:relative;perspective:1000px}.envelope{position:relative}.envelope-flap{position:absolute;top:0;left:0;right:0;height:56px;background:linear-gradient( to bottom,rgba(255,255,255,0.05) 0%,transparent 100% );border-bottom:1px solid var(--theme-border);transform-origin:top center;transform:rotateX(0deg);transition:transform var(--dur-slow) var(--ease-silk),opacity var(--dur-slow) var(--ease-silk);display:flex;align-items:center;justify-content:center}.envelope-seal{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--theme-accent),var(--theme-sub));display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:var(--shadow-sm)}.envelope-flap.is-open{transform:rotateX(-180deg);opacity:0;pointer-events:none}.envelope-content{padding:calc(var(--space-6) + 56px) var(--space-8) var(--space-8);transition:padding-top var(--dur-slow) var(--ease-silk)}.envelope-flap.is-open + .envelope-content{padding-top:var(--space-8)}@media (max-width:480px){.envelope-content{padding:calc(var(--space-5) + 56px) var(--space-5) var(--space-6)}.envelope-flap.is-open + .envelope-content{padding-top:var(--space-6)}}.message-quote-mark{font-family:var(--font-display);font-size:80px;line-height:0.5;color:var(--theme-accent);opacity:0.25;display:block;margin-bottom:var(--space-4);font-style:italic;user-select:none}.message-text{font-family:var(--font-body);font-size:clamp(var(--text-base),3vw,var(--text-md));line-height:var(--leading-loose);color:var(--theme-text);white-space:pre-line;word-break:break-word}.message-text p + p{margin-top:var(--space-4)}.message-signature{margin-top:var(--space-8);font-family:var(--font-display);font-size:var(--text-xl);font-style:italic;font-weight:300;color:var(--theme-accent);text-align:right}.timeline-section{margin:var(--space-10) 0}.section-eyebrow{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--theme-accent);margin-bottom:var(--space-2);text-align:center;width:100%}.section-title{font-family:var(--font-head);font-size:var(--text-xl);color:var(--theme-text);font-weight:400;margin-bottom:var(--space-6)}.timeline{position:relative;padding-left:var(--space-8)}.timeline::before{content:'';position:absolute;left:12px;top:6px;bottom:6px;width:1.5px;background:linear-gradient( to bottom,var(--theme-accent),var(--theme-sub),transparent );opacity:0.35}.timeline-item{position:relative;padding-bottom:var(--space-8)}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:calc(-1 * var(--space-8) + 6px);top:4px;width:14px;height:14px;border-radius:var(--radius-full);background:var(--theme-accent);box-shadow:0 0 12px rgba(212,175,55,0.5);border:2px solid var(--theme-card,var(--midnight));flex-shrink:0}.timeline-date{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--theme-accent);opacity:0.80;margin-bottom:var(--space-1)}.timeline-event-title{font-family:var(--font-head);font-size:var(--text-md);color:var(--theme-text);font-weight:400;margin-bottom:var(--space-1)}.timeline-event-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--theme-text);color:color-mix(in srgb,var(--theme-text) 62%,transparent);font-style:italic;line-height:var(--leading-relaxed)}.gallery-section{margin:var(--space-10) 0}.gallery-grid{display:grid;gap:4px;margin-top:var(--space-6);border-radius:var(--radius-xl);overflow:hidden}.gallery-grid[data-count="1"]{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.gallery-grid[data-count="2"]{grid-template-columns:1fr 1fr}.gallery-grid[data-count="3"]{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.gallery-grid[data-count="3"] .gallery-item:first-child{grid-row:span 2}.gallery-grid[data-count="4"],.gallery-grid[data-count="5"],.gallery-grid[data-count="6"]{grid-template-columns:1fr 1fr}.gallery-grid[data-count="7"],.gallery-grid[data-count="8"],.gallery-grid[data-count="9"],.gallery-grid[data-count="10"],.gallery-grid[data-count="11"],.gallery-grid[data-count="12"]{grid-template-columns:repeat(3,1fr)}.gallery-item{position:relative;overflow:hidden;background:var(--theme-card);cursor:zoom-in;padding:0;border:none;display:block;-webkit-tap-highlight-color:transparent;animation:gallery-item-in 0.55s var(--ease-spring) calc(var(--item-i,0) * 55ms) both}@keyframes gallery-item-in{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;min-height:120px;aspect-ratio:1 / 1;transition:transform 420ms var(--ease-silk)}.gallery-grid[data-count="1"] .gallery-item img{min-height:120px;aspect-ratio:4 / 5;min-height:280px}.gallery-grid[data-count="3"] .gallery-item:first-child img{aspect-ratio:unset;height:100%;min-height:240px}.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.07)}.gallery-item:focus-visible{outline:2px solid var(--theme-accent);outline-offset:-2px;z-index:2}.gallery-item-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.32);opacity:0;transition:opacity 280ms var(--ease-silk);display:flex;align-items:center;justify-content:center;pointer-events:none}.gallery-item:hover .gallery-item-overlay,.gallery-item:focus-visible .gallery-item-overlay{opacity:1}.gallery-item-icon{width:40px;height:40px;border-radius:var(--radius-full);background:rgba(255,255,255,0.18);border:1.5px solid rgba(255,255,255,0.55);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;transform:scale(0.7);transition:transform 300ms var(--ease-spring)}.gallery-item-icon svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gallery-item:hover .gallery-item-icon{transform:scale(1)}.lightbox-counter{position:absolute;bottom:var(--space-5);left:50%;transform:translateX(-50%);font-family:var(--font-ui);font-size:var(--text-xs);color:rgba(250,247,242,0.55);letter-spacing:0.18em;pointer-events:none;user-select:none}@media (max-width:480px){.gallery-grid[data-count="3"] .gallery-item:first-child{grid-row:span 1}.gallery-grid[data-count="3"]{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.gallery-item{animation:none}.gallery-item img{transition:none}.gallery-item-overlay{transition:none}.gallery-item-icon{transition:none}}.lightbox{position:fixed;inset:0;z-index:var(--z-modal);background:rgba(12,10,15,0.96);display:none;align-items:center;justify-content:center;padding:var(--space-4);animation:fade-in var(--dur-fast) var(--ease-silk) both}.lightbox:not([hidden]){display:flex}.lightbox.is-closing{animation:fade-in var(--dur-fast) var(--ease-silk) reverse both}.lightbox-img{max-width:100%;max-height:calc(100dvh - 80px);border-radius:var(--radius-md);object-fit:contain;box-shadow:var(--shadow-xl);animation:scale-in var(--dur-med) var(--ease-spring) both}.lightbox-close{position:absolute;top:var(--space-5);right:var(--space-5);width:44px;height:44px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;color:var(--ivory);font-size:22px;cursor:pointer;-webkit-tap-highlight-color:transparent}.lightbox-close:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;color:var(--ivory);font-size:22px;cursor:pointer;-webkit-tap-highlight-color:transparent}.lightbox-prev{left:var(--space-4)}.lightbox-next{right:var(--space-4)}.lightbox-nav:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.spotify-section{margin:var(--space-10) 0;animation:fade-in-up var(--dur-slow) var(--ease-drift) 350ms both}.spotify-embed-wrap{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--theme-border);position:relative}.spotify-embed-wrap iframe{display:block;width:100%;height:152px;border:none}.spotify-embed-wrap::before{content:'';position:absolute;inset:0;background:linear-gradient( 180deg,var(--theme-card) 0%,transparent 30%,transparent 70%,var(--theme-card) 100% );pointer-events:none;opacity:0.3;z-index:1}.spotify-label{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-family:var(--font-ui);font-size:var(--text-xs);color:rgba(250,247,242,0.40)}.spotify-label svg{width:16px;height:16px;fill:#1DB954}.quiz-section{margin:var(--space-10) 0}.quiz-card{background:var(--theme-card);border:1px solid var(--theme-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-lg),var(--shadow-inset);transition:box-shadow var(--dur-slow) var(--ease-silk)}@media (max-width:480px){.quiz-card{padding:var(--space-5)}}.quiz-progress{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.quiz-progress-bar{flex:1;height:3px;background:rgba(255,255,255,0.10);border-radius:var(--radius-full);overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--theme-accent),var(--theme-sub));border-radius:var(--radius-full);transition:width var(--dur-slow) var(--ease-silk)}.quiz-progress-text{font-family:var(--font-ui);font-size:var(--text-xs);color:rgba(250,247,242,0.40);white-space:nowrap}.quiz-question{font-family:var(--font-head);font-size:var(--text-xl);color:var(--theme-text);font-weight:400;line-height:var(--leading-snug);margin-bottom:var(--space-6);animation:fade-in-up var(--dur-med) var(--ease-drift) both}.quiz-options{display:flex;flex-direction:column;gap:var(--space-3)}.quiz-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);min-height:var(--touch-md);background:rgba(255,255,255,0.04);border:1.5px solid rgba(255,255,255,0.09);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);color:rgba(250,247,242,0.80);text-align:left;transition:all var(--dur-fast) var(--ease-spring);-webkit-tap-highlight-color:transparent;animation:fade-in-up var(--dur-med) var(--ease-drift) both}.quiz-option:hover{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.18);color:var(--ivory);transform:translateX(4px)}.quiz-option:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}.quiz-option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-full);background:rgba(255,255,255,0.08);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:0;color:rgba(250,247,242,0.60);transition:background var(--dur-fast) var(--ease-silk),color var(--dur-fast) var(--ease-silk)}.quiz-option:hover .quiz-option-letter{background:rgba(255,255,255,0.14);color:var(--ivory)}.quiz-option.is-correct{background:rgba(76,175,80,0.15);border-color:rgba(76,175,80,0.50);color:var(--ivory)}.quiz-option.is-correct .quiz-option-letter{background:rgba(76,175,80,0.40);color:#fff}.quiz-option.is-wrong{background:rgba(196,30,58,0.12);border-color:rgba(196,30,58,0.35);color:rgba(250,247,242,0.65)}.quiz-option:disabled,.quiz-option[aria-disabled="true"]{cursor:default;transform:none}.quiz-result{text-align:center;padding:var(--space-10) var(--space-4);animation:scale-in var(--dur-med) var(--ease-spring) both}.quiz-result-score{font-family:var(--font-display);font-size:var(--text-hero);font-weight:300;color:var(--theme-accent);line-height:1}.quiz-result-label{font-family:var(--font-head);font-size:var(--text-xl);color:var(--theme-text);margin-top:var(--space-2)}.quiz-result-message{font-family:var(--font-body);font-size:var(--text-base);color:rgba(250,247,242,0.60);margin-top:var(--space-3);font-style:italic}.surprise-overlay{position:fixed;inset:0;z-index:var(--z-top);background:var(--theme-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);text-align:center;padding:var(--page-padding)}.surprise-heart{font-size:80px;animation:heartbeat 1.6s var(--ease-drift) infinite;display:block}.surprise-title{font-family:var(--font-display);font-size:clamp(var(--text-2xl),7vw,var(--text-4xl));font-weight:300;font-style:italic;color:var(--theme-text);animation:fade-in-up var(--dur-slow) var(--ease-drift) 300ms both}.surprise-btn{animation:fade-in-up var(--dur-slow) var(--ease-drift) 500ms both}.surprise-closing{animation:fade-in var(--dur-slow) var(--ease-silk) reverse both}.share-section{margin:var(--space-10) 0;text-align:center}.share-title{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:rgba(250,247,242,0.40);margin-bottom:var(--space-4)}.share-buttons{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.share-btn-whatsapp{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:12px 24px;background:#25D366;color:#fff;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-full);cursor:pointer;text-decoration:none;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-silk),filter var(--dur-fast) var(--ease-silk);-webkit-tap-highlight-color:transparent}.share-btn-whatsapp:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px rgba(37,211,102,0.35);filter:brightness(1.05);color:#fff}.share-btn-copy{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:12px 24px;background:var(--glass-bg);color:rgba(250,247,242,0.75);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;border:1px solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;backdrop-filter:blur(12px);transition:all var(--dur-fast) var(--ease-spring);-webkit-tap-highlight-color:transparent}.share-btn-copy:hover{background:var(--glass-hover);color:var(--ivory);border-color:rgba(255,255,255,0.18)}.share-btn-copy.is-copied{border-color:#4CAF50;color:#4CAF50}.share-btn-copy:focus-visible,.share-btn-whatsapp:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.page-footer{text-align:center;padding:var(--space-10) var(--page-padding) var(--space-8);position:relative;z-index:var(--z-base)}.page-footer-divider{display:flex;align-items:center;gap:var(--space-4);color:rgba(250,247,242,0.20);max-width:var(--page-max);margin:0 auto var(--space-6)}.page-footer-divider::before,.page-footer-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,0.08)}.page-footer-heart{font-size:14px;color:rgba(196,30,58,0.50)}.page-footer-text{font-family:var(--font-ui);font-size:var(--text-xs);color:rgba(250,247,242,0.30);letter-spacing:var(--tracking-wide)}.page-footer-link{color:rgba(212,175,55,0.55);transition:color var(--dur-fast) var(--ease-silk)}.page-footer-link:hover{color:var(--gold);text-shadow:none}@media (prefers-reduced-motion:reduce){.envelope-flap,.page-photo-ring,.page-photo-ring-pulse{animation:none !important;transition:none !important}.page-header,.page-photo,.page-names,.page-countdown-section,.envelope-section,.timeline-section,.gallery-section,.spotify-section,.quiz-section,.share-section{animation:none !important}.quiz-option:hover{transform:none !important}.gallery-item img{transition:none !important}}@media (max-width:768px){.page-content{padding-bottom:var(--space-12)}.page-photo{width:100px;height:100px}.page-photo-heart-mode{width:156px;height:156px}.message-quote-mark{font-size:60px}.gallery-grid{gap:var(--space-1)}.quiz-card{border-radius:var(--radius-lg)}.share-buttons{flex-direction:column;align-items:center}.share-btn-whatsapp,.share-btn-copy{width:100%;max-width:280px;justify-content:center}}.page-root{background:radial-gradient(ellipse at 20% 15%,rgba(232,57,93,0.14) 0%,transparent 50%),radial-gradient(ellipse at 80% 85%,rgba(212,175,55,0.08) 0%,transparent 45%),var(--obsidian);min-height:100dvh}.page-hero{position:relative;overflow:hidden}.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(232,57,93,0.18) 0%,transparent 60%);pointer-events:none}.page-to-name{animation:text-glow 3s ease-in-out infinite}@keyframes text-glow{0%,100%{text-shadow:0 0 20px rgba(212,175,55,0.3)}50%{text-shadow:0 0 40px rgba(212,175,55,0.6),0 0 80px rgba(212,175,55,0.2)}}.page-photo-wrap img,.page-photo img{border:2px solid rgba(232,57,93,0.25);box-shadow:0 0 40px rgba(232,57,93,0.2),0 20px 60px rgba(0,0,0,0.5);transition:box-shadow var(--dur-med) var(--ease-silk)}.page-photo-wrap:hover img,.page-photo:hover img{box-shadow:0 0 60px rgba(232,57,93,0.35),0 24px 80px rgba(0,0,0,0.6)}.page-message{position:relative}.page-message::before{content:'\201C';position:absolute;top:-20px;left:-8px;font-family:var(--font-display);font-size:120px;line-height:1;color:var(--hot-rose,#FF4D7A);opacity:0.08;pointer-events:none;z-index:0}.page-counter{background:linear-gradient(135deg,rgba(232,57,93,0.10),rgba(196,30,58,0.05));border:1px solid rgba(232,57,93,0.20);box-shadow:0 0 24px rgba(232,57,93,0.10)}.spotify-card,.page-spotify{background:linear-gradient(135deg,rgba(30,215,96,0.08),rgba(30,215,96,0.03));border:1px solid rgba(30,215,96,0.18);border-radius:var(--radius-xl,28px);padding:var(--space-5,20px) var(--space-6,24px);box-shadow:0 0 24px rgba(30,215,96,0.08)}.timeline-event{position:relative;padding-left:28px}.timeline-event::before{content:'\2665';position:absolute;left:0;top:2px;color:var(--hot-rose,#FF4D7A);font-size:12px}.page-actions .btn-primary,.page-btn-primary{background:linear-gradient(135deg,var(--hot-rose-dark,#E8395D) 0%,var(--crimson,#C41E3A) 50%,var(--crimson-dark,#8B0A24) 100%);background-size:200% auto;color:var(--ivory,#FAF7F2);border:none;box-shadow:0 0 24px rgba(232,57,93,0.35),0 4px 16px rgba(0,0,0,0.3);font-weight:600}.page-actions .btn-primary:hover,.page-btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 48px rgba(232,57,93,0.25),0 0 0 rgba(139,10,36,0.4),0 8px 24px rgba(0,0,0,0.4)}@media (prefers-reduced-motion:reduce){.page-to-name{animation:none !important}.page-message::before{display:none}.gallery-item:hover{transform:none !important}.page-actions .btn-primary:hover,.page-btn-primary:hover{transform:none !important}}.section-eyebrow{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--theme-accent);margin-bottom:var(--space-3)}.section-eyebrow::before,.section-eyebrow::after{content:'';display:block;width:32px;height:1px;background:linear-gradient(90deg,transparent,var(--theme-accent));flex-shrink:0;opacity:0.55}.section-eyebrow::after{background:linear-gradient(270deg,transparent,var(--theme-accent))}.section-title{font-family:var(--font-head);font-size:clamp(var(--text-xl),4.5vw,var(--text-2xl));font-weight:400;text-align:center;color:var(--theme-text);margin-bottom:var(--space-6);margin-top:var(--space-2);line-height:var(--leading-snug)}@media (prefers-reduced-motion:reduce){.reveal-section{opacity:1 !important;transform:none !important;transition:none !important}}.star-map-section{animation:fade-in-up var(--dur-slow) var(--ease-drift) both}.star-map-page-container{box-shadow:0 16px 40px rgba(0,0,0,0.6);transition:transform var(--dur-slow) var(--ease-spring),border-color var(--dur-fast) var(--ease-silk)}.star-map-page-container:hover{transform:scale(1.02) translateY(-4px);border-color:var(--theme-accent) !important}@media (max-width:480px){.star-map-page-container{max-width:280px !important;height:350px !important;padding:15px !important}}