.floating-intro{position:fixed;bottom:24px;right:24px;z-index:900;width:min(340px,calc(100vw - 32px));padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.floating-intro.visible{opacity:1;transform:none;pointer-events:auto}.floating-intro-close{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-3)}.floating-intro-close:hover{background:var(--surface-3);color:var(--text)}.floating-intro-title{margin:0;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--text)}.floating-intro-subtitle{margin:4px 0 16px;font-size:14px;line-height:1.45;color:var(--text-2)}.floating-intro-tips{display:grid;gap:14px;margin-bottom:18px}.floating-intro-tip{display:flex;gap:12px;align-items:flex-start}.floating-intro-tip-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;color:var(--brand-ink);background:var(--brand-soft);border-radius:10px}.floating-intro-tip-title{font-size:14px;font-weight:650;color:var(--text)}.floating-intro-tip-desc{margin-top:1px;font-size:13px;line-height:1.4;color:var(--text-2)}.floating-intro-buttons{display:flex;gap:8px}@media(max-width:640px){.floating-intro{right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){.floating-intro{transition:none}}