.tour{position:fixed;inset:0;z-index:1000}.tour-scrim{pointer-events:auto}.tour-dim,.tour-scrim{position:absolute;inset:0}.tour-dim{background:rgba(12,10,15,.62)}.tour-hole{position:fixed;border-radius:18px;pointer-events:none;box-shadow:0 0 0 9999px rgba(12,10,15,.62),0 0 0 2px var(--tint),0 0 0 7px var(--tint-ring);transition:top .32s var(--ease-decel,ease),left .32s var(--ease-decel,ease),width .32s var(--ease-decel,ease),height .32s var(--ease-decel,ease)}.tour-card{position:fixed;width:min(360px,calc(100vw - 32px));padding:18px 18px 14px;background:var(--bg-elevated,var(--bg));color:var(--label);border-radius:22px;box-shadow:0 18px 50px rgba(12,10,15,.35),0 0 0 .5px var(--separator,rgba(0,0,0,.1));display:flex;flex-direction:column;gap:8px;animation:tourIn .28s var(--ease-decel,ease) both}.tour-card h2{margin:2px 0 0}.tour-card p{margin:0;color:var(--label-2);line-height:1.45}.tour-progress{display:flex;gap:5px}.tour-progress span{width:6px;height:6px;border-radius:3px;background:var(--fill-2,rgba(120,120,128,.2));transition:width .25s ease,background .25s ease}.tour-progress span.past{background:var(--tint-soft)}.tour-progress span.on{width:18px;background:var(--tint)}.tour-actions{display:flex;align-items:center;gap:8px;margin-top:6px}.tour-actions .grow{flex:1 1}.tour-skip{color:var(--label-3)}@keyframes tourIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tour-card{animation:none}.tour-hole{transition:none}}.learn-hero{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:22px;background:var(--tint-soft)}.learn-hero .btn{align-self:flex-start}.learn-list{display:flex;flex-direction:column;gap:10px}.learn-item{border-radius:18px;background:var(--bg-elevated,var(--bg));box-shadow:0 0 0 .5px var(--separator,rgba(0,0,0,.08))}.learn-item summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.learn-item summary::-webkit-details-marker{display:none}.learn-item summary .chev{margin-left:auto;transition:transform .2s ease;color:var(--chevron,var(--label-4))}.learn-item[open] summary .chev{transform:rotate(90deg)}.learn-body{padding:0 16px 16px;gap:10px}.learn-body,.learn-body ol{display:flex;flex-direction:column}.learn-body ol{margin:0;padding-left:20px;gap:6px;color:var(--label-2)}.learn-body .btn{align-self:flex-start}