.spot{z-index:var(--z-spotlight);pointer-events:none;position:fixed;inset:0}.spot__shade,.spot__overlay-svg,.spot__motion,.spot__catch,.spot__arrow-layer{width:100%;height:100%;position:absolute;inset:0}.spot__overlay-svg,.spot__shade{overflow:visible}.spot__scrim{fill:color-mix(in srgb, var(--ink) 72%, transparent)}.spot__ring{fill:none;stroke:var(--card);stroke-opacity:.9;stroke-width:2px}.spot__ring.is-dashed{stroke-dasharray:5 4}.spot__shade,.spot__motion{transition:opacity .2s}.spot.is-aside .spot__shade,.spot.is-aside .spot__motion{opacity:0}.spot.is-aside .spot__card{pointer-events:none}.spot.is-aside .spot__chevron{pointer-events:auto}.spot__shade,.spot__shade *,.spot__motion,.spot__motion *,.spot__arrow-layer,.spot__arrow-layer *{pointer-events:none}.spot__catch{pointer-events:auto}.spot__arrow path{fill:none;stroke:var(--card);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.spot__arrow-layer{animation:.2s .28s both spot-fade}.spot__card{box-sizing:border-box;width:min(360px,100vw - 32px);padding:var(--space-16) var(--space-16) var(--space-10);border-radius:calc(var(--radius-panel) + 2px);background:var(--card);color:var(--ink);box-shadow:0 12px 32px color-mix(in srgb, var(--ink) 28%, transparent);pointer-events:auto;will-change:transform;flex-direction:column;display:flex;position:absolute;top:0;left:0}.spot__top{gap:var(--space-8);justify-content:space-between;align-items:center;display:flex}.spot__eyebrow{font-family:var(--text-caption-family);font-size:var(--text-caption-size);font-weight:var(--weight-medium);letter-spacing:.5px;text-transform:uppercase;color:var(--gold-deep)}.spot__top-right{align-items:center;gap:var(--space-8);display:flex}.spot__card.is-folded{align-items:center;gap:var(--space-8);padding-top:var(--space-6);padding-bottom:var(--space-6);flex-direction:row}.spot__card.is-folded .spot__title{font-size:var(--text-body-size);flex:1;margin:0;line-height:1.3}.spot__hand-mark{fill:none;width:16px;height:16px;stroke:var(--gold-deep);stroke-width:1.6px;flex:none}.spot__chevron{min-width:44px;min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.spot__chevron svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.spot__dots{align-items:center;gap:5px;display:flex}.spot__dot{border-radius:var(--radius-pill);background:var(--taupe);width:6px;height:6px}.spot__dot.is-on{background:var(--gold);width:16px}.spot__words{flex:0 auto;min-height:0;overflow-y:auto}.spot__progress,.spot__demo{margin:var(--space-6) 0 0;color:var(--ink-soft);font-size:var(--text-hint-size)}.spot__title{margin:var(--space-4) 0;font-family:var(--text-body-large-family);font-size:var(--text-subtitle-size);line-height:var(--text-subtitle-line);font-weight:var(--weight-bold)}.spot__title:focus{outline:none}.spot__body{margin:0}.spot__actions{justify-content:space-between;align-items:center;gap:var(--space-8);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.spot__skip{min-height:44px;font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:0}.spot__buttons{gap:var(--space-8);flex-wrap:wrap;display:flex}.spot__button{border-radius:var(--radius-pill);min-height:44px}.spot__hand{width:0;height:0;position:absolute;top:0;left:0}.spot__hand-glyph{width:30px;height:30px;fill:var(--card);stroke:var(--ink);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;position:absolute;top:-2px;left:-4px}.spot__pulse{border:2px solid var(--card);opacity:0;border-radius:50%;width:56px;height:56px;animation:1.6s ease-out 3 both spot-pulse;position:absolute;top:-28px;left:-28px}.spot__pulse.is-late{animation-delay:.8s}.spot__path path{fill:none;stroke:var(--card);stroke-width:2px;stroke-linecap:round}.spot__dash{stroke-dasharray:6 6;animation:.9s linear infinite spot-dash}.spot__ghost{border:2px dashed var(--card);background:color-mix(in srgb, var(--card) 35%, transparent);opacity:0;border-radius:12px;position:absolute;top:0;left:0}.spot__confetti{z-index:var(--z-spotlight-confetti);pointer-events:none;position:fixed;inset:0;overflow:hidden}.spot__piece{border-radius:2px;width:8px;height:12px;animation:2.6s cubic-bezier(.25,.6,.4,1) both spot-fall;position:absolute;top:-12px}.spot__piece.is-tone-0{background:var(--gold)}.spot__piece.is-tone-1{background:var(--rose)}.spot__piece.is-tone-2{background:var(--sage)}.spot__piece.is-tone-3{background:var(--blush)}@keyframes spot-fade{0%{opacity:0}to{opacity:1}}@keyframes spot-pulse{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}@keyframes spot-dash{to{stroke-dashoffset:-12px}}@keyframes spot-fall{to{transform:translate(var(--drift), 105vh) rotate(var(--turn))}}@media (prefers-reduced-motion:reduce){.spot__pulse{opacity:.6;animation:none;transform:scale(.9)}.spot__dash{animation:none}.spot__arrow-layer{animation:.2s both spot-fade}.spot__card{will-change:auto;animation:.2s both spot-fade}}