.tour-root{--tour-scale:1;--tour-scrim:rgb(var(--ink-rgb)/0.56);--tour-card-w:340px;--tour-font:var(--fs-body);--tour-title:var(--fs-heading);--tour-control:var(--h-control);position:fixed;inset:0;z-index:70;font-family:var(--font-text),system-ui,sans-serif;color:var(--ink);pointer-events:none}.dark .tour-root,.tour-root.dark{--tour-scrim:color-mix(in srgb,var(--canvas) 74%,transparent)}.tour-root[data-surface=wall]{--tour-card-w:calc(440px * var(--tour-scale));--tour-font:calc(1.5rem * var(--tour-scale));--tour-title:calc(2rem * var(--tour-scale));--tour-control:calc(56px * var(--tour-scale))}.tour-scrim{position:absolute;inset:0;width:100%;height:100%;pointer-events:auto;touch-action:none}.tour-scrim path{fill:var(--tour-scrim);fill-rule:evenodd}.tour-scrim[data-fading]{animation:tour-fade var(--dur-2) var(--ease-out) both}.tour-halo{position:absolute;left:0;top:0;pointer-events:none;border-radius:var(--tour-halo-r,16px);box-shadow:0 0 0 2px color-mix(in srgb,var(--sun) 92%,transparent),0 0 0 6px color-mix(in srgb,var(--sun) 22%,transparent),0 0 36px 6px color-mix(in srgb,var(--sun) 32%,transparent);animation:tour-halo-breathe 2.8s var(--ease-in-out) infinite;will-change:transform,width,height}@keyframes tour-halo-breathe{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--sun) 92%,transparent),0 0 0 6px color-mix(in srgb,var(--sun) 22%,transparent),0 0 36px 6px color-mix(in srgb,var(--sun) 32%,transparent)}50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--sun) 100%,transparent),0 0 0 8px color-mix(in srgb,var(--sun) 28%,transparent),0 0 48px 10px color-mix(in srgb,var(--sun) 40%,transparent)}}.tour-card{position:absolute;left:0;top:0;width:var(--tour-card-w);max-width:calc(100vw - 32px);pointer-events:auto;background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:var(--r-card);box-shadow:var(--shadow-lift);padding:calc(20px * var(--tour-scale)) calc(20px * var(--tour-scale)) calc(16px * var(--tour-scale));font-size:var(--tour-font);line-height:1.5;will-change:transform;outline:none}.tour-card[data-fading]{animation:tour-fade var(--dur-2) var(--ease-out) both}.tour-card[data-enter]{animation:tour-card-enter var(--dur-3) var(--ease-spring) both}@keyframes tour-card-enter{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}@keyframes tour-fade{0%{opacity:0}to{opacity:1}}.tour-arrow{position:absolute;width:18px;height:18px;background:var(--surface);border-left:1px solid var(--rule);border-top:1px solid var(--rule);transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}.tour-card[data-placement=bottom] .tour-arrow{left:var(--arrow-x);top:0}.tour-card[data-placement=top] .tour-arrow{left:var(--arrow-x);top:100%;transform:translate(-50%,-50%) rotate(225deg)}.tour-card[data-placement=right] .tour-arrow{left:0;top:var(--arrow-y);transform:translate(-50%,-50%) rotate(-45deg)}.tour-card[data-placement=left] .tour-arrow{left:100%;top:var(--arrow-y);transform:translate(-50%,-50%) rotate(135deg)}.tour-card[data-placement=center] .tour-arrow{display:none}.tour-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:calc(10px * var(--tour-scale));font-size:calc(.75rem * var(--tour-scale));font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.tour-card h2{margin:0 0 calc(6px * var(--tour-scale));font-family:var(--font-display),system-ui,sans-serif;font-size:var(--tour-title);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}.tour-card p{margin:0;color:var(--ink-2);text-wrap:pretty}.tour-dots{display:flex;align-items:center;gap:5px}.tour-dots i{display:block;width:6px;height:6px;border-radius:999px;background:var(--rule-strong);opacity:.5;transition:width var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out)}.tour-dots i[data-done]{background:var(--sun);opacity:.9}.tour-dots i[data-current]{width:18px;background:var(--sun);opacity:1}.tour-root[data-surface=wall] .tour-dots i{width:calc(8px * var(--tour-scale));height:calc(8px * var(--tour-scale))}.tour-root[data-surface=wall] .tour-dots i[data-current]{width:calc(24px * var(--tour-scale))}.tour-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:calc(16px * var(--tour-scale))}.tour-actions [data-tour-cta=show-me]{order:-1;flex:1 1 100%}.tour-actions .tour-spacer{flex:1}.tour-root .tour-btn{min-height:var(--tour-control);height:var(--tour-control);font-size:calc(.9375rem * var(--tour-scale));padding-inline:calc(14px * var(--tour-scale));border-radius:var(--r-control)}.tour-root .tour-btn-icon{width:var(--tour-control);padding-inline:0}.tour-root[data-surface=wall] .tour-btn{font-size:calc(1.25rem * var(--tour-scale));padding-inline:calc(22px * var(--tour-scale))}.tour-root[data-surface=wall] .tour-btn-icon{padding-inline:0}.tour-stage{position:absolute;inset:0;display:grid;place-items:center;padding:16px;pointer-events:auto;background:var(--tour-scrim);animation:tour-fade var(--dur-3) var(--ease-out) both;overflow-y:auto}.tour-stage-card{position:relative;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-sheet);box-shadow:var(--shadow-lift);padding:calc(40px * var(--tour-scale)) calc(32px * var(--tour-scale)) calc(28px * var(--tour-scale));text-align:center;font-size:var(--tour-font);animation:tour-stage-enter var(--dur-3) var(--ease-spring) both;outline:none}.tour-root[data-surface=wall] .tour-stage-card{width:min(calc(760px * var(--tour-scale)),100%)}@keyframes tour-stage-enter{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tour-stage-card h1{margin:calc(20px * var(--tour-scale)) 0 calc(10px * var(--tour-scale));font-family:var(--font-display),system-ui,sans-serif;font-size:calc(2.25rem * var(--tour-scale));font-weight:500;line-height:1.05;letter-spacing:-.02em;text-wrap:balance;color:var(--ink)}.tour-root[data-surface=wall] .tour-stage-card h1{font-size:calc(3rem * var(--tour-scale))}.tour-stage-card p{margin:0 auto;max-width:42ch;color:var(--ink-2);text-wrap:pretty}.tour-stage-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:calc(28px * var(--tour-scale))}.tour-sunrise{position:relative;width:calc(96px * var(--tour-scale));height:calc(56px * var(--tour-scale));margin:0 auto;overflow:hidden}.tour-sunrise:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--rule-strong)}.tour-sunrise i{position:absolute;left:50%;bottom:2px;width:calc(44px * var(--tour-scale));height:calc(44px * var(--tour-scale));margin-left:calc(-22px * var(--tour-scale));border-radius:999px;background:var(--sun);box-shadow:0 0 24px 4px color-mix(in srgb,var(--sun) 45%,transparent);animation:tour-sunrise 1.4s var(--ease-out) both;animation-delay:.12s}@keyframes tour-sunrise{0%{transform:translateY(100%);opacity:.4}to{transform:translateY(0);opacity:1}}.tour-check{width:calc(72px * var(--tour-scale));height:calc(72px * var(--tour-scale));margin:0 auto;display:block}.tour-check circle{fill:var(--sun-tint);stroke:var(--sun);stroke-width:2}.tour-check path{fill:none;stroke:var(--sun-text);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;animation:tour-tick .52s var(--ease-out) .2s both}@keyframes tour-tick{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}.tour-rise{animation:dp-rise var(--dur-3) var(--ease-out) both;animation-delay:calc(.12s + var(--dp-i, 0) * 70ms)}.tour-suggest{display:grid;gap:8px;margin:calc(24px * var(--tour-scale)) 0 0;padding:0;list-style:none;text-align:left}.tour-suggest a,.tour-suggest button{display:flex;align-items:center;gap:14px;width:100%;min-height:calc(56px * var(--tour-scale));padding:calc(10px * var(--tour-scale)) calc(14px * var(--tour-scale));border:1px solid var(--rule);border-radius:var(--r-control);background:var(--canvas);color:var(--ink);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.tour-suggest a:hover,.tour-suggest button:hover{border-color:var(--rule-strong);background:var(--surface-2)}.tour-root a:focus-visible,.tour-root button:focus-visible,.tour-suggest a:focus-visible,.tour-suggest button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tour-suggest .n{display:grid;place-items:center;width:calc(28px * var(--tour-scale));height:calc(28px * var(--tour-scale));border-radius:999px;background:var(--sun-tint);color:var(--sun-text);font-weight:600;font-size:calc(.8125rem * var(--tour-scale));flex-shrink:0}.tour-suggest .t{display:block;font-weight:600;font-size:calc(.9375rem * var(--tour-scale))}.tour-suggest .d{display:block;color:var(--ink-2);font-size:calc(.8125rem * var(--tour-scale))}.tour-root[data-surface=wall] .tour-suggest .t{font-size:calc(1.375rem * var(--tour-scale))}.tour-root[data-surface=wall] .tour-suggest .d{font-size:calc(1.125rem * var(--tour-scale))}.tour-explore{margin-top:calc(20px * var(--tour-scale));display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.tour-explore span{width:100%;font-size:calc(.75rem * var(--tour-scale));font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px}.tour-explore button{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--rule-strong);background:var(--surface);color:var(--ink);font:inherit;font-size:calc(.875rem * var(--tour-scale));font-weight:500;cursor:pointer}.tour-explore button:hover{background:var(--surface-2)}.tour-tip-dot{position:fixed;z-index:60;width:20px;height:20px;margin:-10px 0 0 -10px;border:0;padding:0;border-radius:999px;background:var(--sun);box-shadow:0 0 0 3px var(--canvas);cursor:pointer}.tour-tip-dot:before{content:"";position:absolute;inset:-6px;border-radius:999px;border:2px solid var(--sun);animation:tour-pulse 2.2s var(--ease-out) infinite}@keyframes tour-pulse{0%{transform:scale(.6);opacity:.9}70%,to{transform:scale(1.5);opacity:0}}@media (prefers-reduced-motion:reduce){.tour-halo,.tour-tip-dot:before{animation:none}.tour-card[data-enter],.tour-rise,.tour-stage,.tour-stage-card{animation:tour-fade var(--dur-1) var(--ease-out) both;animation-delay:0s}.tour-sunrise i{animation:none}.tour-check path{animation:none;stroke-dashoffset:0}.tour-dots i{transition:none}}@media (forced-colors:active){.tour-card,.tour-stage-card{border:2px solid CanvasText}.tour-halo{outline:3px solid Highlight;box-shadow:none}}.tour-root[data-awaiting] .tour-scrim{pointer-events:none}.tour-root[data-awaiting] .tour-scrim path{pointer-events:auto}.tour-root[data-awaiting] .tour-card{touch-action:none}.tour-root[data-awaiting] .tour-halo{animation-duration:1.6s;box-shadow:0 0 0 3px color-mix(in srgb,var(--sun) 100%,transparent),0 0 0 8px color-mix(in srgb,var(--sun) 26%,transparent),0 0 48px 10px color-mix(in srgb,var(--sun) 42%,transparent)}.tour-halos-extra{position:absolute;inset:0;pointer-events:none}.tour-root[data-surface=wall][data-awaiting] .tour-halo{animation:tour-halo-wall 1.6s var(--ease-in-out) infinite;box-shadow:0 0 0 calc(4px * var(--tour-scale)) var(--sun),0 0 0 calc(10px * var(--tour-scale)) color-mix(in srgb,var(--sun) 35%,transparent),0 0 calc(56px * var(--tour-scale)) calc(14px * var(--tour-scale)) color-mix(in srgb,var(--sun) 55%,transparent)}@keyframes tour-halo-wall{0%,to{box-shadow:0 0 0 calc(4px * var(--tour-scale)) var(--sun),0 0 0 calc(10px * var(--tour-scale)) color-mix(in srgb,var(--sun) 35%,transparent),0 0 calc(56px * var(--tour-scale)) calc(14px * var(--tour-scale)) color-mix(in srgb,var(--sun) 55%,transparent)}50%{box-shadow:0 0 0 calc(5px * var(--tour-scale)) var(--sun),0 0 0 calc(16px * var(--tour-scale)) color-mix(in srgb,var(--sun) 45%,transparent),0 0 calc(80px * var(--tour-scale)) calc(22px * var(--tour-scale)) color-mix(in srgb,var(--sun) 70%,transparent)}}@media (prefers-reduced-motion:reduce){.tour-root[data-surface=wall][data-awaiting] .tour-halo{animation:none}}.tour-hand{--hand-size:calc(76px * var(--tour-scale));left:0;top:0;width:0;height:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease-out)}.tour-hand,.tour-hand-glyph{position:absolute;will-change:transform}.tour-hand-glyph{width:var(--hand-size);height:var(--hand-size);left:calc(var(--hand-size) * -.49);top:calc(var(--hand-size) * -.2);overflow:visible;filter:drop-shadow(0 6px 10px rgb(var(--ink-rgb)/.22))}.tour-hand-outline path{fill:none;stroke:var(--surface);stroke-width:5.25;stroke-linecap:round;stroke-linejoin:round}.tour-hand-ink path{fill:none;stroke:var(--ink);stroke-width:1.875;stroke-linecap:round;stroke-linejoin:round}.tour-hand-drop{fill:var(--sun);stroke:none}.tour-hand-ripple{width:calc(64px * var(--tour-scale));height:calc(64px * var(--tour-scale));left:calc(-32px * var(--tour-scale));top:calc(-32px * var(--tour-scale));border-radius:999px;border:3px solid var(--sun);background:color-mix(in srgb,var(--sun) 18%,transparent)}.tour-hand-ripple,.tour-hand-trail{position:absolute;opacity:0;will-change:transform,opacity}.tour-hand-trail{width:calc(120px * var(--tour-scale));height:calc(14px * var(--tour-scale));left:calc(-60px * var(--tour-scale));top:calc(-7px * var(--tour-scale));border-radius:999px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--sun) 70%,transparent),transparent)}.tour-hand-ring{position:absolute;width:calc(84px * var(--tour-scale));height:calc(84px * var(--tour-scale));left:calc(-42px * var(--tour-scale));top:calc(-42px * var(--tour-scale));transform:rotate(-90deg);overflow:visible}.tour-hand-ring circle{fill:none;stroke:var(--sun);stroke-width:3.5;stroke-linecap:round;opacity:0}.tour-bloom{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}.tour-bloom svg{position:absolute;width:calc(96px * var(--tour-scale));height:calc(96px * var(--tour-scale));left:calc(-48px * var(--tour-scale));top:calc(-48px * var(--tour-scale));overflow:visible;animation:tour-bloom-pop .72s var(--ease-spring) both}.tour-bloom circle{fill:var(--sun);stroke:color-mix(in srgb,var(--sun) 40%,transparent);stroke-width:6;animation:tour-bloom-ring .72s var(--ease-out) both}.tour-bloom path{fill:none;stroke:var(--on-sun,#1d1a14);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:tour-tick .38s var(--ease-out) .16s both}.tour-bloom span{position:absolute;top:calc(54px * var(--tour-scale));left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--font-display),system-ui,sans-serif;font-size:calc(1.5rem * var(--tour-scale));font-weight:500;color:var(--surface);text-shadow:0 1px 2px rgb(var(--ink-rgb)/.4);animation:dp-rise var(--dur-3) var(--ease-out) .12s both}@keyframes tour-bloom-pop{0%{transform:scale(.3);opacity:0}45%{transform:scale(1.08);opacity:1}75%{transform:scale(1);opacity:1}to{transform:scale(1.04);opacity:0}}@keyframes tour-bloom-ring{0%{stroke-width:2}to{stroke-width:28;stroke:transparent}}.tour-hint{margin-top:calc(10px * var(--tour-scale));padding:calc(10px * var(--tour-scale)) calc(14px * var(--tour-scale));border-radius:var(--r-control);background:var(--sun-tint);color:var(--sun-text);font-weight:600;animation:tour-card-enter var(--dur-3) var(--ease-spring) both}.tour-eyebrow-do{margin-right:10px;color:var(--sun-text)}.tour-card[data-awaiting] h2{font-size:calc(var(--tour-title) * 1.08)}@media (prefers-reduced-motion:reduce){.tour-bloom circle,.tour-bloom span,.tour-bloom svg,.tour-hint{animation:tour-fade var(--dur-1) var(--ease-out) both}.tour-bloom path{animation:none;stroke-dashoffset:0}.tour-hand-glyph{filter:none}}@media (forced-colors:active){.tour-hand-ink path{stroke:CanvasText}.tour-hand-outline path{stroke:Canvas}}@media (max-width:640px){.tour-eyebrow-do{display:none}}