.account-button{height:39px;display:flex;align-items:center;gap:8px;border:1px solid #cbd2cc;border-radius:99px;background:white;color:var(--ink);padding:0 12px 0 7px;font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap}
.account-button:hover{border-color:var(--green)}
.account-avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#f7e9bd;font:700 11px Georgia,serif;text-transform:uppercase}
.account-avatar.large{width:48px;height:48px;font-size:19px}
.account-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}
.account-modal.hidden{display:none}
.account-backdrop{position:absolute;inset:0;background:rgba(8,24,25,.58);backdrop-filter:blur(3px)}
.account-dialog{position:relative;width:min(470px,100%);max-height:min(760px,calc(100vh - 38px));overflow:auto;background:var(--card);border:1px solid #bfc9c2;box-shadow:0 28px 90px rgba(5,21,21,.32)}
.account-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;border-bottom:1px solid var(--line)}
.account-dialog>header span{font-size:8px;font-weight:800;letter-spacing:.16em;color:var(--green)}
.account-dialog>header h2{margin:5px 0 0;font:500 22px Georgia,"Noto Serif SC",serif}
.account-dialog>header>button{border:0;background:transparent;color:var(--muted);font-size:25px;line-height:1;cursor:pointer;padding:0 3px}
.account-tabs{display:grid;grid-template-columns:1fr 1fr;margin:18px 22px 2px;background:#eef0ea;padding:3px}
.account-tabs button{height:34px;border:0;background:transparent;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.1em;cursor:pointer}
.account-tabs button.active{background:var(--navy);color:white}
.account-form{display:grid;gap:12px;padding:16px 22px 20px}
.account-form.hidden,#account-user-view.hidden,#account-guest-view.hidden{display:none}
.account-form label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.account-form input{height:41px;width:100%;border:1px solid #cbd2cc;background:white;color:var(--ink);padding:0 11px;outline:0;font-size:13px;letter-spacing:0;text-transform:none}
.account-form input:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(13,123,98,.1)}
.account-form>small{color:var(--muted);font-size:9px;line-height:1.45;margin-top:-5px}
.account-primary,.account-secondary{height:41px;border:0;background:var(--navy);color:white;font-size:10px;font-weight:800;letter-spacing:.1em;cursor:pointer}
.account-primary:disabled,.account-secondary:disabled{opacity:.55;cursor:wait}
.guest-note{margin:0 22px 20px;padding:13px 14px;background:#eef4ef;border-left:3px solid var(--green);font-size:10px;line-height:1.55}
.guest-note b{display:block;margin-bottom:3px}.guest-note p{margin:0;color:var(--muted)}
.account-profile-summary{display:flex;align-items:center;gap:13px;margin:20px 22px 5px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.account-profile-summary strong,.account-profile-summary span,.account-profile-summary small{display:block}
.account-profile-summary strong{font:500 18px Georgia,serif}.account-profile-summary span{font-size:10px;color:var(--muted);margin:3px 0}.account-profile-summary small{font-size:9px;color:var(--green);font-weight:700}
.account-form.compact{grid-template-columns:1fr auto;align-items:end;padding-bottom:14px}.account-form.compact .account-secondary{padding:0 13px}
.account-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 22px 15px;border:1px solid var(--line)}
.account-stats div{text-align:center;padding:11px 5px;border-right:1px solid var(--line)}.account-stats div:last-child{border:0}
.account-stats span{display:block;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.12em;margin-bottom:4px}.account-stats b{font-size:11px}
.account-actions{display:flex;gap:8px;margin:0 22px 16px}.account-actions button{flex:1;height:34px;border:1px solid #cbd2cc;background:white;color:var(--ink);font-size:9px;font-weight:800;cursor:pointer}.account-actions button:hover{border-color:var(--green)}
.danger-zone{margin:0 22px 18px;border:1px solid #e2b8b2;background:#fff9f7}.danger-zone summary{padding:11px 12px;color:var(--red);font-size:9px;font-weight:800;cursor:pointer}.danger-zone .account-form{grid-template-columns:1fr;padding:2px 12px 13px}.danger-zone p{margin:4px 0 2px;color:#76534f;font-size:9px;line-height:1.5}.danger-zone button{height:36px;border:0;background:var(--red);color:white;font-size:9px;font-weight:800;cursor:pointer}
.account-message{min-height:18px;margin:0 22px 12px;font-size:10px;color:var(--muted)}.account-message.negative{color:var(--red)}.account-message.positive{color:var(--green)}
.account-dialog>footer{padding:11px 22px;border-top:1px solid var(--line);background:#f2f1eb;color:var(--muted);font-size:8px;line-height:1.45}
body.modal-open{overflow:hidden}
@media(max-width:850px){.market-pill{display:none}}
@media(max-width:720px){.account-button{margin-left:auto}.account-button>span:last-child{display:none}.account-dialog{max-height:calc(100vh - 20px)}.account-form.compact{grid-template-columns:1fr}}
.language-toggle{
  display:flex;
  align-items:center;
  gap:2px;
  padding:3px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.62);
}
.language-toggle button{
  min-width:34px;
  padding:5px 8px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--muted);
  font:700 10px/1 var(--sans);
  cursor:pointer;
}
.language-toggle button.active{
  color:#fff;
  background:var(--ink);
}