.inv--candles{--inv-bg: radial-gradient(70% 55% at 50% 55%,#3a1d13 0%,#1d100c 70%,#120906 100%);--inv-ink: #f5e6cc;--inv-accent: #e7a75a;--inv-surface: #2a1712;--pv-chip: #2a1712;--pv-chip-fg: #f5e6cc;--cn-amber: #f5c46b;--cn-terra: #e0805a;font-family: "El Messiri",var(--font-body)}.cn-scene{display: grid;justify-items: center}.cn-wish{font-family: var(--font-display);font-size: clamp(1.8rem,7vw,2.4rem);color: #f5e6cc;margin-bottom: 3rem;animation: cn-fade 2s ease both 0.6s}.cn-row{display: flex;align-items: flex-end;gap: 1.6rem;height: 12rem}.cn-candle{position: relative;width: 1.6rem;height: var(--h);border-radius: 0.3rem 0.3rem 0.15rem 0.15rem;background: linear-gradient(90deg,#d9c6a5,#f3e7d0 40%,#e6d5b6 70%,#c9b490);animation: cn-rise 1.2s var(--ease-out) both calc(0.2s + var(--i) * 0.15s)}.cn-wick{position: absolute;bottom: 100%;left: 50%;width: 2px;height: 0.6rem;translate: -50% 0;background: #2a1a10}.cn-flame{position: absolute;bottom: calc(100% + 0.4rem);left: 50%;width: 1rem;height: 1.9rem;margin-left: -0.5rem;border-radius: 50% 50% 50% 50% / 62% 62% 38% 38%;background: radial-gradient(circle at 50% 75%,#fff8dc 0 18%,var(--cn-amber) 45%,#e8743a 85%,transparent 100%);transform-origin: 50% 90%;animation: cn-flicker 1.6s ease-in-out infinite alternate calc(var(--i) * -0.4s);transition: transform 0.35s ease-in,opacity 0.35s}.cn-glow{position: absolute;bottom: calc(100% - 1rem);left: 50%;width: 9rem;height: 9rem;margin-left: -4.5rem;border-radius: 50%;background: radial-gradient(circle,rgb(245 196 107 / 0.32),transparent 65%);animation: cn-breathe 2.6s ease-in-out infinite calc(var(--i) * -0.7s);transition: opacity 0.5s;pointer-events: none}.cn-smoke{position: absolute;bottom: calc(100% + 0.6rem);left: 50%;width: 0.5rem;height: 3rem;margin-left: -0.25rem;border-radius: 50%;background: linear-gradient(0deg,rgb(220 210 200 / 0.55),transparent);opacity: 0}.cn-table{width: min(80vw,18rem);height: 0.4rem;border-radius: 0.2rem;background: linear-gradient(90deg,transparent,#5a3020 20%,#5a3020 80%,transparent);margin-top: 0.1rem;animation: cn-fade 1s both 0.3s}.inv--candles[data-state="opening"] .cn-flame{animation: none;transform: scale(0.1,0.3);opacity: 0;transition-delay: calc(var(--i) * 0.18s)}.inv--candles[data-state="opening"] .cn-glow{animation: none;opacity: 0;transition-delay: calc(var(--i) * 0.18s)}.inv--candles[data-state="opening"] .cn-smoke{animation: cn-smoke 1.6s ease-out both calc(0.3s + var(--i) * 0.18s)}.inv--candles[data-state="opening"] .cn-wish{animation: cn-out 0.5s both}.inv--candles[data-state="opening"] .cn-row,.inv--candles[data-state="opening"] .cn-table{animation: cn-out 0.6s both 1.2s}.cn-room{position: relative;min-height: 100vh;min-height: 100svh}.cn-room::before{content: "";position: absolute;inset: -20% -20% auto;height: 90vh;background: radial-gradient(50% 50% at 50% 50%,rgb(245 196 107 / 0.28),transparent 70%);opacity: 0;transform: scale(0.4);transition: opacity 1.4s ease,transform 1.6s var(--ease-out);transition-delay: 1s;pointer-events: none}.inv--candles:is([data-state="opening"],[data-state="open"]) .cn-room::before{opacity: 1;transform: none}.cn-motes{position: absolute;inset: 0;pointer-events: none}.cn-motes span{position: absolute;left: var(--x);top: var(--y);width: calc(var(--s) * 4px);height: calc(var(--s) * 4px);border-radius: 50%;background: var(--cn-amber);opacity: 0;animation: cn-mote var(--t) ease-in-out infinite var(--d)}.cn-sheet{position: relative;max-width: 28rem;margin-inline: auto;display: grid;justify-items: center;gap: 1.3rem;text-align: center}.cn-mini{display: flex;gap: 0.6rem;align-items: flex-end}.cn-mini i{width: 0.45rem;height: 1.4rem;border-radius: 2px;background: #efe0c6;position: relative}.cn-mini i:nth-child(2){height: 1.9rem}.cn-mini i::before{content: "";position: absolute;bottom: calc(100% + 3px);left: 50%;width: 0.4rem;height: 0.7rem;margin-left: -0.2rem;border-radius: 50% 50% 50% 50% / 62% 62% 38% 38%;background: var(--cn-amber);box-shadow: 0 0 10px var(--cn-amber)}.cn-pre{font-size: 1.15rem;color: #e3cfae}.cn-name{font-family: var(--font-display);font-size: clamp(3.4rem,15vw,5rem);line-height: 1.2;color: #fff1d8;text-shadow: 0 0 30px rgb(245 196 107 / 0.35);outline: none}.cn-age{font-size: 1.2rem;color: #e3cfae}.cn-age b{font-family: var(--font-display);font-size: 1.6em;color: var(--cn-terra);font-weight: 700}.cn-details{margin: 0;width: 100%;display: grid;gap: 0}.cn-details>div{padding-block: 0.8rem;border-top: 1px solid rgb(245 196 107 / 0.18)}.cn-details dt{font-size: 0.8rem;color: var(--cn-amber)}.cn-details dd{margin: 0;font-size: 1.15rem}.cn-cd .cd__num{font-family: var(--font-display);font-size: 1.9rem;color: #fff1d8}.cn-cd .cd__label{color: var(--cn-amber)}.cn-foot{font-family: var(--font-display);font-size: 1.3rem;color: var(--cn-amber)}.inv--candles:is([data-state="opening"],[data-state="open"]) .cn-sheet>*{animation: cn-up 1s var(--ease-out) both calc(1.5s + var(--i) * 0.12s)}@keyframes cn-fade{from{opacity: 0}to{opacity: 1}}@keyframes cn-out{to{opacity: 0}}@keyframes cn-up{from{opacity: 0;transform: translateY(18px)}to{opacity: 1;transform: none}}@keyframes cn-rise{from{opacity: 0;transform: translateY(30px)}to{opacity: 1;transform: none}}@keyframes cn-flicker{0%{transform: scale(1,1) skewX(0deg)}25%{transform: scale(0.94,1.06) skewX(2deg)}50%{transform: scale(1.04,0.95) skewX(-2deg)}75%{transform: scale(0.97,1.04) skewX(1deg)}100%{transform: scale(1.02,0.98) skewX(-1deg)}}@keyframes cn-breathe{0%,100%{transform: scale(1);opacity: 0.9}50%{transform: scale(1.12);opacity: 1}}@keyframes cn-smoke{0%{opacity: 0;transform: translateY(0) scaleX(1)}20%{opacity: 0.8}100%{opacity: 0;transform: translateY(-5rem) scaleX(2.2) rotate(8deg)}}@keyframes cn-mote{0%,100%{opacity: 0;transform: translateY(0)}50%{opacity: 0.6;transform: translateY(-20px)}}