.first-visit-overlay{position:fixed;inset:0;z-index:200;isolation:isolate;color:var(--ink)}.first-visit-dim{position:absolute;inset:0;background:rgb(4 12 28/.72)}.first-visit-highlight{position:fixed;pointer-events:none;border:3px solid var(--buoy);border-radius:12px;box-shadow:0 0 0 9999px rgb(4 12 28/.72)}.first-visit-panel{position:absolute;inset-inline:12px;bottom:0;max-height:min(80dvh,560px);overflow-y:auto;padding:24px 20px max(24px,env(safe-area-inset-bottom));border:1px solid var(--buoy);border-radius:24px 24px 0 0;background:var(--surface);outline:none;box-shadow:0 12px 48px rgb(0 0 0/.3);overflow-wrap:anywhere}.first-visit-panel.is-above{top:12px;bottom:auto;border-radius:24px}.first-visit-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border-radius:16px;color:var(--buoy);background:var(--buoy-soft)}.first-visit-dots{display:flex;justify-content:center;gap:8px;margin:22px 0}.first-visit-dots span{width:8px;height:8px;border-radius:99px;background:var(--line)}.first-visit-dots span.is-current{width:24px;background:var(--buoy)}.first-visit-help{flex-shrink:0;max-width:100%;white-space:normal}@media (min-width:640px){.first-visit-panel{width:min(440px,calc(100vw - 32px));inset-inline-start:50%;inset-inline-end:auto;transform:translateX(50%);bottom:20px;border-radius:24px}.first-visit-panel.is-centered{top:50%;bottom:auto;transform:translate(50%,-50%)}.first-visit-panel.is-above{top:20px}}@media print{.first-visit-help,.first-visit-overlay{display:none}}