/* Custom styling complementing Tailwind CSS */

html.lenis {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto;
}

/* Subtle glassmorphic glow behind the interactive Orb */
#voice-canvas {
    background: radial-gradient(circle at 50% 50%, rgba(15, 118, 110, 0.14), rgba(248, 250, 252, 0) 70%);
}

/* Custom scrollbar for the live transcript preview */
#transcript-box::-webkit-scrollbar {
    width: 6px;
}

#transcript-box::-webkit-scrollbar-track {
    background: transparent;
}

#transcript-box::-webkit-scrollbar-thumb {
    background-color: #CBD5E1;
    border-radius: 9999px;
}