:root{--bg-deep: #0A0E27;--bg-mid: #141936;--bg-soft: #1C2148;--gold: #D4AF7A;--gold-soft: #E8C9A0;--gold-deep: #A8854F;--cream: #F4E4C1;--lavender: #9CA8E8;--text: #E8E4D8;--text-dim: #A8A498;--text-faint: #6B6A60;--line: rgba(212, 175, 122, .25);--line-soft: rgba(212, 175, 122, .12);--font-display: "Cinzel", "Cormorant Garamond", serif;--font-heading: "Cormorant Garamond", "Cinzel", serif;--font-body: "Inter", system-ui, sans-serif;--font-script: "Pinyon Script", "Cormorant Garamond", serif}[data-theme=light]{--bg-deep: #F8F4EC;--bg-mid: #EFE8D8;--bg-soft: #E5DCC4;--gold: #8B6B3A;--gold-soft: #A8854F;--gold-deep: #6B4F26;--cream: #2A2410;--lavender: #5A6BB0;--text: #1F1B0E;--text-dim: #5A5340;--text-faint: #8A8270;--line: rgba(139, 107, 58, .3);--line-soft: rgba(139, 107, 58, .15)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-deep);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-tap-highlight-color:transparent}body{min-height:100vh}#app{position:relative;background:var(--bg-deep);min-height:100vh}html{scrollbar-width:thin;scrollbar-color:var(--gold-deep) var(--bg-deep)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold),var(--gold-deep));border-radius:8px;border:2px solid var(--bg-deep)}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.stars-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.stars-bg:before,.stars-bg:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 60% 70%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 80% 20%,rgba(212,175,122,.7),transparent),radial-gradient(1px 1px at 40% 80%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 90% 60%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 15% 60%,rgba(212,175,122,.5),transparent),radial-gradient(1px 1px at 70% 40%,rgba(156,168,232,.6),transparent),radial-gradient(1px 1px at 30% 15%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 50% 50%,rgba(212,175,122,.4),transparent);background-size:600px 600px,800px 800px,700px 700px,500px 500px,900px 900px,750px 750px,650px 650px,550px 550px,850px 850px;animation:drift 240s linear infinite}.stars-bg:after{background-size:400px 400px,350px 350px,500px 500px,450px 450px,600px 600px,380px 380px,420px 420px,480px 480px,520px 520px;animation:drift 180s linear infinite reverse;opacity:.6}[data-anim=off] .stars-bg:before,[data-anim=off] .stars-bg:after{animation:none}@keyframes drift{to{transform:translate(-100px,-100px) rotate(2deg)}}.twinkle-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.twinkle{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 4px #fff,0 0 8px #fff9;animation:twinkle 3s ease-in-out infinite}[data-anim=off] .twinkle{animation:none}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}section{position:relative;z-index:1;padding:96px 24px;max-width:720px;margin:0 auto}@media (min-width: 768px){section{padding:128px 48px;max-width:860px}}.section-eyebrow{font-family:var(--font-body);font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:24px;text-align:center;font-weight:500}.section-title{font-family:var(--font-display);font-size:clamp(28px,6vw,48px);font-weight:500;letter-spacing:.15em;text-align:center;color:var(--cream);margin-bottom:48px;text-transform:uppercase}.section-divider{display:flex;align-items:center;justify-content:center;gap:16px;margin:32px auto;max-width:280px}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.section-divider svg{width:24px;height:24px;color:var(--gold);flex-shrink:0}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1.2s ease,transform 1.2s ease}.reveal.in{opacity:1;transform:translateY(0)}[data-anim=off] .reveal{opacity:1;transform:none;transition:none}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,var(--gold-deep),var(--gold));color:#0a0e27;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;border:none;border-radius:2px;cursor:pointer;transition:all .4s ease;position:relative;text-decoration:none;box-shadow:0 8px 24px #d4af7a33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #d4af7a59}.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;background:transparent;color:var(--gold);font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.25em;text-transform:uppercase;border:1px solid var(--gold);border-radius:2px;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-ghost:hover{background:var(--gold);color:var(--bg-deep)}.img-placeholder{background-color:var(--bg-mid);background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(212,175,122,.08) 10px,rgba(212,175,122,.08) 11px);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-family:ui-monospace,SF Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;position:relative;overflow:hidden}.img-placeholder:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid var(--line-soft);pointer-events:none}.photo-frame{position:relative;overflow:hidden}.photo-frame>img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.96) contrast(1.04) saturate(.9) sepia(.06)}.photo-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,var(--bg-deep) 62%,transparent),transparent 42%),radial-gradient(125% 95% at 50% 32%,transparent 52%,color-mix(in srgb,var(--bg-deep) 52%,transparent)),linear-gradient(to top,color-mix(in srgb,var(--gold) 8%,transparent),transparent 60%)}[data-anim=off] .photo-frame>img{filter:none}.cover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;transition:opacity 1.2s ease,visibility 1.2s ease;overflow-y:auto;overflow-x:hidden;min-height:100vh;min-height:100dvh}.cover.gone{opacity:0;visibility:hidden;pointer-events:none}.cover-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;margin:auto 0;padding:24px 0}@media (max-height: 740px){.cover{padding:24px 16px}.cover .cover-names{font-size:clamp(40px,9vw,64px)!important}.cover .cover-amp{font-size:clamp(32px,7vw,44px)!important;margin:-4px 0!important}.cover .cover-date{font-size:clamp(16px,3vw,22px)!important;margin-bottom:24px!important}.cover .vline{height:28px!important;margin:14px auto!important}.cover .cover-guest,.cover .cover-top{margin-bottom:18px!important}}@media (max-height: 580px){.cover .cover-names{font-size:clamp(32px,7vw,48px)!important}.cover .cover-amp{font-size:28px!important}.cover .vline{display:none}}.music-btn{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--gold-deep),var(--gold));border:1px solid var(--gold-soft);color:var(--bg-deep);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:200;box-shadow:0 8px 24px #0006,0 0 20px #d4af7a4d;transition:transform .3s ease}.music-btn:hover{transform:scale(1.08)}.scroll-btn{position:fixed;bottom:86px;right:24px;width:52px;height:52px;border-radius:50%;background:#141936d9;border:1px solid var(--gold-soft);color:var(--gold);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:200;box-shadow:0 8px 24px #0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .3s ease}.scroll-btn:hover{transform:scale(1.08)}.music-btn.playing svg{animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[data-anim=off] .music-btn.playing svg{animation:none}.ornament-frame{position:relative;padding:32px}.ornament-frame:before,.ornament-frame:after{content:"";position:absolute;width:40px;height:40px;border:1px solid var(--gold)}.ornament-frame:before{top:0;left:0;border-right:none;border-bottom:none}.ornament-frame:after{bottom:0;right:0;border-left:none;border-top:none}.moon{position:absolute;top:8%;right:8%;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--cream),var(--gold-soft) 60%,var(--gold-deep));box-shadow:0 0 40px #f4e4c14d,0 0 80px #d4af7a33,inset -8px -10px 20px #0000004d;pointer-events:none;z-index:1}@media (max-width: 600px){.moon{width:60px;height:60px;top:5%;right:5%}}.vline{width:1px;height:64px;background:linear-gradient(180deg,transparent,var(--gold),transparent);margin:32px auto}@keyframes float-up{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-10vh) translate(40px) rotate(360deg);opacity:0}}[data-anim=off] .sparkle{display:none}.lightbox{animation:lightbox-in .22s ease-out both}.lightbox-photo{animation:lightbox-photo-in .32s cubic-bezier(.2,.8,.2,1) both}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-photo-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lightbox.closing{animation:lightbox-out .15s ease-in both}@keyframes lightbox-out{0%{opacity:1}to{opacity:0}}[data-anim=off] .lightbox,[data-anim=off] .lightbox-photo{animation:none}@media (prefers-reduced-motion: reduce){.lightbox,.lightbox.closing,.lightbox-photo{animation:none}}