/* パスコードゲートのオーバーレイ（K-demy ライトテーマ：薄いサーモンオレンジ） */
#gate{
  position:fixed; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  background:radial-gradient(120% 120% at 50% 0%, #ffe3d1 0%, #ffefe4 55%, #fff8f3 100%);
  padding:24px;
}
#gate .gbox{
  width:100%; max-width:380px; text-align:center;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(232,115,74,.35);
  border-radius:18px; padding:34px 26px 30px;
  box-shadow:0 24px 60px rgba(196,110,70,.22);
  backdrop-filter:blur(6px);
}
#gate .glogo{
  width:200px; max-width:80%; margin:0 auto 18px; display:block;
}
#gate h1{ margin:0 0 8px; font-size:21px; color:#3d2f27; letter-spacing:.04em; }
#gate p{ margin:0 0 18px; font-size:15px; line-height:1.7; color:#8a6f60; }
#gate input{
  width:100%; box-sizing:border-box; padding:13px 14px; margin-bottom:12px;
  border-radius:11px; border:1px solid rgba(160,110,80,.30);
  background:#fff; color:#3d2f27; font-size:16px; outline:none;
}
#gate input:focus{ border-color:#e8734a; }
#gate button{
  width:100%; padding:13px 14px; border:0; border-radius:11px; cursor:pointer;
  font-size:16px; font-weight:700; color:#fff;
  background:linear-gradient(135deg,#f2925f,#e8734a);
  box-shadow:0 8px 20px rgba(232,115,74,.35);
}
#gate button:active{ transform:translateY(1px); }
#gate .gerr{ min-height:18px; margin:10px 0 0; color:#d84f3a; font-size:12px; }