/* Drapr Home V2: the page's own <style> blocks, verbatim */
@keyframes menuIn { from { opacity: 0; transform: translateY(-6px) scale(0.98); } to { opacity: 1; transform: none; } }

    @keyframes fdrift1 { from { transform: translate(0, 0) scale(1); } to { transform: translate(-12%, 10%) scale(1.15); } }
    @keyframes fdrift2 { from { transform: translate(0, 0) scale(1); } to { transform: translate(14%, -8%) scale(0.9); } }
    @keyframes okIn { from { opacity: 0; transform: translateY(8px) scale(0.97); } to { opacity: 1; transform: none; } }
    @media (prefers-reduced-motion: reduce) { [style*="fdrift"] { animation: none !important; } }
    .ftr-in::placeholder { color: #7A6660; }
  

    body { margin: 0; background: #F7EEE9; font-family: Inter, sans-serif; -webkit-font-smoothing: antialiased; }
    a { color: #6B2A38; text-decoration: none; }
    a:hover { color: #571F2C; }
    a:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline: 2px solid #6B2A38; outline-offset: 3px; }
    @keyframes bubbleIn { from { opacity: 0; transform: translateY(10px) scale(0.92); } to { opacity: 1; transform: none; } }
    @keyframes notifIn { from { opacity: 0; transform: translateY(-24px) scale(0.96); filter: blur(4px); } to { opacity: 1; transform: none; filter: blur(0); } }
    @keyframes dot { 0%, 60%, 100% { opacity: 0.3; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-3px); } }
    @keyframes drift1 { from { transform: translate(0, 0) scale(1); } to { transform: translate(-10%, 8%) scale(1.15); } }
    @keyframes drift2 { from { transform: translate(0, 0) scale(1); } to { transform: translate(12%, -10%) scale(0.9); } }
    @keyframes drift3 { from { transform: translate(0, 0) scale(1); } to { transform: translate(8%, 10%) scale(1.1); } }
    @keyframes floatA { 0%,100% { transform: translateY(0) rotate(var(--r, 0deg)); } 50% { transform: translateY(-10px) rotate(var(--r, 0deg)); } }
    @keyframes marqueeR { from { transform: translateX(-50%); } to { transform: translateX(0); } }
    @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
    @keyframes tagIn { from { opacity: 0; translate: 0 8px; filter: blur(4px); } to { opacity: 1; translate: 0 0; filter: blur(0); } }
    @media (prefers-reduced-motion: reduce) { [style*="bubbleIn"], [style*="notifIn"], [style*="tagIn"] { animation-duration: 1ms !important; } [style*="drift"], [style*="floatA"], [style*="marquee"] { animation: none !important; } [style*="dot "] { animation: none !important; } }