.tour-layer{z-index:80;isolation:isolate;position:fixed;inset:0}.tour-highlight{border:2px solid var(--primary);border-radius:var(--radius);box-shadow:0 0 0 100vmax color-mix(in srgb, var(--foreground) 45%, transparent);pointer-events:none;position:fixed}.tour-card{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);width:auto;max-height:calc(100dvh - 96px);color:var(--foreground);box-shadow:0 12px 36px color-mix(in srgb, var(--foreground) 20%, transparent);font-family:var(--font-sans);padding:16px;position:fixed;overflow-y:auto}.tour-card-top,.tour-card-actions{align-items:center;gap:4px;display:flex}.tour-card-top{color:var(--muted-foreground);justify-content:space-between;font-size:13px}.tour-card h2{letter-spacing:-.025em;margin:4px 0 8px;font-size:20px;font-weight:600;line-height:1.2}.tour-card p{margin:0;font-size:15px;line-height:1.6}.tour-card-actions{flex-wrap:wrap;margin-top:16px}.tour-card-actions span{flex:1}.tour-card button{border-radius:var(--radius);min-width:44px;min-height:44px;padding:8px;font-size:13px;font-weight:600}.tour-card button:hover{background:var(--muted)}.tour-card button:focus-visible,.tour-replay:focus-visible,.tour-help button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.tour-card button:disabled{opacity:.4;cursor:default}.tour-card .tour-next{background:var(--primary);color:var(--primary-foreground);padding-inline:12px}.tour-card .tour-storage-error{color:var(--destructive);margin-top:8px;font-size:13px}.tour-card-inline{width:auto;box-shadow:none;margin:12px;position:relative;inset:auto}.tour-replay{right:16px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:45;border:1px solid var(--border);background:var(--background);width:44px;height:44px;color:var(--primary);border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:600;display:inline-flex;position:fixed}.tour-help{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.tour-help h2{font-size:20px;font-weight:600}.tour-help p{color:var(--muted-foreground);margin-block:8px 16px;font-size:13px}.tour-help>div{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.tour-help button{border:1px solid var(--border);border-radius:var(--radius);text-align:left;min-height:44px;color:var(--primary);padding:12px;font-size:13px;font-weight:600}@media (width>=640px){.tour-card:not(.tour-card-inline){width:360px;top:80px;bottom:auto;right:auto}}@media (width>=1024px){.tour-replay{bottom:24px;right:24px}}.tour-inline-target{outline:2px solid var(--primary);outline-offset:2px}.library-spotlight:has(.tour-card-inline){max-height:calc(100dvh - 32px);top:16px;overflow-y:auto}.tour-layer:not([data-placed]) .tour-card{opacity:0}.tour-layer[data-placed] .tour-card{transition:top .24s var(--ease), left .24s var(--ease), opacity .16s var(--ease)}.tour-layer[data-placed] .tour-highlight{transition:top .24s var(--ease), left .24s var(--ease), width .24s var(--ease), height .24s var(--ease)}@media (prefers-reduced-motion:reduce){.tour-layer[data-placed] .tour-card,.tour-layer[data-placed] .tour-highlight{transition:none}}