/* ========== styles.css ========== */
/*
 * Trading Complete System v10.0
 * 分割CSS統合ファイル（@media tap-highlight 緩和のみ）
 * 最終更新: 2026-05-18（R21-E-1）
 *
 * R21-E-1 (2026-05-18): @import 連鎖を解消し index.html で並列 <link> 宣言に変更。
 * @import は順次ロードで並列化されないため Styles 累計 1.8s の歪み源だった。
 * 並列化で約 0.8s 短縮見込み。インポート順序は index.html で維持
 * （1_base → 2_trading → 3_notes → 4_features → 8_expense → 5_themes → 6_responsive）。
 */

/* ========== Phase 2J J-A-3 (MOBILE-NEW-003): タッチデバイス sticky hover 緩和 ========== */
/* 旧実装: 全 CSS で :hover ルールが無条件に定義され、タッチデバイス（指タップ）で
   :hover 効果が「貼り付いて」次のタップまで残る現象が発生していた。
   完全解消には全 199 箇所の :hover を `@media (hover: hover)` でラップする必要があるが、
   個別 CSS ルールの構造（連結セレクタ等）次第で破壊リスクがあるため、Phase 2J では
   最小限の緩和措置のみ実施。完全対応は Phase 2K の継続改善で別途対応する。
   - tap-highlight 透明化: タップ時の青フラッシュを抑制（UX 改善）
   - :hover transition を瞬時に: sticky hover の見栄えを軽減（完璧ではないが体感改善） */
@media (hover: none) and (pointer: coarse) {
    button, a, .btn, .tab-btn, .emotion-btn, [onclick] {
        -webkit-tap-highlight-color: transparent;
    }
    button:hover, a:hover, .btn:hover, .tab-btn:hover, .emotion-btn:hover {
        transition-duration: 0.05s !important;
    }
}

/* ========== styles.css 終了 ========== */