/* =================================================================
 * Hearing Test Specific Styles
 * =================================================================
 */

#visualizer {
    background-color: #000;
    border: 1px solid #444;
    box-shadow: inset 0 0 20px rgba(0, 255, 0, 0.1);
}

#freq-display {
    font-family: 'Roboto Mono', monospace;
    letter-spacing: -2px;
}

/* スライダー調整 */
input[type=range]::-webkit-slider-thumb {
    cursor: pointer;
}

/* ダークモード対応 */
[data-bs-theme="dark"] #visualizer {
    border-color: #666;
}

[data-bs-theme="dark"] .card-header.bg-primary {
    background-color: #5b32a8 !important;
}

/* シェア画像のプレビュー調整 */
#generated-image {
    max-height: 400px;
    width: auto;
    max-width: 100%;
}