/* Google sign-in gate and signed-in user chip (Firebase build only). */
.authgate{position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:24px;overflow-y:auto;
  background:linear-gradient(180deg,rgb(14 11 9 / .55),rgb(14 11 9 / .92)),url("/img/de374d4110f6d085df20f608265d72bb.webp") center/cover no-repeat,#0E0C0B}
.authgate.show{display:grid}
.authcard{max-width:380px;width:100%;text-align:center;padding:34px 28px;border:1px solid rgb(227 188 134 / .2);border-radius:16px;
  background:rgb(22 17 14 / .78);backdrop-filter:blur(10px);color:#F2EADF;font:15px/1.5 "Figtree",system-ui,sans-serif}
.authcard img{width:150px;height:auto;filter:drop-shadow(0 6px 14px rgb(0 0 0 / .6))}
.authcard h1{font:500 40px/1 "Cormorant Garamond",Georgia,serif;margin:12px 0 8px}
.authcard p{color:#CDBFB0;margin:0 0 22px}
.authcard .btn{display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border-radius:999px;border:1px solid #E3BC86;
  background:#E3BC86;color:#1B130C;font:600 15px "Figtree",system-ui,sans-serif;cursor:pointer}
.authcard .btn:hover{background:#EDCB9A}
.authcard .btn svg{background:#fff;border-radius:50%;padding:2px;width:22px;height:22px}
.authcard .autherr{color:#E0737C;margin:16px 0 0}
.authcard .authmsg{color:#CDBFB0;margin:16px 0 0}
.author{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:#8F8173;font-size:13px}
.author::before,.author::after{content:"";flex:1;border-top:1px solid rgb(227 188 134 / .2)}
.authform{display:grid;gap:10px}
.authform input{width:100%;box-sizing:border-box;padding:11px 14px;border-radius:10px;border:1px solid #3D342E;
  background:rgb(255 255 255 / .05);color:#F2EADF;font:15px "Figtree",system-ui,sans-serif}
.authform input::placeholder{color:#8F8173}
.authform input:focus{outline:none;border-color:#E3BC86}
.authform .btn{justify-content:center;margin-top:4px;background:transparent;color:#E3BC86}
.authform .btn:hover{background:rgb(227 188 134 / .12)}
.authform .btn:disabled{opacity:.5;cursor:default}
.authlinks{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}
.authlinks button{border:0;background:none;padding:0;color:#A8998A;font:13px "Figtree",system-ui,sans-serif;cursor:pointer}
.authlinks button:hover{color:#E3BC86}
.authform [hidden],.authlinks [hidden],.authcard [hidden]{display:none}

/* Desktop: top-right of the sidebar, opposite the back/forward arrows. Mobile: in the header row. */
.userchip{position:absolute;top:12px;right:12px;z-index:3;display:flex;align-items:center;gap:2px;
  padding:2px;border:1px solid #3D342E;border-radius:999px;background:rgb(255 255 255 / .04);color:#D4CCC4;font:12.5px "Figtree",system-ui,sans-serif}
.userchip[hidden]{display:none!important}
.userchip img{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none}
.userchip button{border:0;background:none;color:#A8998A;padding:4px 10px 4px 6px;cursor:pointer;font:inherit;white-space:nowrap}
.userchip button:hover{color:#E3BC86}
@media (max-width:900px){
  .userchip{position:relative;top:auto;right:auto;order:0;padding:0;border:0;background:none}
  .userchip button{position:absolute;inset:0;padding:0;font-size:0;border-radius:50%}
  .userchip img{width:32px;height:32px;border:1px solid #3D342E}
}
@media (max-width:420px){
  .side{column-gap:8px}
  .hnav{gap:2px}.hnav button{width:26px;height:26px}
  .brand{gap:6px}.brand .logo{width:40px}.brand .nm{font-size:21px}
  .userchip img{width:28px;height:28px}
}
@media (max-width:340px){.hnav{display:none}}