.library-cover .account-trigger{position:relative;width:47px;height:47px;flex:0 0 47px;padding:0;border:0;background:transparent;color:#d7ad78;display:block;cursor:pointer;overflow:visible;appearance:none;transition:transform .2s}
.library-cover .account-trigger:before{content:"";position:absolute;left:23px;top:0;z-index:1;width:0;height:47px;border:1px solid transparent;border-left:0;border-radius:0 999px 999px 0;background:rgba(215,173,120,.08);opacity:0;transition:width .22s,opacity .16s,border-color .16s}
.library-cover .account-trigger:after{content:"";position:absolute;left:0;top:0;z-index:2;width:47px;height:47px;border:1px solid #d1a56c;border-radius:50%;background:rgba(37,56,60,.18);box-shadow:none;transition:background .2s,box-shadow .2s}
.library-cover .account-trigger:hover,.library-cover .account-trigger:focus-visible,.library-cover .account-trigger.open{transform:translateY(-1px);outline:0}
.library-cover .account-trigger:hover:before,.library-cover .account-trigger:focus-visible:before,.library-cover .account-trigger.open:before{width:112px;border-color:#d1a56c;opacity:1}
.library-cover .account-trigger:hover:after,.library-cover .account-trigger:focus-visible:after,.library-cover .account-trigger.open:after{background:rgba(215,173,120,.12);box-shadow:0 10px 28px rgba(0,0,0,.16)}
.library-cover .account-trigger .cover-star{position:absolute;left:0;top:0;z-index:3;width:47px;height:47px;margin:0;display:block;text-align:center;color:#d7ad78;font-size:18px;line-height:47px}
.library-cover .account-trigger .account-label{position:absolute;left:70px;top:0;z-index:3;height:47px;margin:0;display:flex;align-items:center;color:#d7ad78;opacity:0;pointer-events:none;white-space:nowrap;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;transform:translateX(-8px);transition:opacity .16s,transform .18s}
.library-cover .account-trigger:hover .account-label,.library-cover .account-trigger:focus-visible .account-label,.library-cover .account-trigger.open .account-label{opacity:1;transform:translateX(0)}
.auth-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:rgba(16,24,25,.58);backdrop-filter:blur(5px)}
.auth-modal[hidden]{display:none}
.login-card{width:min(390px,100%);padding:30px;background:#fffaf0;color:#29302e;border:1px solid rgba(101,76,39,.2);box-shadow:0 28px 80px rgba(0,0,0,.36);position:relative}
.login-card h2{margin:0 0 22px;font:600 34px/1.08 var(--serif);letter-spacing:-.03em}
.login-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;background:transparent;color:#6c5a41;font-size:27px;line-height:1;cursor:pointer}
.login-field{display:block;margin-bottom:16px;color:#746348;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.login-field input{width:100%;margin-top:7px;padding:12px 0;border:0;border-bottom:1px solid rgba(90,68,34,.34);outline:0;background:transparent;color:#29302e;font-size:16px;text-transform:none;letter-spacing:0}
.login-field input:focus{border-color:#8b6332}
.login-submit{width:100%;margin-top:8px;padding:13px 18px;border:1px solid #7b5a31;background:#2b3d40;color:#fff7e8;cursor:pointer;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.login-submit:disabled{opacity:.55;cursor:wait}
.login-error{min-height:20px;margin:14px 0 0;color:#9f322d;font-size:13px}
.admin-body{min-height:100vh;background:#1e2b2e}
.admin-empty{min-height:100vh;background:#f8f1df}
.access-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:rgba(16,24,25,.68);backdrop-filter:blur(5px)}
.access-modal[hidden]{display:none}
.access-card{width:min(410px,100%);padding:30px;background:#fffaf0;color:#29302e;border:1px solid rgba(101,76,39,.2);box-shadow:0 28px 80px rgba(0,0,0,.36);display:grid;gap:14px}
.access-card h2{margin:0;font:600 32px/1.08 var(--serif);letter-spacing:-.03em}
.access-card p{margin:0;color:#746348;line-height:1.55}
.access-card input{width:100%;padding:12px 0;border:0;border-bottom:1px solid rgba(90,68,34,.34);outline:0;background:transparent;color:#29302e;font-size:16px}
.access-card button{padding:13px 18px;border:1px solid #7b5a31;background:#2b3d40;color:#fff7e8;cursor:pointer;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.access-error{min-height:18px;color:#9f322d;font-size:13px}
@media(max-width:730px){.login-card{padding:28px 24px}}
@media(max-width:730px){
  .library-cover .account-trigger:before,
  .library-cover .account-trigger .account-label{display:none!important}
  .library-cover .account-trigger:hover,
  .library-cover .account-trigger:focus-visible,
  .library-cover .account-trigger.open{transform:none}
}