/* style.css — 元ファイルのスタイルを分離 */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    -webkit-tap-highlight-color: transparent;
    background-color: #f8fafc;
    color: #0f172a;
}
.blur-text {
    filter: blur(7px);
    user-select: none;
    background-color: #e2e8f0;
    color: transparent;
    border-radius: 6px;
}
.card-playing {
    border-left-color: #2563eb !important;
    background-color: #eff6ff !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.12);
}
.card-resume {
    border-left-color: #0ea5e9 !important;
}
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
@keyframes pulse-ring {
    0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.5); }
    70% { box-shadow: 0 0 0 14px rgba(239, 68, 68, 0); }
    100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
.recording-pulse {
    animation: pulse-ring 1.5s infinite;
}