/* Anmeldefenster und Menüpunkt "Meine Bücher" */
.pnw-login{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px 16px;background:rgba(8,6,5,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
.pnw-login.open{opacity:1}
.pnw-card{position:relative;width:min(420px,100%);background:var(--stone-2,#221915);color:var(--ink,#f6ece2);border:3px solid #000;border-radius:10px;box-shadow:8px 8px 0 var(--soap,#e2342b),0 30px 80px rgba(0,0,0,.7);padding:30px 26px 26px;transform:translateY(18px) rotate(-1deg);transition:transform .35s cubic-bezier(.2,1.4,.4,1)}
.pnw-login.open .pnw-card{transform:none}
.pnw-card .pnw-x{position:absolute;top:8px;right:10px;width:38px;height:38px;border:0;background:none;color:var(--ink-soft,#c6b5a5);font-size:30px;line-height:1;cursor:pointer;border-radius:50%}
.pnw-card .pnw-x:hover{color:#fff}
.pnw-card .pnw-lg{height:62px;width:auto;margin:0 auto 4px;display:block}
.pnw-card .pnw-bz{position:absolute;top:-34px;left:-26px;width:78px;transform:rotate(-14deg);filter:drop-shadow(0 8px 10px rgba(0,0,0,.6));animation:pnwbz 1.8s ease-in-out infinite alternate}
@keyframes pnwbz{to{transform:translate(8px,-6px) rotate(-6deg)}}
.pnw-card h2{font-family:var(--f-comic,"Bangers",Impact,sans-serif);font-weight:400;font-size:40px;letter-spacing:1.5px;text-align:center;line-height:1;margin:6px 0 2px;color:#fff;text-shadow:3px 3px 0 #000}
.pnw-card .pnw-sub{font-family:var(--f-hand,"Caveat",cursive);font-weight:700;font-size:23px;color:var(--gold,#e8b25a);text-align:center;margin:0 0 18px;line-height:1.1}
.pnw-card label{display:block;font-weight:800;font-size:14px;color:var(--ink-soft,#c6b5a5);margin:12px 0 6px}
.pnw-card input{width:100%;font:inherit;font-size:17px;padding:13px 14px;border-radius:10px;border:2px solid var(--line,#3a2c24);background:var(--black,#0d0a09);color:var(--ink,#f6ece2)}
.pnw-card input:focus{outline:none;border-color:var(--gold,#e8b25a)}
.pnw-card .pnw-pw{position:relative}
.pnw-card .pnw-pw input{padding-right:52px}
.pnw-card .pnw-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:8px;background:none;color:var(--ink-soft,#c6b5a5);cursor:pointer;padding:0}
.pnw-card .pnw-eye:hover,.pnw-card .pnw-eye.on{color:var(--gold,#e8b25a)}
.pnw-card .pnw-eye svg{pointer-events:none}
.pnw-card .pnw-go{width:100%;margin-top:20px;padding:15px;border-radius:999px;border:2px solid #000;background:var(--soap,#e2342b);color:#fff;font-family:var(--f-comic,"Bangers",Impact,sans-serif);font-size:25px;letter-spacing:1.5px;cursor:pointer;box-shadow:4px 4px 0 #000;transition:transform .12s,box-shadow .12s}
.pnw-card .pnw-go:hover{transform:translate(-1px,-2px);box-shadow:5px 6px 0 #000}
.pnw-card .pnw-go:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #000}
.pnw-card .pnw-go[disabled]{opacity:.6;cursor:wait}
.pnw-card .pnw-err{margin-top:14px;background:#fff;color:#1d1410;border:2px solid #000;border-radius:14px;padding:9px 14px;font-weight:800;font-size:15px;position:relative}
.pnw-card .pnw-err::before{content:"";position:absolute;top:-10px;left:28px;border:8px solid transparent;border-bottom-color:#000;border-top:0}
.pnw-card .pnw-hint{margin-top:16px;text-align:center;font-size:13px;color:var(--ink-soft,#c6b5a5)}
.pnw-card.shake{animation:pnwshake .4s}
@keyframes pnwshake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.pnw-card .pnw-sp{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0 4px}
.pnw-card .pnw-sp button{font:inherit;font-size:13px;font-weight:800;padding:5px 11px;border-radius:999px;border:1.5px solid var(--line,#3a2c24);background:none;color:var(--ink-soft,#c6b5a5);cursor:pointer}
.pnw-card .pnw-sp button:hover{color:#fff}
.pnw-card .pnw-sp button[aria-pressed="true"]{border-color:var(--gold,#e8b25a);color:var(--gold,#e8b25a)}
.pnw-card .pnw-h{margin:10px 0 2px;text-align:center;font-size:15px;line-height:1.4;color:var(--ink-soft,#c6b5a5)}
.pnw-card[dir="rtl"] .pnw-pw input{padding-right:14px;padding-left:52px}
.pnw-card[dir="rtl"] .pnw-eye{right:auto;left:4px}
.pnw-card[dir="rtl"] .pnw-x{right:auto;left:10px}
.pnw-card[dir="rtl"] .pnw-err::before{left:auto;right:28px}
.pnw-card[data-l="ar"] h2,.pnw-card[data-l="ar"] .pnw-go{font-family:"Geeza Pro","Noto Naskh Arabic","Arial",sans-serif;font-weight:700;letter-spacing:0;font-size:30px}
.pnw-card[data-l="ar"] .pnw-go{font-size:22px}
.top nav a.mybooks{color:var(--gold,#e8b25a)}
@media (max-width:860px){.top nav.menu a.mybooks{border-color:var(--gold,#e8b25a)}}
@media (prefers-reduced-motion:reduce){.pnw-card .pnw-bz,.pnw-card.shake{animation:none}.pnw-card{transition:none}}
/* Fix 2.11.: Fenster am Handy scrollbar (Passwortfeld war bei kleinem Bildschirm/offener Tastatur nicht erreichbar) */
.pnw-login{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:max(28px,env(safe-area-inset-top,0px)) 16px max(40px,env(safe-area-inset-bottom,0px))}
.pnw-login .pnw-card{margin:24px auto 40px}
@media (max-height:760px){.pnw-card{padding:22px 20px 20px}.pnw-card .pnw-lg{height:44px}.pnw-card h2{font-size:32px}.pnw-card .pnw-sub{margin-bottom:10px}.pnw-card label{margin:8px 0 5px}}