@property --g-angle{syntax:"<angle>";inherits:false;initial-value:0deg}[data-guide-layer]{--g-dim:var(--lightningcss-light,#100c3d6b)var(--lightningcss-dark,#000000a3);--g-glass:color-mix(in oklch, var(--c-container) 97%, transparent);pointer-events:auto}.g-edge{isolation:isolate;position:relative}.g-edge:before{content:"";z-index:-1;border-radius:inherit;padding:var(--g-edge-w,1.5px);background:conic-gradient(from var(--g-angle), transparent 0 58%, var(--c-primary) 74%, var(--c-spark) 86%, transparent 100%);-webkit-mask-composite:xor;animation:g-spin var(--g-edge-s,7s) linear infinite;pointer-events:none;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)}@keyframes g-spin{to{--g-angle:360deg}}.guide-card{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 color-mix(in oklch, var(--c-primary) 55%, transparent);color:var(--c-ink);border-radius:22px}.guide-card:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(22rem 9rem at 0% 0%, color-mix(in oklch, var(--c-primary) 22%, transparent), 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}.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}.guide-spot{z-index:81;pointer-events:none;isolation:isolate;--g-edge-w:2px;--g-edge-s:4s;box-shadow:0 0 0 9999px var(--g-dim), 0 0 0 1px color-mix(in oklch, var(--c-primary) 45%, transparent);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:before{content:"";border-radius:inherit;padding:var(--g-edge-w);background:conic-gradient(from var(--g-angle), transparent 0 58%, var(--c-primary) 74%, var(--c-spark) 86%, transparent 100%);-webkit-mask-composite:xor;animation:g-spin var(--g-edge-s) linear infinite;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-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(--c-spark);border-radius:10px;transition:all .12s ease-out;position:fixed}body.guide-asking,body.guide-asking *{cursor:help!important}.guide-button{--g-edge-s:5s}.guide-button[data-fresh]{--g-edge-s:2.5s}.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), opacity .4s var(--ease-deck)}.g-place[data-active] .g-place-card{stroke:var(--c-primary);stroke-width:1.5px}.g-place[data-tone=spark][data-active] .g-place-card{stroke:var(--c-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;animation:1.1s linear infinite g-flow}.g-wire[data-live][data-tone=spark]{stroke:var(--c-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)}.g-packet[data-tone=spark] .g-packet-pill{fill:var(--c-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){.g-edge:before,.guide-spot:before,.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}}
