/* kd-hub.css — ハブ/ブラウズページ (page 5/7/62/149) 用の最小スタイル (W2-b)
 * w1.css の body/グローバル指定は含めない (Cocoon ページのデザインを壊さないため)。
 * PIN モーダル (kd-mp-core.js の openPin が生成) + おうちの方ロック + ＋追加ボタン + トースト のみ。
 */
:root{
  --kd-accent:#D9572B; --kd-accent-deep:#C04A22; --kd-ink:#453B30; --kd-ink-mute:#6E6250;
  --kd-line:#F0E4D3; --kd-card-border:#E3D3BE; --kd-backdrop:rgba(46,36,26,.72);
  --kd-soft-bg:#FBE3D6; --kd-soft-ink:#BE4F24; --kd-stage:#1E170F;
}

/* --- おうちの方ロック (固定・右上) ---
   HT 2026-07-19 確定: 右上固定に戻す。ログイン中の管理者バーとの重なりは HT のみで、一般訪問者には管理者バーが出ないため実害なしとして許容。 */
.kdmp-hub-lock{position:fixed;top:12px;right:12px;z-index:60;border:1.5px solid #E3B9A6;background:var(--kd-soft-bg);color:var(--kd-soft-ink);font-weight:700;font-size:13px;border-radius:999px;padding:9px 16px;cursor:pointer;font-family:"Noto Sans JP",sans-serif;box-shadow:0 2px 8px rgba(122,94,58,.18);}

/* --- ＋プレイリストに追加 (親モード中のみ表示、既定 display:none は JS/inline で) --- */
.kdmp-add-btn{margin-top:12px;border:1.5px solid #E3B9A6;background:var(--kd-soft-bg);color:var(--kd-soft-ink);font-weight:700;font-size:14px;border-radius:12px;padding:11px 18px;cursor:pointer;font-family:"Noto Sans JP",sans-serif;align-items:center;gap:6px;}
.kdmp-add-btn:active{background:#F6D3BF;}

/* --- トースト --- */
.kdmp-hub-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--kd-stage);color:#F5EBDD;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:700;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:70;pointer-events:none;max-width:88%;text-align:center;font-family:"Noto Sans JP",sans-serif;}
.kdmp-hub-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* --- PIN モーダル (kd-mp-core.js openPin が生成する DOM。w1.css と同等の見た目) --- */
.kdmp-pin{position:fixed;inset:0;background:var(--kd-backdrop);display:flex;align-items:center;justify-content:center;z-index:80;padding:16px;font-family:"Noto Sans JP",sans-serif;}
.kdmp-pin-box{background:#fff;border-radius:22px;max-width:340px;width:100%;padding:14px 22px 24px;text-align:center;color:var(--kd-ink);}
.kdmp-pin-close{display:block;margin:0 auto 8px;border:none;background:#F0E4D3;color:#59503F;font-weight:700;font-size:15px;border-radius:999px;padding:10px 22px;cursor:pointer;}
.kdmp-pin-title{font-family:"M PLUS Rounded 1c","Noto Sans JP",sans-serif;font-weight:800;font-size:18px;margin:6px 0 2px;}
.kdmp-pin-inst{font-size:13px;color:var(--kd-ink-mute);margin:0 0 14px;min-height:20px;}
.kdmp-pin-inst.kdmp-pin-err{color:var(--kd-accent-deep);font-weight:700;}
.kdmp-pin-dots{display:flex;justify-content:center;gap:14px;margin-bottom:18px;}
.kdmp-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--kd-card-border);background:#fff;}
.kdmp-dot.on{background:var(--kd-accent);border-color:var(--kd-accent);}
.kdmp-pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.kdmp-key{height:58px;border-radius:14px;border:1.5px solid var(--kd-card-border);background:#fff;font-size:22px;font-weight:700;color:var(--kd-ink);cursor:pointer;}
.kdmp-key:active{background:var(--kd-soft-bg);}
.kdmp-key-empty{visibility:hidden;}
.kdmp-pin-forgot{font-size:12.5px;color:var(--kd-soft-ink);margin:16px 0 0;text-decoration:underline;cursor:pointer;}