@property --g-angle{syntax:"<angle>";inherits:false;initial-value:0deg}[data-guide-layer]{--g-glow:color-mix(in oklch, var(--c-primary) 55%, transparent);--g-glow-soft:color-mix(in oklch, var(--c-primary) 22%, transparent);--g-spark:color-mix(in oklch, var(--c-spark) 60%, transparent);--g-dim:var(--lightningcss-light,#100c3d6b)var(--lightningcss-dark,#000000a3);--g-glass:color-mix(in oklch, var(--c-container) 97%, transparent);pointer-events:auto}.guide-card{isolation:isolate;background:var(--g-glass);-webkit-backdrop-filter:blur(22px)saturate(1.35);box-shadow:0 0 0 1px color-mix(in oklch, var(--c-primary) 28%, var(--c-outline-faint)), 0 28px 70px -28px #0000008c, 0 0 56px -12px var(--g-glow);color:var(--c-ink);border-radius:22px;position:relative}.guide-card:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--g-angle), transparent 0 58%, var(--c-primary) 74%, var(--c-spark) 86%, transparent 100%);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;animation:7s linear infinite g-spin;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.guide-card:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(22rem 9rem at 0% 0%, var(--g-glow-soft), transparent 70%), radial-gradient(16rem 8rem at 100% 100%, color-mix(in oklch, var(--c-spark) 12%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}@keyframes g-spin{to{--g-angle:360deg}}.guide-kicker{font-family:var(--font-label);font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--c-primary);font-weight:700}.guide-dots{align-items:center;gap:5px;display:flex}.guide-dots>span{background:var(--c-outline);width:6px;height:6px;transition:width .35s var(--ease-deck), background-color .35s var(--ease-deck), box-shadow .35s var(--ease-deck);border-radius:999px}.guide-dots>span[data-state=done]{background:color-mix(in oklch, var(--c-primary) 55%, var(--c-outline))}.guide-dots>span[data-state=now]{background:var(--c-primary);width:20px;box-shadow:0 0 10px var(--g-glow)}.guide-spot{z-index:81;pointer-events:none;box-shadow:0 0 0 9999px var(--g-dim), 0 0 0 2px var(--c-primary), 0 0 30px 6px var(--g-glow);transition:top .4s var(--ease-deck), left .4s var(--ease-deck), width .4s var(--ease-deck), height .4s var(--ease-deck);border-radius:14px;position:fixed}.guide-spot:after{content:"";border-radius:inherit;border:2px solid var(--c-primary);animation:1.9s cubic-bezier(.2,.7,.3,1) infinite g-pulse;position:absolute;inset:-2px}@keyframes g-pulse{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}.guide-veil{z-index:80;background:var(--g-dim);position:fixed;inset:0}.guide-hover{z-index:81;pointer-events:none;box-shadow:0 0 0 2px var(--g-spark), 0 0 18px 2px color-mix(in oklch, var(--c-spark) 30%, transparent);border-radius:10px;transition:all .12s ease-out;position:fixed}body.guide-asking,body.guide-asking *{cursor:help!important}.guide-button{box-shadow:0 0 0 1px color-mix(in oklch, var(--c-primary) 35%, var(--c-outline-faint)), 0 0 16px -4px var(--g-glow,color-mix(in oklch, var(--c-primary) 55%, transparent));position:relative}.guide-button[data-fresh]:after{content:"";border:2px solid var(--c-primary);pointer-events:none;border-radius:999px;animation:2.4s cubic-bezier(.2,.7,.3,1) infinite g-pulse;position:absolute;inset:-3px}.g-stage{background:radial-gradient(60% 80% at 50% 0%, color-mix(in oklch, var(--c-primary) 7%, transparent), transparent 70%), color-mix(in oklch, var(--c-ground) 70%, transparent);width:100%;height:auto;box-shadow:inset 0 0 0 1px var(--c-outline-faint);border-radius:16px;display:block;overflow:visible}.g-place-card{fill:var(--c-container);stroke:var(--c-outline-faint);stroke-width:1px;transition:stroke .4s var(--ease-deck), filter .4s var(--ease-deck), opacity .4s var(--ease-deck)}.g-place[data-active] .g-place-card{stroke:var(--c-primary);stroke-width:1.5px;filter:drop-shadow(0 0 10px var(--g-glow))}.g-place[data-tone=spark][data-active] .g-place-card{stroke:var(--c-spark);filter:drop-shadow(0 0 10px var(--g-spark))}.g-place[data-tone=error] .g-place-card{stroke:var(--c-error)}.g-place[data-dim]{opacity:.35}.g-place-label{font-family:var(--font-display);fill:var(--c-ink);font-size:14px;font-weight:800}.g-place-sub{font-family:var(--font-sans);fill:var(--c-ink-3);font-size:10.5px}.g-place-icon{color:var(--c-primary)}.g-place[data-tone=spark] .g-place-icon{color:var(--c-spark)}.g-place[data-tone=work] .g-place-icon{color:var(--c-work)}.g-place[data-tone=error] .g-place-icon{color:var(--c-error)}.g-wire{fill:none;stroke:var(--c-outline);stroke-width:1.5px;stroke-linecap:round}.g-wire[data-live]{stroke:var(--c-primary);stroke-dasharray:3 8;filter:drop-shadow(0 0 4px var(--g-glow));animation:1.1s linear infinite g-flow}.g-wire[data-live][data-tone=spark]{stroke:var(--c-spark);filter:drop-shadow(0 0 4px var(--g-spark))}.g-wire[data-live][data-reverse]{animation-direction:reverse}.g-wire[data-off]{stroke-dasharray:2 6;opacity:.45}@keyframes g-flow{to{stroke-dashoffset:-22px}}.g-packet-pill{fill:var(--c-primary);filter:drop-shadow(0 0 8px var(--g-glow))}.g-packet[data-tone=spark] .g-packet-pill{fill:var(--c-spark);filter:drop-shadow(0 0 8px var(--g-spark))}.g-packet[data-tone=work] .g-packet-pill{fill:var(--c-work)}.g-packet-text{font-family:var(--font-label);letter-spacing:.02em;fill:#fff;font-size:10px;font-weight:800}.g-packet[data-tone=spark] .g-packet-text,.g-packet[data-tone=work] .g-packet-text{fill:var(--c-ground)}.g-badge-bg{fill:var(--c-container);stroke:var(--c-outline)}.g-badge[data-tone=primary] .g-badge-bg{stroke:var(--c-primary)}.g-badge[data-tone=spark] .g-badge-bg{stroke:var(--c-spark)}.g-badge-text{font-family:var(--font-sans);fill:var(--c-ink-2);font-size:10px;font-weight:700}.g-pop{transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.34,1.56,.64,1) both g-pop}@keyframes g-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.guide-card:before,.guide-spot:after,.guide-button[data-fresh]:after,.g-wire[data-live],.g-pop{animation:none}.guide-spot,.guide-hover{transition:none}}@keyframes g-type{0%{max-width:0}to{max-width:100%}}@keyframes g-fill{0%{transform:scaleX(.04)}to{transform:scaleX(1)}}.g-caret{background:#d7dbe4;width:8px;height:15px;animation:1s step-end infinite g-blink;display:inline-block}@keyframes g-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.g-caret{animation:none}}
