.cp-tour{z-index:var(--cp-z-tour);pointer-events:none;position:fixed;inset:0}.cp-tour>*{pointer-events:auto}.cp-tour__backdrop{z-index:var(--cp-z-tour);background:var(--cp-tour-backdrop);animation:cp-fade-in var(--cp-motion-base) var(--cp-ease-standard) both;position:absolute;inset:0}.cp-tour__blocker{z-index:var(--cp-z-tour);position:absolute}.cp-tour__spot{z-index:calc(var(--cp-z-tour) + 1);box-shadow:0 0 0 2px var(--cp-color-focus-ring), 0 0 0 100vmax var(--cp-tour-backdrop);position:absolute;pointer-events:none!important}.cp-tour__spot[data-bridge=true]{box-shadow:0 0 0 100vmax var(--cp-tour-backdrop)}.cp-tour__card{z-index:calc(var(--cp-z-tour) + 2);gap:var(--cp-space-5);padding:var(--cp-space-7);background:var(--cp-color-surface-raised);color:var(--cp-color-text-primary);box-shadow:var(--cp-shadow-overlay);width:var(--cp-tour-card-w);border-radius:var(--cp-radius-xl);box-sizing:border-box;outline:none;flex-direction:column;display:flex;position:absolute;overflow:visible}.cp-tour__card[data-sheet=true]{width:auto;max-height:var(--cp-tour-sheet-max-h);border-radius:var(--cp-radius-xl) var(--cp-radius-xl) 0 0;padding-bottom:calc(var(--cp-space-7) + env(safe-area-inset-bottom));animation:cp-slide-up var(--cp-motion-slow) var(--cp-ease-emphasized) both;inset:auto 0 0;overflow-y:auto}.cp-tour__arrow{background:var(--cp-color-surface-raised);width:12px;height:12px;box-shadow:-1px -1px 0 var(--cp-color-border-subtle);position:absolute;transform:rotate(45deg)}.cp-tour__grab{width:var(--cp-space-11);height:var(--cp-space-2);border-radius:var(--cp-radius-full);background:var(--cp-color-border-default);align-self:center}.cp-tour__content{gap:var(--cp-space-4);flex-direction:column;display:flex}.cp-tour__content[data-dir="1"]{animation:cp-tour-fwd var(--cp-motion-slow) var(--cp-ease-standard) both}.cp-tour__content[data-dir="-1"]{animation:cp-tour-back var(--cp-motion-slow) var(--cp-ease-standard) both}.cp-tour__content[data-reduce=true]{animation:80ms linear both cp-fade-in}.cp-tour__head{align-items:center;gap:var(--cp-space-4);display:flex}.cp-tour__icon{width:var(--cp-control-lg);height:var(--cp-control-lg);border-radius:var(--cp-radius-full);background:var(--cp-color-tint-blue-bg);color:var(--cp-color-tint-blue-fg);font:var(--cp-type-heading);flex:none;justify-content:center;align-items:center;display:inline-flex}.cp-tour__title{font:var(--cp-type-heading);color:var(--cp-color-text-heading);text-wrap:pretty;letter-spacing:normal;flex:1;margin:0}.cp-tour__help{width:var(--cp-control-sm);height:var(--cp-control-sm);border-radius:var(--cp-radius-full);background:var(--cp-color-surface-sunken);color:var(--cp-color-text-muted);font:var(--cp-type-caption);cursor:help;border:none;flex:none;padding:0;position:relative}.cp-tour__help[data-tip]:after{content:attr(data-tip);right:0;bottom:calc(100% + var(--cp-space-3));width:max-content;max-width:28ch;padding:var(--cp-space-3) var(--cp-space-5);border-radius:var(--cp-radius-md);background:var(--cp-color-text-secondary);color:var(--cp-color-text-inverse);font:var(--cp-type-caption);text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--cp-motion-fast) var(--cp-ease-standard);position:absolute}.cp-tour__help[data-tip]:hover:after,.cp-tour__help[data-tip]:focus-visible:after{opacity:1;visibility:visible}.cp-tour__tip{padding:var(--cp-space-3) var(--cp-space-5);border-radius:var(--cp-radius-md);background:var(--cp-color-surface-sunken);color:var(--cp-color-text-secondary);font:var(--cp-type-caption);overflow-wrap:anywhere;margin:0}.cp-tour__body{font:var(--cp-type-body-compact);color:var(--cp-color-text-secondary);text-wrap:pretty;margin:0}.cp-tour__note{font:var(--cp-type-caption);color:var(--cp-color-text-muted);margin:0}.cp-tour__skeleton{gap:var(--cp-space-4);flex-direction:column;display:flex}.cp-tour__skeleton>span{background:var(--cp-color-surface-sunken);border-radius:var(--cp-radius-full);animation:1.4s ease-in-out infinite cp-shimmer}.cp-tour__skeleton>span:first-child{width:var(--cp-control-lg);height:var(--cp-control-lg)}.cp-tour__skeleton>span:nth-child(2){width:60%;height:14px}.cp-tour__skeleton>span:nth-child(3){width:95%;height:10px}.cp-tour__skeleton>span:nth-child(4){width:80%;height:10px}.cp-tour__skeleton>span:nth-child(5){width:auto;height:auto;font:var(--cp-type-caption);color:var(--cp-color-text-muted);background:0 0;border-radius:0;animation:none}.cp-tour__progress{gap:var(--cp-space-2);flex-direction:column;display:flex}.cp-tour__progress-text{font:var(--cp-type-caption);color:var(--cp-color-text-muted);gap:var(--cp-space-1);display:flex;overflow:hidden}.cp-tour__roll{animation:cp-tour-roll var(--cp-motion-base) var(--cp-ease-standard) both;display:inline-block}.cp-tour__roll[data-reduce=true]{animation:none}.cp-tour__segs{gap:var(--cp-space-1);display:flex}.cp-tour__seg{height:var(--cp-space-2);border-radius:var(--cp-radius-full);background:var(--cp-color-probability-track);transition:background-color var(--cp-motion-base) var(--cp-ease-standard), flex-grow var(--cp-motion-base) var(--cp-ease-standard);flex:1}.cp-tour__seg[data-on=true]{background:var(--cp-color-accent)}.cp-tour__row{align-items:center;gap:var(--cp-space-3);flex-wrap:wrap;display:flex}.cp-tour__spacer{flex:1}.cp-tour__btn{cursor:pointer;font:var(--cp-type-label);border:none}.cp-tour__btn--back{height:var(--cp-control-md);padding:0 var(--cp-space-6);border-radius:var(--cp-radius-control);border:var(--cp-border-default) solid var(--cp-color-border-default);background:var(--cp-color-surface);color:var(--cp-color-text-primary)}.cp-tour__btn--back[data-hidden=true]{visibility:hidden}.cp-tour__btn--skip{height:var(--cp-control-md);padding:0 var(--cp-space-5);border-radius:var(--cp-radius-control);color:var(--cp-color-text-secondary);background:0 0}.cp-tour__btn--skip:hover{background:var(--cp-color-hover)}.cp-tour__btn--next{height:var(--cp-control-md);padding:0 var(--cp-space-8);border-radius:var(--cp-radius-control);background:var(--cp-gradient-accent);color:var(--cp-color-on-accent);box-shadow:var(--cp-shadow-accent);font-weight:600}.cp-tour__btn--next:active{filter:brightness(.92)}.cp-tour__btn--dont{height:var(--cp-control-sm);color:var(--cp-color-text-muted);font:var(--cp-type-caption);text-underline-offset:2px;border-radius:var(--cp-radius-sm);background:0 0;align-self:flex-start;padding:0;text-decoration:underline}.cp-tour__card button:focus-visible{box-shadow:var(--cp-shadow-focus);outline:none}.cp-tour__card .cp-tour__btn--next:focus-visible{box-shadow:var(--cp-shadow-focus)}.cp-tour__welcome-scrim{z-index:var(--cp-z-tour);background:var(--cp-tour-backdrop);animation:cp-fade-in var(--cp-motion-base) var(--cp-ease-standard) both;position:absolute;inset:0}.cp-tour__welcome{z-index:calc(var(--cp-z-tour) + 2);gap:var(--cp-space-5);padding:var(--cp-space-9) var(--cp-space-8);background:var(--cp-color-surface-raised);box-shadow:var(--cp-shadow-overlay);box-sizing:border-box;border-radius:var(--cp-radius-xl);width:min(380px,90%);height:fit-content;animation:cp-dialog-in var(--cp-motion-dialog) var(--cp-spring-dialog) both;outline:none;flex-direction:column;margin:auto;display:flex;position:absolute;inset:0}.cp-tour__welcome[data-sheet=true]{border-radius:var(--cp-radius-xl) var(--cp-radius-xl) 0 0;width:auto;animation:cp-slide-up var(--cp-motion-slow) var(--cp-ease-emphasized) both;padding-bottom:calc(var(--cp-space-9) + env(safe-area-inset-bottom));margin:0;inset:auto 0 0}.cp-tour__avatar{border-radius:var(--cp-radius-full);background:var(--cp-color-tint-blue-bg);width:64px;height:64px;color:var(--cp-color-tint-blue-fg);font:var(--cp-type-title);justify-content:center;align-self:center;align-items:center;display:inline-flex}.cp-tour__welcome-title{text-align:center;font:var(--cp-type-title);color:var(--cp-color-text-heading);letter-spacing:normal;margin:0}.cp-tour__welcome-body{text-align:center;font:var(--cp-type-body-compact);color:var(--cp-color-text-secondary);text-wrap:pretty;margin:0}.cp-tour__welcome-actions{gap:var(--cp-space-3);flex-direction:column;display:flex}.cp-tour__welcome .cp-tour__btn--start{height:var(--cp-control-lg);border-radius:var(--cp-radius-control);background:var(--cp-gradient-accent);color:var(--cp-color-on-accent);box-shadow:var(--cp-shadow-accent);font-weight:600}.cp-tour__welcome .cp-tour__btn--wskip{height:var(--cp-control-md);border-radius:var(--cp-radius-control);color:var(--cp-color-text-secondary);background:0 0}.cp-tour__welcome button:focus-visible{box-shadow:var(--cp-shadow-focus);outline:none}.cp-tour__live{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.cp-tour__card,.cp-tour__welcome{max-width:calc(100vw - 16px)}.cp-tour__card[data-sheet=true],.cp-tour__welcome[data-sheet=true]{max-width:none}.cp-tour__title,.cp-tour__body{overflow-wrap:anywhere}@media (max-width:767px){.cp-tour__btn--back,.cp-tour__btn--skip,.cp-tour__btn--next,.cp-tour__btn--wskip{min-height:44px}.cp-tour__btn--dont,.cp-tour__help{min-width:44px;min-height:44px}}.cp-tour[data-lock=true]{pointer-events:auto;touch-action:none;overscroll-behavior:none}.cp-tour[data-lock=true] .cp-tour__card,.cp-tour[data-lock=true] .cp-tour__welcome{touch-action:pan-y;overscroll-behavior:contain}