.tour-layer{position:fixed;inset:0;z-index:110;pointer-events:none;--tour-ease:cubic-bezier(0.22,1,0.36,1)}.tour-backdrop{inset:0;background:rgba(13,18,18,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:tour-fade .35s both}.tour-backdrop,.tour-block{position:absolute;pointer-events:auto}.tour-spot{position:absolute;border-radius:20px;pointer-events:none;box-shadow:0 0 0 2px var(--brand),0 0 0 6px color-mix(in srgb,var(--brand) 24%,transparent),0 0 0 200vmax rgba(13,18,18,.64);transition:left .48s var(--tour-ease),top .48s var(--tour-ease),width .48s var(--tour-ease),height .48s var(--tour-ease);animation:tour-fade .3s both}.tour-coach{position:absolute;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;background:var(--tile-solid);color:var(--ink);border:1px solid var(--line-2);border-radius:26px;padding:22px;box-shadow:0 24px 90px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.1);pointer-events:auto;outline:none;transition:left .48s var(--tour-ease),top .48s var(--tour-ease);animation:tour-arrive .48s var(--tour-ease) both}.tour-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tour-eyebrow>span{display:flex;align-items:center;gap:7px}.tour-eyebrow svg{width:16px;height:16px}.tour-close{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--tile-2);color:var(--ink-2);cursor:pointer;transition:transform .2s,background .2s}.tour-close:hover{transform:rotate(90deg);background:var(--tile-3)}.tour-coach h2{font-family:var(--font-disp);font-size:25px;line-height:1.15;letter-spacing:-.045em;margin:0 0 12px;font-weight:700;text-wrap:balance}.tour-coach p{font-size:14px;line-height:1.65;color:var(--ink-2);margin:0 0 18px;text-wrap:pretty}.tour-coach .tour-hint{font-size:12px;color:var(--ink-2);margin:16px 0}.tour-hint button{margin-left:6px}.tour-footer{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.tour-footer .btn{min-height:44px;padding:11px 15px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:13px;transition:transform .2s var(--tour-ease),box-shadow .2s}.tour-footer .btn:hover{transform:translateY(-2px)}.tour-footer .btn:active{transform:translateY(0) scale(.97)}.tour-footer .btn svg{width:16px;height:16px}.tour-footer .btn:disabled{opacity:.38;transform:none}.tour-art{height:108px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;margin:4px 0 25px;perspective:600px}.tour-art i{display:grid;place-items:center;width:66px;height:78px;border:1px solid var(--line-2);border-radius:17px;background:var(--tile-2);box-shadow:var(--sh-1);color:var(--brand);position:relative;animation:tour-unfold .75s var(--tour-ease) both;transform:rotate(-12deg)}.tour-art i:nth-of-type(2){background:var(--brand-fill);color:var(--brand-ink);transform:translateY(-10px);animation-delay:.08s}.tour-art i:nth-of-type(3){transform:rotate(12deg);animation-delay:.16s}.tour-art i svg{width:29px;height:29px}.tour-art-line{position:absolute;width:220px;height:68px;border:1px dashed var(--line-2);border-radius:50%;transform:rotate(-12deg)}.tour-art-spark{position:absolute;right:28px;top:0;color:var(--brand);font-size:23px;animation:tour-spark .8s .3s both}.tour-preview{display:grid;grid-gap:11px;gap:11px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:20px 0}.tour-preview>span{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:650;color:var(--ink-2)}.tour-preview svg{width:16px;height:16px;color:var(--brand)}.tour-progress-label{display:flex;justify-content:space-between;color:var(--ink-2);font-size:11px;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-bottom:8px}.tour-progress{height:4px;border-radius:4px;background:var(--tile-3);overflow:hidden;margin-bottom:24px}.tour-progress>span{display:block;height:100%;background:var(--brand);border-radius:inherit;transition:width .55s var(--tour-ease)}.tour-step{animation:tour-step-in .4s var(--tour-ease) both}.tour-step-icon{width:42px;height:42px;border-radius:13px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:14px}.tour-step-icon svg{width:21px;height:21px}.tour-practice{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;padding:12px;border-radius:12px;background:var(--brand-soft);color:var(--ink);border:1px solid color-mix(in srgb,var(--brand) 20%,transparent);transition:background .3s,border-color .3s}.tour-practice>svg{width:16px;height:16px;flex:none;margin-top:1px}.tour-practice>span{flex:1 1}.tour-practice button,.tour-save-error button,.tour-save-toast button{border:0;border-bottom:1px solid;background:none;font:inherit;color:inherit;font-weight:750;cursor:pointer;padding:0;white-space:nowrap}.tour-practice.is-done{background:var(--pos-soft);color:var(--pos);border-color:transparent}.tour-skip{display:block;margin:15px auto 0;border:0;background:none;color:var(--ink-2);font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:28px}.tour-coach button:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.tour-done-art{height:140px;position:relative;display:grid;place-items:center;margin-bottom:20px}.tour-done-art svg{width:100px;height:100px;overflow:visible}.tour-done-art circle{fill:var(--pos-soft);stroke:var(--pos);stroke-width:1;animation:tour-arrive .6s both}.tour-done-art path{fill:none;stroke:var(--pos);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:65;stroke-dashoffset:65;animation:tour-check .55s .2s forwards}.tour-done-art i{position:absolute;color:var(--brand);font-size:28px;font-style:normal;animation:tour-spark .7s .2s both;left:20%;top:15%}.tour-done-art i:nth-of-type(2){left:auto;right:19%;top:25%;animation-delay:.3s;font-size:35px}.tour-done-art i:nth-of-type(3){left:25%;top:75%;animation-delay:.4s;font-size:17px}.tour-save-error{color:var(--danger)!important;font-size:12px!important;margin:14px 0 0!important}.tour-save-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:120;max-width:calc(100vw - 32px);background:var(--tile-solid);color:var(--danger);border:1px solid var(--danger);padding:12px 18px;border-radius:12px;box-shadow:var(--sh-2);font-size:13px}@keyframes tour-fade{0%{opacity:0}to{opacity:1}}@keyframes tour-arrive{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tour-step-in{0%{opacity:0;transform:translateX(calc(14px * var(--tour-direction))) translateY(5px)}to{opacity:1;transform:translateX(0) translateY(0)}}@keyframes tour-unfold{0%{opacity:0;rotate:-15deg;translate:0 20px}to{opacity:1;rotate:0deg;translate:0 0}}@keyframes tour-spark{0%{opacity:0;scale:.2;rotate:-60deg}to{opacity:1;scale:1;rotate:0deg}}@keyframes tour-check{to{stroke-dashoffset:0}}@media (max-width:699px){.tour-coach{width:calc(100vw - 32px);border-radius:22px;padding:18px;max-height:calc(100dvh - 24px)}.tour-coach h2{font-size:22px}.tour-coach p{font-size:13px;line-height:1.55}.tour-coach p,.tour-eyebrow{margin-bottom:12px}.tour-progress{margin-bottom:15px}.tour-step-icon{display:none}.tour-footer{margin-top:16px}.tour-art{height:88px;margin-bottom:16px}.tour-preview{gap:8px;margin:14px 0;padding:12px 0}}@media (prefers-reduced-motion:reduce){.tour-layer *,.tour-layer :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tour-done-art path{stroke-dashoffset:0}.tour-close:hover,.tour-footer .btn:active,.tour-footer .btn:hover{transform:none}}.tour-layer[data-scrolling=true] .tour-spot{transition:width .48s var(--tour-ease),height .48s var(--tour-ease)}body:has(.tour-layer[data-mode=tour]) .main{padding-bottom:calc(55dvh + 40px)}.tour-layer[data-mode=tour] .tour-coach{max-height:55dvh;display:flex;flex-direction:column}.tour-layer[data-mode=tour] .tour-step{min-height:0;overflow-y:auto;overscroll-behavior:contain}.tour-layer[data-mode=tour] :is(.tour-eyebrow,.tour-progress-label,.tour-progress,.tour-footer,.tour-skip){flex-shrink:0}@media (max-height:600px){.tour-layer[data-mode=tour] .tour-coach{padding:12px}.tour-layer[data-mode=tour] .tour-eyebrow{margin-bottom:4px}.tour-layer[data-mode=tour] .tour-progress{margin-bottom:8px}.tour-layer[data-mode=tour] .tour-step-icon{display:none}.tour-layer[data-mode=tour] .tour-coach h2{font-size:20px}.tour-layer[data-mode=tour] .tour-footer{margin-top:8px}.tour-layer[data-mode=tour] .tour-skip{margin-top:4px}}