/* Container */
.jah-wrapper { max-width: 760px; margin: 18px auto; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans JP", sans-serif; }
/* Tabs */
.jah-tabs { display: flex; gap: 8px; margin-bottom: 12px; }
.jah-tab { padding: 10px 14px; border-radius: 999px; border: 1px solid #e5e7eb; background: #fff; cursor: pointer; font-weight: 600; }
.jah-tab.is-active { background: #111827; color: #fff; border-color: #111827; }
.jah-panel { }
.jah-panel.is-active { }
/* Card */
.jah-card { border: 1px solid #e5e7eb; border-radius: 14px; padding: 16px; background: #ffffff; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }
.jah-label { display:block; font-size: 14px; color: #374151; margin-bottom: 6px; }
.jah-row { display: flex; gap: 8px; }
.jah-input { flex: 1; padding: 12px 14px; border:1px solid #d1d5db; border-radius: 12px; font-size: 16px; }
.jah-button { padding: 12px 16px; border: 0; border-radius: 12px; background: #111827; color: #fff; font-weight: 700; cursor: pointer; }
.jah-button:hover { opacity: .92; }
.jah-mini { padding: 6px 10px; border: 1px solid #e5e7eb; background:#fff; border-radius: 999px; cursor: pointer; font-size: 12px; }
.jah-mini:hover { background:#111827; color:#fff; border-color:#111827; }
.jah-result { margin-top: 12px; }
.jah-address-card .line { margin: 4px 0; font-size: 15px; }
.jah-address-card .romaji { color:#6b7280; }
.jah-address-card .tag { margin-left: 8px; font-size: 11px; padding: 2px 6px; border-radius: 999px; background:#eef2ff; color:#3730a3; }
.jah-address-card .zip { color:#374151; font-variant-numeric: tabular-nums; }
.jah-actions { margin-top: 8px; display:flex; gap:8px; }
/* List */
.jah-list { display:flex; flex-direction: column; gap: 10px; margin-top: 12px; }
.jah-list-item { display:flex; justify-content: space-between; align-items: center; gap:12px; border:1px solid #e5e7eb; border-radius: 12px; padding: 10px 12px; }
.jah-list-item .title { font-weight:800; font-variant-numeric: tabular-nums; }
.jah-list-item .sub { color:#374151; font-size: 14px; }
.jah-list-item .romaji { color:#6b7280; }
.jah-skel { height: 48px; border-radius: 12px; background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 37%, #f3f4f6 63%); background-size: 400% 100%; animation: jah-shimmer 1.4s ease infinite; }
@keyframes jah-shimmer { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }
/* Toast */
.jah-toast { position: fixed; left:50%; bottom: 24px; transform: translateX(-50%); padding: 10px 14px; border-radius: 10px; background: rgba(17,24,39,.98); color:#fff; font-size: 13px; opacity:0; transition: opacity .2s ease, transform .2s ease; }
.jah-toast.show { opacity: 1; transform: translateX(-50%) translateY(-4px); }