/* kant_auth.css — Login/Registrieren-Modal + Konto-Status (gemeinsam fuer alle Seiten) */
body:not(.kauth-ready) [data-auth-show]{ display:none; }
.kauth-overlay{ position:fixed; inset:0; z-index:95; background:rgba(3,8,14,0.72); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); display:none; align-items:center; justify-content:center; overflow:auto; padding:24px 20px; }
.kauth-overlay.open{ display:flex; }
.kauth-panel{ position:relative; width:100%; max-width:440px; background:rgba(12,19,30,0.97); border:1px solid rgba(244,241,234,0.16); border-radius:22px; box-shadow:0 24px 60px -24px rgba(0,0,0,0.75); padding:clamp(28px,5vw,40px); color:#f4f1ea; animation:kauthpop .3s cubic-bezier(0.16,1,0.3,1) both; }
@keyframes kauthpop{ from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:none; } }
body.light .kauth-panel{ background:rgba(252,246,235,0.98); color:#2b2416; }
.kauth-close{ position:absolute; top:14px; right:14px; width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(244,241,234,0.16); border-radius:50%; background:transparent; color:inherit; cursor:pointer; transition:color .2s,border-color .2s,transform .2s; }
.kauth-close:hover{ color:#e8c873; border-color:#d4af37; transform:rotate(90deg); }
.kauth-title{ margin:0 0 4px; font-size:22px; }
.kauth-sub{ margin:0 0 20px; font-size:13px; opacity:.65; }
.kauth-form{ display:flex; flex-direction:column; gap:14px; }
.kauth-form[hidden]{ display:none; }
.kauth-form label{ display:flex; flex-direction:column; gap:6px; font-size:12.5px; opacity:.85; font-family:"Fira Code",monospace; letter-spacing:0.06em; }
.kauth-form input[type=email],.kauth-form input[type=password],.kauth-form input[type=text]{ appearance:none; width:100%; background:rgba(244,241,234,0.05); border:1px solid rgba(244,241,234,0.16); border-radius:12px; color:inherit; font-size:15px; padding:12px 14px; outline:none; font-family:inherit; transition:border-color .2s,background .2s; }
body.light .kauth-form input[type=email],body.light .kauth-form input[type=password],body.light .kauth-form input[type=text]{ background:rgba(80,60,25,0.05); border-color:rgba(80,60,25,0.2); }
.kauth-form input:focus{ border-color:#d4af37; background:rgba(244,241,234,0.08); }
.kauth-pw{ position:relative; }
.kauth-pw input{ padding-right:46px !important; }
.kauth-eye{ position:absolute; right:6px; top:50%; transform:translateY(-50%); width:34px; height:34px; display:grid; place-items:center; border:0; background:transparent; color:inherit; opacity:.55; cursor:pointer; border-radius:50%; }
.kauth-eye:hover{ opacity:1; background:rgba(244,241,234,0.08); }
.kauth-eye .off{ display:none; } .kauth-eye.show .off{ display:block; } .kauth-eye.show .on{ display:none; }
.kauth-row{ display:flex; align-items:center; justify-content:space-between; font-size:12.5px; opacity:.8; }
.kauth-check{ flex-direction:row !important; align-items:center; gap:8px !important; cursor:pointer; }
.kauth-link{ color:#e8c873; text-decoration:none; }
.kauth-link:hover{ text-decoration:underline; }
.kauth-submit{ appearance:none; border:0; margin-top:4px; background:linear-gradient(135deg,#d4af37,#e8a04b); color:#1a1206; font-weight:700; font-size:15px; padding:13px 0; border-radius:999px; cursor:pointer; transition:filter .2s,transform .2s; }
.kauth-submit:hover{ filter:brightness(1.08); }
.kauth-submit:active{ transform:scale(0.98); }
.kauth-switch{ margin:6px 0 0; text-align:center; font-size:13px; opacity:.75; }
.kauth-switch a{ color:#e8c873; text-decoration:none; font-weight:600; }
.kauth-switch a:hover{ text-decoration:underline; }
.kauth-note{ margin:16px 0 0; padding:10px 14px; font-size:12.5px; line-height:1.5; color:#e8c873; background:rgba(212,175,55,0.08); border:1px solid rgba(212,175,55,0.35); border-radius:12px; }
.kauth-note[hidden]{ display:none; }
.kauth-div{ display:flex; align-items:center; gap:12px; margin:2px 0; color:inherit; opacity:.45; font-size:12px; }
.kauth-div::before,.kauth-div::after{ content:""; flex:1; height:1px; background:currentColor; opacity:.4; }
.kauth-gslot{ display:flex; justify-content:center; min-height:0; }
.kauth-gbtn{ display:flex; align-items:center; justify-content:center; gap:10px; appearance:none; border:1px solid rgba(244,241,234,0.2); background:#fff; color:#1f1f1f; font-weight:600; font-size:14.5px; padding:11px 0; border-radius:999px; cursor:pointer; transition:filter .2s; }
.kauth-gbtn:hover{ filter:brightness(0.95); }