:root{--bg-1: #0b1025;--bg-2: #1d1441;--bg-3: #351a52;--pink: #ff6fa8;--yellow: #ffd166;--white: #ffffff;--glass: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .3);--shadow: 0 20px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Prompt,Sarabun,Segoe UI,sans-serif;color:var(--white);overflow-x:hidden;background:radial-gradient(circle at 20% 10%,#4d2785,#4d278500 42%),radial-gradient(circle at 90% 20%,#873973,#87397300 36%),linear-gradient(160deg,var(--bg-1),var(--bg-2) 40%,var(--bg-3))}#app,.app-shell{position:relative;min-height:100vh}.app-shell{display:grid;place-items:center;padding:clamp(20px,3vw,40px);isolation:isolate}.stars,.hearts{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8}.stars span{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 12px #fffc}.hearts span{position:absolute;font-size:clamp(14px,1.4vw,22px);opacity:.85;transform:translateY(0) scale(1)}.card{width:min(1050px,100%);border:1px solid var(--glass-border);background:linear-gradient(135deg,#ffffff2e,#ffffff0f);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;box-shadow:var(--shadow);padding:clamp(24px,4vw,44px);display:grid;gap:24px;position:relative;z-index:2}.action-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.title-wrap{text-align:center;display:grid;gap:6px}.badge{justify-self:center;background:linear-gradient(90deg,#ffd166,#ff9f68);color:#402307;padding:7px 16px;border-radius:999px;font-weight:700;letter-spacing:.5px}h1{margin:0;line-height:1.1;font-size:clamp(2rem,5vw,4.2rem);text-shadow:0 8px 20px rgba(0,0,0,.35)}.subtitle{margin:0;opacity:.95;font-size:clamp(1rem,2vw,1.35rem)}.people{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.group-shot{display:none;opacity:0}.group-shot--active{display:block}.group-shot img{width:min(100%,1020px);border-radius:24px;border:1px solid rgba(255,255,255,.35);display:block;margin:0 auto;box-shadow:0 18px 40px #0006;filter:saturate(1.04) contrast(1.02)}.person{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.28);background:#1116;min-height:380px;box-shadow:0 12px 30px #00000054;transform-origin:center bottom}.person:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff0 20%,#10061e8c);z-index:2;pointer-events:none}.person:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;mix-blend-mode:soft-light;background:radial-gradient(circle at 30% 30%,rgba(255,233,186,.35),transparent 45%),repeating-linear-gradient(60deg,#ffffff08 0,#ffffff08 2px,#0000000d 2px,#0000000d 4px);pointer-events:none}.person img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.04);transform:scale(1.06);transform-origin:center center;display:block}.person-label{position:absolute;left:14px;bottom:12px;z-index:3;padding:6px 12px;border-radius:999px;background:#00000073;border:1px solid rgba(255,255,255,.32);font-weight:600;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.message{margin:0;text-align:center;font-size:clamp(1rem,2vw,1.4rem);line-height:1.8;padding:8px 12px 0;opacity:.95}.cta{justify-self:center;border:0;cursor:pointer;border-radius:999px;padding:12px 22px;font-size:1.02rem;color:#2d0f34;font-weight:700;background:linear-gradient(90deg,#ffd166,#ff6fa8);box-shadow:0 12px 24px #ff6fa861}.ghost-cta{border:1px solid rgba(255,255,255,.32);background:#ffffff1a;color:#fff;border-radius:999px;padding:12px 18px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;padding:clamp(14px,2vw,30px);display:grid;place-items:center;background:radial-gradient(circle at 30% 10%,#813aa59e,#0a061aeb),linear-gradient(180deg,#090a1ef2,#0a0615fa)}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#0705126b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.countdown-number{width:112px;height:112px;border-radius:999px;display:grid;place-items:center;font-size:3rem;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.5);background:linear-gradient(135deg,#ffd166e6,#ff6fa8e6);box-shadow:0 14px 34px #00000059}.story-frame{width:min(980px,100%);max-height:calc(100vh - 28px);border-radius:28px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(160deg,#ffffff24,#ffffff0d);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 70px #00000073;padding:clamp(16px,2.4vw,28px);position:relative;overflow:hidden;isolation:isolate}.close-story{position:absolute;top:12px;right:12px;border:0;color:#fff;font-size:1.2rem;width:36px;height:36px;border-radius:999px;cursor:pointer;background:#ffffff24;z-index:5}.story-progress{height:6px;border-radius:999px;overflow:hidden;background:#fff3}.story-progress span{display:block;width:100%;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffd166,#ff6fa8,#70f0ff)}.story-stage{min-height:auto;position:relative;margin-top:34px;overflow-y:auto;overflow-x:hidden;z-index:2;padding-right:4px}.story-scene{position:relative;inset:auto;width:100%;display:grid;align-content:center;justify-items:center;gap:10px;text-align:center;opacity:1;padding:8px 4px 18px;overflow:visible}.scene-slideshow{align-content:start}.scene-eyebrow{margin:0;font-size:.86rem;letter-spacing:.12em;text-transform:uppercase;color:#ffd166}.story-scene h2{margin:0;font-size:clamp(1.4rem,3.4vw,2.4rem);line-height:1.24;max-width:800px}.story-scene p{margin:0;max-width:760px;font-size:clamp(1rem,1.7vw,1.2rem);opacity:.92}.scene-grid{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,2vw,24px);align-items:center;margin-top:8px}.scene-photo{width:100%;max-width:420px;position:relative;z-index:3;border-radius:22px;border:1px solid rgba(255,255,255,.32);box-shadow:0 18px 40px #0006;filter:saturate(1.06) contrast(1.03)}.story-main-photo{display:block;visibility:visible;opacity:1}.scene-photo--wide{max-width:min(760px,100%);max-height:min(44vh,420px);object-fit:cover}.scene-caption{text-align:left;display:grid;gap:10px}.scene-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:10px}.story-photo-caption{border:1px solid rgba(255,255,255,.25);background:#06060e47;border-radius:14px;padding:10px 14px;min-width:min(92%,520px)}.story-photo-caption p{margin:0}.story-lyrics{border:1px solid rgba(255,255,255,.22);background:#08091473;border-radius:14px;padding:10px 12px;min-width:min(92%,620px)}.full-lyrics{max-height:160px;overflow:auto;display:grid;gap:3px;text-align:left;padding-right:6px}.full-lyrics p{margin:0;font-size:.86rem;line-height:1.5;opacity:.92}.story-lyrics .full-lyrics{max-height:min(26vh,210px)}.spark{position:fixed;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:9;box-shadow:0 0 12px #ffffffd9}@media (max-width: 900px){.people{grid-template-columns:1fr}.person{min-height:300px}.scene-grid{grid-template-columns:1fr}.scene-caption{text-align:center}}@media (max-width: 768px){.app-shell{padding:14px}.card{border-radius:22px;padding:18px 14px 20px;gap:16px}.message{font-size:.98rem;line-height:1.65;padding:0 4px}.story-overlay{padding:10px}.story-frame{width:100%;max-height:calc(100vh - 20px);border-radius:18px;padding:12px 10px 14px}.story-stage{min-height:auto;margin-top:12px}.scene-photo{max-width:100%;border-radius:14px}.scene-photo--wide{width:100%;max-width:100%;max-height:46vh;object-fit:cover}.story-photo-caption,.story-lyrics{min-width:100%;border-radius:12px;padding:10px}.story-lyrics-fixed{border-radius:12px;padding:10px}}@media (max-width: 520px){h1{font-size:clamp(1.6rem,8vw,2rem)}.subtitle{font-size:.94rem}.person{min-height:240px}.story-scene h2{font-size:clamp(1.18rem,6vw,1.5rem)}.story-scene p,.full-lyrics p{font-size:.9rem}.scene-actions{width:100%}.ghost-cta,.cta{width:100%;justify-self:stretch}}