:root{--night: #08061a;--night-2: #0e0824;--violet-deep: #1c1040;--violet: #5b32a8;--violet-lit: #8b5cf6;--violet-soft: #c4b5fd;--violet-mist: rgba(139, 92, 246, .22);--gold: #f5c46b;--gold-warm: #e8a33d;--gold-pale: #fff0ce;--gold-mist: rgba(245, 196, 107, .22);--cream: #f7f1e4;--cream-dim: rgba(247, 241, 228, .62);--cream-faint: rgba(247, 241, 228, .34);--ink: #241634;--font-script: "Great Vibes", cursive;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Lora", Georgia, serif;--gutter: clamp(1.25rem, 5vw, 4rem);--measure: 34ch}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}body{background:var(--night);color:var(--cream);font-family:var(--font-body);font-weight:400;line-height:1.6;overflow-x:hidden;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;scrollbar-width:none}body::-webkit-scrollbar{display:none}body.is-loading{overflow:hidden;height:100svh}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}figure{margin:0}::selection{background:var(--gold-mist);color:var(--gold-pale)}#root{position:relative;z-index:1}.act{position:relative;width:100%;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:0 var(--gutter);isolation:isolate}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.backdrop__stars{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.backdrop__mood{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;will-change:opacity}.numeral{display:block;font-family:var(--font-display);font-size:.68rem;font-weight:300;letter-spacing:.62em;text-indent:.62em;text-transform:uppercase;color:var(--gold);opacity:.7}.act-heading{font-family:var(--font-display);font-weight:300;font-size:clamp(1.9rem,6vw,3.4rem);line-height:1.15;letter-spacing:.01em;white-space:pre-line;color:var(--cream)}.seam{position:absolute;left:50%;top:0;width:1px;height:100%;transform:translate(-50%);transform-origin:50% 50%;pointer-events:none;z-index:3}.seam__line{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,var(--gold-mist) 12%,var(--gold) 50%,var(--gold-mist) 88%,transparent 100%);box-shadow:0 0 12px 1px #f5c46b73;transform-origin:50% 50%}.seam__pulse{position:absolute;left:50%;top:0;width:3px;height:22%;transform:translate(-50%);background:linear-gradient(to bottom,transparent,var(--gold-pale),transparent);filter:blur(1.5px);opacity:0}@media(max-width:767px){.seam{left:0;top:50%;width:100%;height:1px;transform:translateY(-50%)}.seam__line{background:linear-gradient(to right,transparent 0%,var(--gold-mist) 12%,var(--gold) 50%,var(--gold-mist) 88%,transparent 100%)}.seam__pulse{left:0;top:50%;width:22%;height:3px;transform:translateY(-50%);background:linear-gradient(to right,transparent,var(--gold-pale),transparent)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:2px}.mood--overture{background:radial-gradient(ellipse 90% 70% at 50% 34%,rgba(91,50,168,.34) 0%,transparent 62%),radial-gradient(ellipse 60% 50% at 50% 96%,rgba(245,196,107,.1) 0%,transparent 70%),linear-gradient(180deg,#0b0722,#08061a)}.mood--skies{background:radial-gradient(ellipse 46% 62% at 22% 46%,rgba(139,92,246,.3) 0%,transparent 66%),radial-gradient(ellipse 46% 62% at 78% 46%,rgba(91,50,168,.28) 0%,transparent 66%),linear-gradient(180deg,#0a0720,#06040f)}.mood--photos{background:radial-gradient(ellipse 80% 70% at 50% 50%,rgba(91,50,168,.26) 0%,transparent 68%),radial-gradient(ellipse 70% 40% at 50% 100%,rgba(232,163,61,.12) 0%,transparent 72%),linear-gradient(180deg,#0c0828,#08061a)}.mood--wish{background:radial-gradient(ellipse 55% 45% at 50% 62%,rgba(245,196,107,.18) 0%,transparent 64%),linear-gradient(180deg,#060412,#04030c)}.mood--letter{background:radial-gradient(ellipse 95% 75% at 50% 42%,rgba(232,163,61,.26) 0%,transparent 64%),radial-gradient(ellipse 70% 60% at 50% 108%,rgba(245,196,107,.2) 0%,transparent 70%),linear-gradient(180deg,#150c30,#1c1040 55%,#241247)}@media(max-width:767px){.mood--skies{background:radial-gradient(ellipse 74% 34% at 50% 24%,rgba(139,92,246,.3) 0%,transparent 66%),radial-gradient(ellipse 74% 34% at 50% 76%,rgba(91,50,168,.28) 0%,transparent 66%),linear-gradient(180deg,#0a0720,#06040f)}}.backdrop__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 78% 78% at 50% 50%,transparent 42%,rgba(3,2,10,.72) 100%)}.backdrop__grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");mix-blend-mode:overlay}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:var(--night)}.preloader__moon{width:2.75rem;height:2.75rem;border-radius:50%;opacity:.35;background:radial-gradient(circle at 40% 36%,#fff8e6,#f5e2b4 48%,#b99b6e);box-shadow:0 0 30px 6px #f5c46b4d,0 0 70px 20px #8b5cf633}.overture{flex-direction:column;text-align:center;min-height:100svh}.overture__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(.7rem,1.8vh,1.35rem);max-width:30rem;will-change:transform,opacity}.overture__halo{position:absolute;left:50%;top:46%;width:min(30rem,88vw);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(245,196,107,.2) 0%,transparent 62%);opacity:.6;pointer-events:none;z-index:-1}.overture__kicker{font-family:var(--font-display);font-size:clamp(.82rem,2.6vw,.98rem);font-style:italic;font-weight:300;letter-spacing:.24em;color:var(--violet-soft)}.overture__title{font-family:var(--font-script);font-weight:400;font-size:clamp(4rem,19vw,9rem);line-height:1;color:var(--gold-pale);text-shadow:0 0 28px rgba(245,196,107,.42),0 0 72px rgba(139,92,246,.3);padding:0 .12em .08em}.overture__char{will-change:transform,opacity,filter}.overture__rule{display:block;width:clamp(5rem,24vw,9rem);height:1px;background:linear-gradient(to right,transparent,var(--gold),transparent);opacity:.8}.overture__subtitle{font-family:var(--font-display);font-size:clamp(1.35rem,5.4vw,2rem);font-weight:300;letter-spacing:.03em;color:var(--cream)}.overture__line{font-size:clamp(.92rem,3.4vw,1.02rem);line-height:1.75;color:var(--cream-dim);max-width:24ch}.overture__hint{position:absolute;left:50%;bottom:max(1.75rem,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.7rem;z-index:2}.overture__hint span:first-child{font-family:var(--font-display);font-size:.66rem;letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:var(--cream-faint)}.overture__hint-line{width:1px;height:2.75rem;background:linear-gradient(to bottom,var(--gold),transparent);transform-origin:50% 0%}@media(max-height:620px){.overture__line{display:none}.overture__hint-line{height:1.75rem}}.skies{padding:0;align-items:stretch}.skies__stage{position:relative;width:100%;height:100svh;overflow:hidden}.skies__numeral{position:absolute;left:50%;top:clamp(1.5rem,4.5vh,2.75rem);transform:translate(-50%);z-index:6}.half{position:absolute;display:flex;flex-direction:column;justify-content:center;gap:clamp(1.5rem,4.5vh,3rem);padding:clamp(3.5rem,9vh,5rem) var(--gutter);z-index:2;will-change:transform}.half--sen{left:0;top:0;width:50%;height:100%;align-items:flex-end;text-align:right}.half--ben{right:0;top:0;width:50%;height:100%;align-items:flex-start;text-align:left}.half__head{display:flex;flex-direction:column;gap:.3rem;will-change:transform,opacity}.half__label{font-family:var(--font-display);font-size:.7rem;font-weight:400;letter-spacing:.52em;text-indent:.52em;color:var(--gold)}.half--sen .half__label{color:var(--violet-soft)}.half__place{font-family:var(--font-display);font-style:italic;font-size:clamp(.86rem,2.8vw,.95rem);color:var(--cream-faint)}.half__clock{display:flex;align-items:baseline;gap:.06em;margin-top:.35rem;font-family:var(--font-display);font-weight:300;font-size:clamp(1.6rem,5.6vw,2.35rem);line-height:1;letter-spacing:.04em;color:var(--cream);font-variant-numeric:tabular-nums}.half--sen .half__clock{flex-direction:row;justify-content:flex-end}.half__colon{animation:colon-blink 2s steps(1,end) infinite}@keyframes colon-blink{0%,49%{opacity:1}50%,to{opacity:.25}}.half__seconds{margin-left:.35em;font-size:.44em;letter-spacing:.18em;color:var(--cream-faint);font-variant-numeric:tabular-nums}.half__lines{position:relative;width:100%;min-height:clamp(7rem,20vh,10rem)}.sky-line{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;font-family:var(--font-body);font-size:clamp(1rem,3.6vw,1.22rem);line-height:1.75;white-space:pre-line;color:var(--cream);will-change:transform,opacity}.half--sen .sky-line{justify-content:flex-end}.half--ben .sky-line{justify-content:flex-start}.skies__note{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:5;padding:.42rem .95rem;border-radius:999px;font-family:var(--font-display);font-style:italic;font-size:clamp(.72rem,2.5vw,.84rem);letter-spacing:.06em;white-space:nowrap;color:var(--gold-pale);background:#08061ac7;border:1px solid rgba(245,196,107,.22);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);will-change:transform,opacity}.moon{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:clamp(5.5rem,17vw,9.5rem);aspect-ratio:1;z-index:4;pointer-events:none;will-change:transform,opacity}.moon__disc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.5) 0%,transparent 34%),radial-gradient(circle at 66% 62%,rgba(196,181,253,.28) 0%,transparent 30%),radial-gradient(circle at 42% 46%,#fff8e6,#f5e2b4 46%,#d9bd88 78%,#b99b6e);box-shadow:0 0 34px 6px #f5c46b57,0 0 90px 24px #8b5cf638,inset -8px -10px 26px #543a7857}.moon__halo{position:absolute;left:50%;top:50%;width:340%;height:340%;transform:translate(-50%,-50%) scale(.7);border-radius:50%;background:radial-gradient(circle,rgba(245,196,107,.2) 0%,rgba(139,92,246,.12) 38%,transparent 66%);opacity:0}.skies__closing{position:absolute;left:50%;bottom:clamp(2.5rem,9vh,5.5rem);transform:translate(-50%);width:min(30rem,calc(100% - 2 * var(--gutter)));display:flex;flex-direction:column;align-items:center;gap:.85rem;text-align:center;z-index:6;will-change:transform,opacity}.skies__heading{font-size:clamp(1.7rem,6.4vw,3rem);color:var(--gold-pale);text-shadow:0 0 30px rgba(245,196,107,.28)}.skies__caption{font-family:var(--font-display);font-style:italic;font-size:clamp(.9rem,3.2vw,1.05rem);color:var(--cream-dim)}@media(max-width:767px){.half{align-items:center;text-align:center;gap:clamp(.9rem,2.5vh,1.5rem);padding:clamp(2.75rem,7vh,4rem) var(--gutter)}.half--sen{width:100%;height:50%;top:0;justify-content:center}.half--ben{width:100%;height:50%;top:auto;bottom:0;justify-content:center}.half--sen .half__clock,.half--ben .half__clock{justify-content:center}.half__head{align-items:center}.half__lines{min-height:clamp(5.5rem,15vh,8rem)}.half--sen .sky-line,.half--ben .sky-line{justify-content:center;text-align:center}.moon{top:50%;width:clamp(4.75rem,26vw,7rem)}.skies__note{top:50%}.skies__closing{bottom:clamp(1.5rem,6vh,3rem);gap:.6rem}.skies__heading{font-size:clamp(1.55rem,8vw,2.1rem)}}@media(max-height:640px){.half__seconds{display:none}}.photos{padding:0;align-items:stretch}.photos__stage{position:relative;width:100%;height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.photos__head{position:absolute;left:var(--gutter);top:clamp(2rem,7vh,4rem);display:flex;flex-direction:column;gap:.85rem;z-index:5;pointer-events:none;will-change:transform,opacity}.photos__head .numeral{text-align:left}.photos__heading{font-size:clamp(1.5rem,5vw,2.4rem);font-style:italic;color:var(--cream)}.photos__seam{opacity:.28;z-index:1}.photos__track{display:flex;align-items:center;gap:clamp(2rem,8vw,7rem);padding-inline:clamp(1.5rem,26vw,22rem);width:max-content;will-change:transform;z-index:2}.photo-card{flex:0 0 auto;width:clamp(15rem,62vw,26rem);display:flex;flex-direction:column;gap:clamp(1rem,2.5vh,1.5rem);will-change:transform,opacity}.photo-card__frame{position:relative;overflow:hidden;border-radius:2px;aspect-ratio:4 / 5;background:var(--violet-deep);box-shadow:0 24px 60px -18px #000000b3,0 0 0 1px #f5c46b29,0 0 46px -10px #8b5cf652}.photo-card__img{width:116%;height:100%;object-fit:cover;will-change:transform;-webkit-user-select:none;user-select:none}.photo-card__wash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(28,16,64,.62) 0%,transparent 52%),linear-gradient(to bottom,rgba(8,6,26,.34) 0%,transparent 34%);mix-blend-mode:multiply}.photo-card__caption{display:flex;flex-direction:column;gap:.55rem;min-height:7rem;font-family:var(--font-body);font-size:clamp(.95rem,3.2vw,1.08rem);line-height:1.7;white-space:pre-line;color:var(--cream-dim)}.photo-card__index{font-family:var(--font-display);font-size:.68rem;letter-spacing:.44em;text-indent:.44em;color:var(--gold);opacity:.75}@media(max-width:767px){.photos__head{top:clamp(1.5rem,5vh,2.5rem);gap:.6rem}.photo-card{width:min(72vw,20rem)}.photo-card__frame{aspect-ratio:3 / 4}}@media(max-height:700px){.photo-card__frame{aspect-ratio:1 / 1}}@media(prefers-reduced-motion:reduce){.photos{padding-block:clamp(4rem,12vh,7rem)}.photos__stage{height:auto;overflow:visible;gap:clamp(2.5rem,8vh,4.5rem)}.photos__head{position:static;align-items:center;text-align:center}.photos__head .numeral{text-align:center}.photos__track{flex-direction:column;align-items:center;width:100%;padding-inline:0;gap:clamp(2.5rem,8vh,4rem)}.photos__seam{display:none}}.wish{padding:0;align-items:stretch}.wish__stage{position:relative;width:100%;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2rem,6vh,3.75rem);padding:clamp(3rem,9vh,5rem) var(--gutter);overflow:hidden;cursor:pointer}.wish__dark{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 58%,#0302098c,#030209eb);pointer-events:none;z-index:2}.wish__seam{opacity:.5}.wish__head{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center;will-change:transform,opacity}.wish__heading{font-size:clamp(1.7rem,6.6vw,2.9rem);color:var(--cream)}.wish__candles{position:relative;z-index:4;display:flex;align-items:flex-end;justify-content:center;gap:clamp(1rem,3.8vw,1.9rem);will-change:transform,opacity}.candle{position:relative;display:block;width:clamp(.62rem,2.2vw,.85rem);height:clamp(3rem,9vh,4.75rem)}.candle__body{position:absolute;top:0;right:0;bottom:0;left:0;transition:filter 1.4s ease;border-radius:999px 999px 3px 3px;background:linear-gradient(to right,#6d5698,#cbb6ea 26%,#f2e6ff 44%,#b79fdd,#55407e);box-shadow:inset 0 -12px 20px #1c104073}.candle__body:after{content:"";position:absolute;inset:0 0 auto;height:38%;border-radius:999px 999px 0 0;background:linear-gradient(to bottom,rgba(245,196,107,.55),transparent);transition:opacity .8s ease}.is-blown .candle__body:after{opacity:0}.is-blown .candle__body{filter:brightness(.5) saturate(.8)}.candle__wick{position:absolute;left:50%;top:-.42rem;width:1.5px;height:.5rem;transform:translate(-50%);background:linear-gradient(to bottom,#4a3a2a,#241634);border-radius:1px}.candle__flame{position:absolute;left:50%;bottom:100%;margin-bottom:.24rem;width:clamp(.62rem,2.2vw,.8rem);height:clamp(1.15rem,4vw,1.5rem);transform:translate(-50%);transform-origin:50% 100%;border-radius:50% 50% 46% 46%/68% 68% 32% 32%;background:radial-gradient(ellipse at 50% 78%,#ffffff 0%,#fff3cd 22%,var(--gold) 46%,var(--gold-warm) 68%,rgba(232,100,20,.35) 88%,transparent 100%);filter:blur(.4px);will-change:transform,opacity}.candle__glow{position:absolute;left:50%;bottom:90%;width:clamp(5rem,17vw,7.5rem);aspect-ratio:1;transform:translate(-50%,34%);border-radius:50%;background:radial-gradient(circle,rgba(245,196,107,.34) 0%,transparent 62%);pointer-events:none;will-change:transform,opacity}.candle__smoke{position:absolute;left:50%;bottom:calc(100% + .35rem);width:.26rem;height:2.1rem;transform:translate(-50%);transform-origin:50% 100%;border-radius:999px;background:linear-gradient(to top,rgba(206,198,220,.9),transparent 85%);filter:blur(2.2px);opacity:0;pointer-events:none}.wish__slot{position:relative;z-index:4;width:min(28rem,100%);min-height:clamp(6.5rem,19vh,9rem);display:grid;place-items:center}.wish__prompt,.wish__reveal{grid-area:1 / 1;text-align:center}.wish__prompt{display:inline-flex;align-items:center;gap:.7rem;padding:.7rem 1.5rem;font-family:var(--font-display);font-size:clamp(.72rem,2.6vw,.82rem);letter-spacing:.36em;text-indent:.36em;text-transform:uppercase;color:var(--gold-pale);border:1px solid rgba(245,196,107,.45);border-radius:999px;background:#f5c46b17;box-shadow:0 0 24px -6px #f5c46b80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);will-change:transform,opacity}.wish__prompt-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px 2px #f5c46bb3}.wish__reveal{display:flex;flex-direction:column;gap:clamp(.7rem,2.2vh,1.2rem);pointer-events:none}.wish__line{font-family:var(--font-display);font-weight:300;font-size:clamp(1.2rem,5vw,1.85rem);line-height:1.35;white-space:pre-line;color:var(--gold-pale);text-shadow:0 0 28px rgba(245,196,107,.35);will-change:transform,opacity}.wish__line:first-child{font-family:var(--font-body);font-size:clamp(.9rem,3.2vw,1.02rem);font-style:italic;letter-spacing:.02em;color:var(--cream-dim);text-shadow:none}.wish__flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;opacity:0;background:radial-gradient(ellipse 60% 55% at 50% 50%,rgba(255,240,206,.95) 0%,transparent 62%),linear-gradient(90deg,#8b5cf666,#f5c46bd9,#8b5cf666);will-change:clip-path,opacity}.wish__ring{position:absolute;left:50%;top:50%;z-index:7;width:min(160vw,160vh);aspect-ratio:1;border-radius:50%;pointer-events:none;opacity:0;border:1px solid rgba(245,196,107,.55);box-shadow:0 0 40px #f5c46b52,inset 0 0 60px #f5c46b1f;will-change:transform,opacity}.wish__ring:last-of-type{border-color:#8b5cf680;box-shadow:0 0 50px #8b5cf64d,inset 0 0 70px #8b5cf61f}@media(max-height:700px){.wish__stage{gap:clamp(1.25rem,4vh,2rem)}.candle{height:clamp(2.6rem,8vh,3.5rem)}.wish__slot{min-height:clamp(5rem,15vh,7rem)}}.letter{min-height:100svh;padding-block:clamp(6rem,18vh,11rem);align-items:center}.letter__sheet{position:relative;z-index:2;width:min(38rem,100%);display:flex;flex-direction:column;gap:clamp(1.75rem,5vh,3rem)}.letter__numeral{align-self:flex-start}.letter__to{font-family:var(--font-script);font-weight:400;font-size:clamp(2.6rem,11vw,4.25rem);line-height:1;color:var(--gold-pale);text-shadow:0 0 32px rgba(245,196,107,.4);padding-bottom:.08em}.letter__body{display:flex;flex-direction:column;gap:clamp(1.1rem,3vh,1.65rem)}.letter__p{font-family:var(--font-body);font-size:clamp(1rem,3.7vw,1.14rem);line-height:1.95;color:var(--cream);text-wrap:pretty}.letter__split-line{will-change:transform,opacity}.letter__split-line-mask{padding-bottom:.12em}.letter__outro{display:flex;flex-direction:column;gap:clamp(1rem,2.6vh,1.5rem);margin-top:clamp(.5rem,2vh,1.25rem)}.letter__rule{width:clamp(4rem,18vw,7rem);height:1px;background:linear-gradient(to right,var(--gold),transparent);transform-origin:0% 50%}.letter__closing{font-family:var(--font-display);font-weight:300;font-style:italic;font-size:clamp(1.45rem,6vw,2.2rem);line-height:1.3;color:var(--gold-pale);text-shadow:0 0 26px rgba(245,196,107,.3)}.letter__from{font-family:var(--font-display);font-size:clamp(.86rem,3vw,.98rem);letter-spacing:.14em;color:var(--cream-dim)}.km{position:relative;align-self:center;width:min(18rem,70%);height:5.5rem;margin-top:clamp(2.5rem,8vh,5rem);display:flex;align-items:center;justify-content:center}.km__track{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(to right,transparent,rgba(245,196,107,.45),transparent);transform-origin:50% 50%}.km__dot{position:absolute;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%}.km__dot--a{left:calc(50% - 7px);background:var(--violet-soft);box-shadow:0 0 12px 2px #c4b5fdb3}.km__dot--b{left:50%;background:var(--gold);box-shadow:0 0 12px 2px #f5c46bb3}.km__spark{position:absolute;left:50%;top:50%;width:2.5rem;height:2.5rem;margin:-1.25rem 0 0 -1.25rem;border-radius:50%;background:radial-gradient(circle,rgba(255,240,206,.8) 0%,transparent 62%);opacity:0;pointer-events:none}.km__value{position:absolute;top:calc(50% + 1.35rem);left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:clamp(.9rem,3.2vw,1.05rem);letter-spacing:.3em;text-indent:.3em;color:var(--gold);white-space:nowrap}