:root {
        --primary: #14B8B8;
        --secondary: #A78BFA;
      }
      .bg-mesh {
        background-color: #f8fafc;
        background-image:
          radial-gradient(at 0% 100%, rgba(20, 184, 184, 0.05) 0px, transparent 50%),
          radial-gradient(at 100% 0%, rgba(167, 139, 250, 0.05) 0px, transparent 50%);
      }
      /* History list row */
      .history-row {
        display: flex;
        align-items: center;
        padding: 12px 14px;
        border-bottom: 1px solid rgba(229, 231, 235, 0.6);
        cursor: pointer;
        gap: 10px;
        transition: background 0.15s ease;
      }
      .history-row:hover { background: rgba(20, 184, 184, 0.04); }
      .history-row:last-child { border-bottom: none; }
      .history-thumb {
        width: 44px;
        height: 44px;
        border-radius: 10px;
        overflow: hidden;
        flex-shrink: 0;
        background: #f3f4f6;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .history-thumb img { width: 100%; height: 100%; object-fit: cover; }
      .history-col {
        flex: 1;
        min-width: 0;
        display: flex;
        gap: 6px;
        align-items: stretch;
      }
      .history-col-item {
        flex: 1;
        min-width: 0;
      }
      .history-col-divider {
        width: 1px;
        background: rgba(229,231,235,0.8);
        flex-shrink: 0;
        align-self: stretch;
      }

      /* タブ */
      .hist-tab {
        padding: 10px 16px;
        font-size: 13px;
        font-weight: 600;
        color: #94a3b8;
        border-bottom: 2px solid transparent;
        transition: all 0.15s ease;
        white-space: nowrap;
      }
      .hist-tab.active {
        color: #14B8B8;
        border-bottom-color: #14B8B8;
      }
      .hist-tab:hover:not(.active) { color: #64748b; }