.account-dialog{width:min(620px,calc(100% - 24px));max-height:90dvh;overflow:auto;padding:28px;background:var(--cream);color:var(--ink);border:1px solid var(--line);border-radius:24px}.account-dialog::backdrop{background:#11182780;backdrop-filter:blur(5px)}.account-dialog h2{font:900 28px/1.2 Nunito,sans-serif;margin:4px 0}.account-dialog h3{font:800 21px/1.3 Nunito,sans-serif}.account-dialog .dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.account-dialog .muted{color:var(--muted);font-size:12px}.account-dialog #account-guest{text-align:center;padding:10px 8px}.account-emblem{font-size:64px;color:var(--blue);line-height:1.3;margin-bottom:12px}.account-dialog #account-guest p{color:var(--muted);max-width:440px;margin:14px auto 20px}.account-dialog #account-bot-link{margin-top:12px}.account-profile{display:flex;align-items:center;justify-content:space-between;padding:18px;background:var(--soft-blue);border-radius:16px}.account-profile h3,.account-profile p{margin:0}.account-profile p{font-size:12px;color:var(--muted);margin-top:5px}.account-orders-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.account-orders-heading h3{margin:0}.account-order{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:12px}.account-order-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.account-status{font-size:11px;padding:5px 9px;border-radius:8px;background:var(--soft-blue);color:var(--blue)}.account-order ul{list-style:none;padding:0;margin:14px 0}.account-order li{display:flex;justify-content:space-between;gap:16px;margin:12px 0;font-size:13px;overflow-wrap:anywhere}.account-order li small{display:block;color:var(--muted);font-size:11px}.account-order-total{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;gap:12px;font-size:13px}.account-empty{text-align:center;padding:24px 12px;background:var(--soft-blue);border-radius:16px}.account-empty>span{font-size:48px;color:var(--blue)}.account-empty p{color:var(--muted);font-size:13px}.account-connected{color:var(--blue)}.account-checkout-note{font-size:12px;color:var(--muted)}.account-checkout-note button{background:none;border:0;padding:0;color:var(--blue);text-decoration:underline;cursor:pointer}.account-dialog button{transition:transform .18s,background-color .18s}.account-dialog button:active{transform:scale(.97)}#account-feedback{color:var(--blue);font-size:13px;overflow-wrap:anywhere}@media(max-width:650px){.account-dialog{padding:20px;border-radius:18px}.account-dialog h2{font-size:25px}.header-actions{gap:2px}#account-toggle{width:36px}.account-order{padding:14px}}@media(prefers-reduced-motion:reduce){.account-dialog button{transition:none}}
@media(max-width:400px){.header:not(.rules-header)>.header-actions{grid-column:1 / -1;grid-row:2;justify-content:flex-end}.header:not(.rules-header)>nav{grid-column:1 / -1;grid-row:3;justify-content:space-between;font-size:10px;padding-top:4px}}

#account-toggle{width:44px;min-width:44px;height:44px;padding:0;border:1px solid var(--line);background:var(--surface);border-radius:50%}#account-toggle:hover{border-color:var(--blue);background:var(--soft-blue)}#account-toggle.account-connected{border-color:var(--blue)}

@media(max-width:650px){.header:not(.rules-header)>nav{flex-wrap:wrap;gap:8px 12px}}