.account>.icon{width:12px;height:12px;margin-left:3px;transform:rotate(90deg);transition:transform .2s}
.account[aria-expanded="true"]{background:#fff7d5}
.account[aria-expanded="true"]>.icon{transform:rotate(-90deg)}
.account[aria-expanded="true"] .account-icon{background:var(--yellow);border-color:#edc327}
.login-panel{position:fixed;inset:auto;margin:0;padding:0;width:396px;max-width:calc(100vw - 24px);color:var(--ink);background:#fff;border:1px solid #e5e6df;border-top:3px solid var(--yellow);border-radius:12px;box-shadow:0 22px 70px #20241b26,0 3px 12px #20241b12;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.login-panel:popover-open{animation:login-enter .2s ease-out}
.login-panel [hidden]{display:none!important}
.login-heading{display:flex;align-items:center;gap:12px;padding:24px 25px 18px}
.login-avatar{width:44px;height:48px;display:grid;place-items:center;background:#f5f5ed;border:1px solid #e5e7dc;border-radius:12px;flex-shrink:0}
.login-avatar .icon{width:32px;height:32px;stroke-width:1.4}
.login-eyebrow{display:block;font-size:8px;font-weight:750;letter-spacing:1.6px;color:#858a7c;margin-bottom:4px}
.login-heading h2{font-family:var(--display);font-size:29px;line-height:1.05;font-weight:600;margin:0;letter-spacing:-.3px}
.login-close{width:32px;height:32px;padding:7px;margin-left:auto;align-self:flex-start;display:grid;place-items:center;border-radius:7px;color:#73796b}
.login-close .icon{width:18px;height:18px}.login-close:hover{background:#f1f3eb;color:var(--ink)}
.login-body{padding:0 25px 20px}
#login-description{font-size:12px;line-height:1.7;color:#787e70;margin:0 0 22px}
#login-form{display:grid;gap:17px}
.login-field{display:grid;gap:7px}
.login-field label{font-size:11px;font-weight:700}
.login-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.login-text-button{padding:3px 0;font-size:10px;font-weight:550;color:#6f7663;text-decoration:underline;text-underline-offset:3px}
.login-text-button:hover{color:var(--ink)}
.login-field input{width:100%;height:46px;border:1px solid #dfe3d8;border-radius:6px;background:#fcfcfa;padding:0 13px;font-size:13px;color:var(--ink);min-width:0}
.login-field input::placeholder{color:#9a9f91;font-size:12px}
.login-field input:focus{outline:2px solid #e4bd25;outline-offset:1px;border-color:#c6a92e;background:#fff}
.login-password-wrap{position:relative}.login-password-wrap input{padding-right:48px}
.login-password-wrap button{position:absolute;right:4px;top:4px;width:38px;height:38px;display:grid;place-items:center;border-radius:5px;color:#8b927f}
.login-password-wrap button:hover{background:#eff1e8;color:var(--ink)}.login-password-wrap .icon{width:19px;height:19px;stroke-width:1.5}
#login-password-hint{font-size:10px;color:#78816a}
.login-submit{width:100%;min-height:47px;justify-content:space-between;border-radius:6px;margin-top:3px;font-size:12px;padding:13px 16px;font-weight:750}
.login-submit .icon{width:18px;height:18px}
.login-switch{font-size:11px;text-align:center;margin:19px 0 0;color:#7c8370}
.login-switch button{font-size:11px;padding:3px 2px;font-weight:750;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.login-back{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:11px;font-weight:650;margin-top:15px;padding:5px}
.login-back .icon{width:15px;height:15px;transform:rotate(180deg)}
.login-preview-note{text-align:center;color:#8a907f;font-size:9px;line-height:1.6;margin:17px 0 0}
.login-feedback{font-size:11px;line-height:1.7;color:#635820;border:1px solid #eddfa1;border-radius:6px;background:#fff9e3;padding:12px;margin:0}
.login-quick-links{display:flex;border-top:1px solid #e9ece2;background:#f8f9f5;padding:16px 20px;gap:12px;justify-content:space-between}
.login-quick-links a{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:550;color:#6b745e}
.login-quick-links a:hover{color:var(--ink)}.login-quick-links .icon{width:16px;height:16px;stroke-width:1.5}
.account-preview>.login-page-button{margin:5px 0 10px}
@keyframes login-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.account>.icon{display:none}}
@media(max-width:560px){.login-heading{padding:22px 21px 17px}.login-body{padding:0 21px 20px}.login-field input{font-size:16px}.login-heading h2{font-size:28px}.login-quick-links{padding:16px 21px}.login-preview-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.login-panel:popover-open{animation:none}}

.master-entry{display:flex;width:100%;justify-content:center;font-size:11px;margin-top:15px;border-radius:5px}.add-button:disabled,.purchase-controls button:disabled{opacity:.55;cursor:not-allowed}