.tour-spot,.tour-box,.tour-picker{--tour-dim:#0b120e73;--tour-backdrop:#0b120e8c;--tour-shadow:#0000004d;--tour-quiet:color-mix(in srgb, var(--muted) 75%, var(--ink))}.tour-spot{z-index:1000;outline:2px solid var(--green);outline-offset:0;box-shadow:0 0 0 var(--tour-dim-reach,200vmax) var(--tour-dim);pointer-events:none;border-radius:.5rem;transition:left .2s,top .2s,width .2s,height .2s;position:absolute}.tour-spot[hidden]{display:none}.tour-spot.tour-still{transition:none}.tour-spot.tour-fixed{position:fixed}.tour-box{z-index:1001;border:1px solid var(--line);background:var(--paper);width:min(22rem,100vw - 1rem);color:var(--ink);box-shadow:0 1.5rem 3.75rem var(--tour-shadow);border-radius:.625rem;outline:none;flex-direction:column;padding:.875rem 1rem;display:flex;position:fixed}.tour-box .tour-actions{margin-top:auto}.tour-spot[popover],.tour-box[popover]{margin:0;inset:auto;overflow:visible}.tour-spot[popover]{background:0 0;border:0;padding:0}.tour-box.tour-sheet{border-width:1px 0 0;border-radius:.625rem .625rem 0 0;width:auto;max-height:50dvh;position:fixed;inset:auto 0 0;overflow-y:auto}.tour-box:before{content:"";left:calc(var(--tour-arrow-x,50%) - 1px - .4375rem);box-sizing:border-box;border:0 solid var(--line);background:var(--paper);width:.875rem;height:.875rem;display:none;position:absolute;transform:rotate(45deg)}.tour-box[data-placement=bottom]:before{border-width:1px 0 0 1px;display:block;top:calc(-.4375rem - .5px)}.tour-box[data-placement=top]:before{border-width:0 1px 1px 0;display:block;bottom:calc(-.4375rem - .5px)}.tour-box.tour-sheet:before{display:none}.tour-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tour-count{color:var(--green);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:800}.tour-close{width:1.75rem;height:1.75rem;color:var(--muted);background:0 0;border:0;border-radius:.25rem;place-items:center;padding:0;display:grid}.tour-close svg{width:1rem;height:1rem}.tour-close:hover{color:var(--ink);background:color-mix(in srgb, var(--surface) 85%, var(--ink))}.tour-auto{color:var(--tour-quiet);font:700 .75rem/1 var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:.375rem;align-items:center;gap:.375rem;margin-left:auto;padding:.25rem .375rem;display:inline-flex}.tour-auto:hover{color:var(--ink)}.tour-switch{background:color-mix(in srgb, var(--muted) 45%, transparent);border-radius:1rem;width:1.75rem;height:1rem;transition:background .15s;position:relative}.tour-switch:after{content:"";background:var(--paper);border-radius:50%;width:.75rem;height:.75rem;transition:transform .15s;position:absolute;top:.125rem;left:.125rem}.tour-auto[aria-pressed=true]{color:var(--ink)}.tour-auto[aria-pressed=true] .tour-switch{background:var(--green)}.tour-auto[aria-pressed=true] .tour-switch:after{transform:translate(.75rem)}@media (prefers-reduced-motion:reduce){.tour-switch,.tour-switch:after{transition:none}}.tour-progress{pointer-events:none;border-radius:calc(.625rem - 1px) calc(.625rem - 1px) 0 0;height:3px;display:none;position:absolute;inset:0 0 auto;overflow:hidden}.tour-box[data-autoplay] .tour-progress{display:block}.tour-progress>span{background:var(--green);width:0;height:100%;transition:width .1s linear;display:block}.tour-title{font:500 1.25rem/1.2 var(--font-display);margin:.25rem 0 .375rem}.tour-body{color:var(--tour-quiet);margin:0 0 .875rem;font-size:.875rem;line-height:1.55}.tour-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tour-nav{flex-wrap:wrap;gap:.375rem;margin-left:auto;display:flex}.tour-button{min-height:1.875rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:700}.tour-button[hidden]{display:none}.tour-button:disabled{opacity:.4;cursor:not-allowed}.tour-autoplay{color:var(--ink);cursor:pointer;align-items:center;gap:.375rem;margin-right:auto;font-size:.8125rem;font-weight:700;display:inline-flex}.tour-autoplay input{width:1rem;height:1rem;accent-color:var(--green);margin:0}.tour-skip{color:var(--tour-quiet);text-underline-offset:.1875rem;background:0 0;border:0;padding:.25rem 0;font-size:.8125rem;font-weight:700;text-decoration:underline}.tour-skip:hover{color:var(--ink)}.tour-box button:focus-visible,.tour-picker button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.shape-item.tour-reveal .shape-actions{opacity:1;visibility:visible}.tour-picker{border:1px solid var(--line);background:var(--paper);width:min(28rem,100vw - 2rem);color:var(--ink);box-shadow:0 1.5rem 3.75rem var(--tour-shadow);border-radius:.625rem;margin:auto;padding:1.25rem 1.5rem 1.125rem}.tour-picker::backdrop{background:var(--tour-backdrop)}.tour-picker-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.tour-picker-head h2{margin:0;font-size:1.375rem;font-weight:500}.tour-picker-note{color:var(--tour-quiet);margin:.5rem 0 1rem;font-size:.875rem;line-height:1.5}.tour-chapters{gap:.5rem;margin:0 0 1.125rem;padding:0;list-style:none;display:grid}.tour-chapter{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);text-align:left;border-radius:.375rem;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.tour-chapter:hover{border-color:var(--green)}.tour-chapter-text{flex:1;gap:.125rem;min-width:0;display:grid}.tour-chapter-text strong{font-size:.9375rem}.tour-chapter-text span{color:var(--tour-quiet);font-size:.75rem}.tour-chapter-done{color:var(--green);place-items:center;display:grid}.tour-chapter-done svg{width:1.125rem;height:1.125rem}.tour-picker-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}@media (prefers-reduced-motion:reduce){.tour-spot{transition:none}}