.guide-welcome__panel{border-radius:var(--radius-xl);background:var(--color-surface);width:560px;max-width:92vw;box-shadow:var(--shadow-lg);flex-direction:column;padding:0;display:flex;overflow:hidden}.guide-welcome__header{color:var(--color-primary);font-size:var(--font-size-sm);align-items:center;gap:9px;padding:16px 20px 0;font-weight:700;display:flex}.guide-welcome__badge{border-radius:var(--radius-md);background:var(--color-primary);width:20px;height:20px;color:var(--color-primary-contrast);font-size:var(--font-size-xs);place-items:center;font-weight:800;display:grid}.guide-welcome__close{border-radius:var(--radius-md);background:var(--color-surface-sunken);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;border:0;place-items:center;margin-left:auto;display:grid}.guide-welcome__close:hover{background:var(--color-surface-hover);color:var(--color-text)}.guide-welcome__viewport{padding-top:6px;overflow:hidden}.guide-welcome__track{transition:transform .34s cubic-bezier(.22,.7,.3,1);display:flex}.guide-welcome__slide{flex-direction:column;flex:0 0 100%;padding:18px 40px 4px;display:flex}.guide-welcome__copy{min-height:96px}.guide-welcome__art{border:1px solid var(--color-primary-border);border-radius:var(--radius-lg);background:var(--color-primary-soft);place-items:center;height:150px;margin-bottom:20px;display:grid}.guide-welcome__title{font-size:var(--font-size-lg);letter-spacing:-.02em;text-wrap:balance;margin:0 0 7px;font-weight:800}.guide-welcome__text{color:var(--color-text-muted);font-size:var(--font-size-sm);text-wrap:pretty;margin:0;line-height:1.55}.guide-art{justify-content:center;align-items:center;gap:16px;width:100%;padding:0 22px;display:flex}.guide-art__glyph{width:40px;height:40px;color:var(--color-primary);flex:none}.guide-art__lines{flex-direction:column;gap:7px;width:190px;display:flex}.guide-art__line{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-primary) 24%, transparent);height:11px}.guide-art__line.is-short{width:78%}.guide-art__line.is-medium{width:88%}.guide-art__line.is-accent{background:var(--color-primary);width:56%}.guide-art__rows{flex-direction:column;gap:8px;width:190px;display:flex}.guide-art__row{border:1px solid var(--color-primary-border);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;gap:8px;padding:7px 9px;display:flex}.guide-art__dot{background:var(--color-border-strong);border-radius:50%;flex:none;width:7px;height:7px}.guide-art__dot.is-success{background:var(--color-success)}.guide-art__code{color:var(--color-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-2xs)}.guide-art__tag{color:var(--color-text-subtle);font-size:var(--font-size-2xs);white-space:nowrap;margin-left:auto;font-weight:700}.guide-art__tag.is-success{color:var(--color-success)}.guide-art__tag.is-muted{color:var(--color-text-subtle)}.guide-art__bars{align-items:flex-end;gap:8px;width:190px;height:84px;display:flex}.guide-art__bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:color-mix(in srgb, var(--color-primary) 24%, transparent);flex:1}.guide-art__bar.is-accent{background:var(--color-primary)}.guide-welcome__footer{align-items:center;gap:8px;margin-top:auto;padding:16px 20px 8px;display:flex}.guide-welcome__dots{gap:6px;display:flex}.guide-welcome__actions{gap:8px;margin-left:auto;display:flex}.guide-welcome__optout{color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-xs);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:0 20px 16px;display:flex}.guide-welcome__optout input{width:15px;height:15px;accent-color:var(--color-primary);cursor:pointer}.guide-dot{background:var(--color-border-strong);cursor:pointer;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:width .2s,background .2s}.guide-dot.is-current{background:var(--color-primary);width:22px}.guide-tour__dots .guide-dot{cursor:default;width:6px;height:6px}.guide-tour__dots .guide-dot.is-current{width:16px}.guide-tour{z-index:950;pointer-events:none;position:fixed;inset:0}.guide-tour__spot{border-radius:var(--radius-lg);box-shadow:0 0 0 9999px var(--color-overlay), 0 0 0 2px var(--color-primary), 0 0 0 7px var(--color-focus-ring);transition:left .28s cubic-bezier(.22,.7,.3,1),top .28s cubic-bezier(.22,.7,.3,1),width .28s,height .28s;position:absolute}.guide-tour__spot.is-unanchored{box-shadow:none;background:var(--color-overlay);border-radius:0;inset:0}.guide-tour__tip{border-radius:var(--radius-lg);background:var(--color-surface);width:340px;max-width:calc(100vw - 36px);box-shadow:var(--shadow-lg);pointer-events:auto;padding:15px 17px 16px;position:absolute}.guide-tour__tip-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.guide-tour__step-label{border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-xs);letter-spacing:.04em;white-space:nowrap;flex:none;padding:3px 7px;font-weight:600}.guide-tour__dismiss{color:var(--color-text-subtle);cursor:pointer;font-size:var(--font-size-xs);background:0 0;border:0;margin-left:auto;padding:2px 4px}.guide-tour__dismiss:hover{color:var(--color-text)}.guide-tour__title{font-size:var(--font-size-base);letter-spacing:-.01em;margin-bottom:5px;font-weight:800}.guide-tour__text{color:var(--color-text-muted);font-size:var(--font-size-sm);text-wrap:pretty;line-height:1.5}.guide-tour__foot{align-items:center;gap:8px;margin-top:16px;display:flex}.guide-tour__dots{gap:4px;display:flex}.guide-tour__actions{gap:7px;margin-left:auto;display:flex}.guide-help-button{width:var(--control-height-sm);height:var(--control-height-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;place-items:center;display:inline-grid}.guide-help-button:hover{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-text)}@media (prefers-reduced-motion:reduce){.guide-welcome__track,.guide-tour__spot,.guide-dot{transition:none}}
