.wf-page{max-width:900px;margin:auto}.wf-scene{position:relative;aspect-ratio:3/2;height:auto;overflow:hidden;border-radius:24px;background:#c7e6cf;isolation:isolate}.wf-backdrop{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.wf-sunlight{position:absolute;inset:0;background:linear-gradient(130deg,transparent 10%,#fffefa1c 35%,#fffefa2b 48%,transparent 67%);opacity:0;pointer-events:none;transition:opacity .6s ease}.wf-scene:not([data-wf-step="0"]) .wf-sunlight{opacity:1}.wf-path-glow{position:absolute;inset:0;pointer-events:none;opacity:0;filter:blur(5px);background:radial-gradient(ellipse 2% 1.3% at 46% 49%,#ffffef70,transparent),radial-gradient(ellipse 2.5% 1.6% at 49% 51%,#ffffef80,transparent),radial-gradient(ellipse 3% 1.8% at 52% 54%,#fffdee80,transparent),radial-gradient(ellipse 3.4% 2% at 55% 57%,#fffdee80,transparent),radial-gradient(ellipse 4% 2.2% at 56% 60%,#fffdee70,transparent),radial-gradient(ellipse 4.5% 2.5% at 54% 63%,#fffdee60,transparent);mix-blend-mode:screen}.wf-scene[data-wf-step="3"] .wf-path-glow{opacity:1}.wf-path-particles,.wf-sparkles{position:absolute;inset:0;opacity:0;pointer-events:none}.wf-scene[data-wf-step="2"] .wf-path-particles,.wf-scene[data-wf-step="3"] .wf-path-particles,.wf-scene[data-wf-step="3"] .wf-sparkles{opacity:1}.wf-path-particles i{position:absolute;width:clamp(3px,.6vw,6px);height:clamp(3px,.6vw,6px);border-radius:50%;background:#fffef0;box-shadow:0 0 5px #fffdeb99;left:46%;top:49%}.wf-path-particles i:nth-child(2){left:49%;top:51%}.wf-path-particles i:nth-child(3){left:52%;top:54%}.wf-path-particles i:nth-child(4){left:55%;top:57%}.wf-path-particles i:nth-child(5){left:56%;top:60%}.wf-path-particles i:nth-child(6){left:54%;top:63%}.wf-sparkles i{position:absolute;left:43%;top:46%;font-style:normal;color:#fffef1;text-shadow:0 0 5px #fff9d3aa;font-size:clamp(14px,2.5vw,25px)}.wf-sparkles i:nth-child(2){left:55%;top:48%;font-size:clamp(12px,2vw,21px)}.wf-sparkles i:nth-child(3){left:59%;top:58%}.wf-sparkles i:nth-child(4){left:48%;top:61%}.wf-celebrate[data-wf-step="1"] .wf-sunlight{animation:wf-light-arrives .8s ease-out}.wf-celebrate[data-wf-step="2"] .wf-path-particles i,.wf-celebrate[data-wf-step="3"] .wf-path-particles i{animation:wf-particle-glint .8s ease-out backwards}.wf-path-particles i:nth-child(2n){animation-delay:.12s}.wf-path-particles i:nth-child(3n){animation-delay:.22s}.wf-celebrate[data-wf-step="3"] .wf-path-glow{animation:wf-path-shine 1s ease-out}.wf-celebrate[data-wf-step="3"] .wf-sparkles i{animation:wf-star-drift 1s ease-out forwards}.wf-celebrate[data-wf-step="3"] .wf-sparkles i:nth-child(2n){animation-delay:.12s}.wf-friends{position:absolute;bottom:1%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.wf-finn{width:clamp(105px,22%,175px)}.wf-owl{width:clamp(75px,15%,120px)}.wf-friends img{display:block;width:100%;height:auto;object-fit:contain}.wf-bubble{position:absolute;top:12px;left:14px;right:14px;text-align:center;padding:10px;border-radius:16px;background:#fffef1eb;color:#244b3d;font-weight:700;font-size:18px;line-height:1.5;margin:0}.wf-celebrate[data-wf-step="1"] .wf-owl,.wf-celebrate[data-wf-step="2"] .wf-finn,.wf-celebrate[data-wf-step="3"] .wf-finn,.wf-celebrate[data-wf-step="3"] .wf-owl{animation:wf-joy .55s ease-out}.wf-clear-title{text-align:center;font-size:clamp(30px,5vw,48px);font-weight:900;line-height:1.3;margin:16px 0 22px}.wf-clear-title strong{display:block;color:#008dbd;font-size:1.25em;letter-spacing:.05em}.wf-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;list-style:none;margin:16px 0}.wf-progress li{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:14px;background:#eef3ef;color:#40584a;font-size:16px;font-weight:700}.wf-progress b{display:grid;place-items:center;min-width:27px;height:27px;border-radius:50%;background:#fff}.wf-progress .wf-current{box-shadow:inset 0 0 0 2px #02b7ff;background:#eefaff}.wf-progress .wf-done{background:#e7f6ce;color:#2d5d36}.wf-page .card{margin-top:16px}.wf-page [data-wf-heard]{background:#f2f8f4;border-radius:12px;padding:10px;overflow-wrap:anywhere}.wf-invitation{border:2px solid #02b7ff}.wf-invitation small{display:block;margin-top:12px}.wf-page button{min-height:48px}@keyframes wf-joy{50%{transform:translateY(-7px) rotate(-2deg)}}@keyframes wf-light-arrives{from{opacity:0}to{opacity:1}}@keyframes wf-particle-glint{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}@keyframes wf-path-shine{0%{opacity:0}60%{opacity:1}100%{opacity:1}}@keyframes wf-star-drift{0%{opacity:0;transform:translateY(5px) scale(.5)}30%{opacity:1}100%{opacity:0;transform:translateY(-20px) scale(1.1)}}@media(max-width:540px){.wf-bubble{top:8px;left:8px;right:8px;padding:8px;font-size:15px}.wf-progress{gap:6px}.wf-progress li{font-size:14px;padding:8px 5px;gap:5px}.wf-progress b{min-width:24px;height:24px}.wf-finn{width:27%}.wf-owl{width:19%}}@media(prefers-reduced-motion:reduce){.wf-scene *{animation:none!important;transition:none!important}}.reduced .wf-scene *{animation:none!important;transition:none!important}