/* User portal finish. Loaded last; no layout animation on polling-driven renders. */
:root {
  --radius: 24px;
  --ui-radius-control: 14px;
  --ui-ease: cubic-bezier(.22, .68, .2, 1);
  --ui-line: #ffffff10;
  --ui-highlight: #ffffff09;
  --ui-shadow: 0 6px 24px #00000018;
  --ui-control-shadow: inset 0 1px 0 #ffffff0b, 0 2px 5px #00000012;
  --ui-selected: #292e20;
  --ui-selected-line: #c1ff3528;
  --ui-header: #080808f2;
}
:root[data-theme="light"] {
  --ui-line: #223d6810;
  --ui-highlight: #ffffffb3;
  --ui-shadow: 0 6px 24px #244c8510;
  --ui-control-shadow: inset 0 1px 0 #fff, 0 2px 5px #244c8509;
  --ui-selected: #eaf1ff;
  --ui-selected-line: #3478ed28;
  --ui-header: #fffffff2;
}
body.ui-polished:not(.admin-body) { -webkit-font-smoothing: antialiased; }
body.ui-polished:not(.chat-view) .app-shell { margin-inline: auto; padding-bottom: calc(104px + env(safe-area-inset-bottom)); }
body.ui-polished:not(.chat-view) #page { padding: 20px 16px 24px; }
/* Only the home route shows the platform header; other pages use the full viewport. */
body.ui-polished .app-shell > .topbar[hidden] { display: none !important; }
body.ui-polished:not(.home-view):not(.chat-view) .app-shell { padding-top: env(safe-area-inset-top, 0px); }
body.ui-polished :is(button, a.live-button, [role="button"]) {
  transition: background-color 180ms var(--ui-ease), color 180ms var(--ui-ease),
    border-color 180ms var(--ui-ease), box-shadow 180ms var(--ui-ease),
    opacity 180ms var(--ui-ease), scale 180ms var(--ui-ease);
  box-shadow: var(--ui-control-shadow) !important;
}
body.ui-polished :is(button, a.live-button, [role="button"]):not(:disabled):active {
  translate: none;
  filter: none;
  box-shadow: inset 0 1px 3px #00000012 !important;
}
body.ui-polished :is(.live-button, .primary-action, .secondary-action, .pause-action, .auth-logout) {
  min-height: 44px;
  border-radius: var(--ui-radius-control);
  line-height: 1.45;
}
body.ui-polished :is(.live-button, .primary-action, .secondary-action, .pause-action):not(:disabled):active { scale: .985; }
body.ui-polished :is(.text-action, .news-read-button, .profile-menu > button, .profile-menu > a,
  .wallet-exchange, .exchange-connection-row, .strategy-market-row, .running-stat,
  .compact-trade, .conversation-row, .cfd-live-home-row, .drawer-links button, .community-post button) {
  box-shadow: none !important;
}
body.ui-polished :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
body.ui-polished button:disabled { scale: none; }

/* Consistent surfaces, with the existing compact information density. */
body.ui-polished :is(.panel, .portfolio-card, .wallet-card, .market-insight-card,
  .strategy-running-card, .copy-card, .ai-brief-card, .settings-group) {
  border-radius: var(--radius);
  border-color: var(--ui-line);
  box-shadow: inset 0 1px 0 var(--ui-highlight), var(--ui-shadow);
}
body.ui-polished .panel { padding: 20px; }
body.ui-polished :is(.panel, .portfolio-card) { margin-bottom: 16px; }
body.ui-polished .profile-menu { padding: 0 20px; }
body.ui-polished .profile-menu > :is(button, a) { padding-block: 20px; border-color: var(--ui-line); }
body.ui-polished .profile-menu small { line-height: 1.65; }
body.ui-polished .live-title { margin-bottom: 18px; }
body.ui-polished .live-title h2 { font-size: 17px; font-weight: 650; letter-spacing: -.02em; }
body.ui-polished :is(.status-banner, .exchange-info-note, .api-health-summary, .social-request) { border-radius: 16px; }
body.ui-polished :is(.live-form input, .live-form select, .live-form textarea,
  .compact-config-grid input, .compact-config-grid select, .bt-controls select,
  .bt-interval select, .profile-info-section input) {
  border-radius: 13px;
  transition: border-color 180ms var(--ui-ease), box-shadow 180ms var(--ui-ease);
}
body.ui-polished :is(.live-form input, .live-form select, .live-form textarea):focus-visible {
  outline-offset: 2px;
  border-color: var(--accent);
}
body.ui-polished :is(.strategy-config-compact, .cfd-performance) { padding: 18px !important; }
body.ui-polished .compact-config-grid { gap: 14px 12px !important; }
body.ui-polished .compact-config-grid :is(input, select) { height: 44px; }
body.ui-polished .compact-config-actions { flex-wrap: wrap; gap: 9px; }
body.ui-polished .compact-config-actions button { min-height: 42px; flex-basis: 110px; }

/* The header controls keep a true square box so every glyph stays centred. */
body.ui-polished .topbar { padding-inline: 16px; gap: 8px; background: var(--ui-header); border-color: var(--ui-line); }
body.ui-polished .topbar :is(.icon-button, .theme-toggle) {
  width: 36px; height: 36px; flex: 0 0 36px;
  display: flex; align-items: center; justify-content: center;
  padding: 0; margin: 0; border-radius: 13px; border-color: var(--ui-line);
  background: var(--surface-2); box-shadow: var(--ui-control-shadow) !important;
}
body.ui-polished .topbar :is(.icon-button, .theme-toggle) > svg { width: 19px; height: 19px; flex: 0 0 19px; }
body.ui-polished .topbar .mode-pill { min-height: 30px; padding: 5px 9px; border-radius: 999px; font-size: 10px; }
body.ui-polished .topbar .home-user-avatar { border-radius: 10px; }
body.ui-polished .topbar .platform-brand .platform-symbol { border-radius: 12px; }
body.ui-polished .bottom-nav {
  left: 50%; right: auto; bottom: calc(10px + env(safe-area-inset-bottom));
  width: min(560px, calc(100% - 24px)); height: 66px; transform: translateX(-50%);
  padding: 5px 7px; gap: 3px; border: 1px solid var(--ui-line); border-radius: 25px;
  background: var(--ui-header); box-shadow: 0 8px 30px #00000018, inset 0 1px 0 var(--ui-highlight);
  backdrop-filter: blur(16px);
}
body.ui-polished .bottom-nav button { border-radius: 18px; gap: 3px; box-shadow: none !important; }
body.ui-polished .bottom-nav .nav-icon { width: 44px; height: 32px; border-radius: 12px; }
body.ui-polished .bottom-nav button.active .nav-icon {
  background: var(--ui-selected); border-color: transparent; box-shadow: none;
}
body.ui-polished .bottom-nav button:not(:disabled):active { box-shadow: none !important; }
body.ui-polished .bottom-nav .nav-label { font-size: 10px; line-height: 14px; }
body.ui-polished .community-fab { bottom: calc(96px + env(safe-area-inset-bottom)); }

/* One family of segmented controls, without raised edges between every tab. */
body.ui-polished :is(.plaza-tabs, .news-tabs-five, .square-tabs) {
  padding: 5px; gap: 4px; border-radius: 18px; border: 1px solid var(--ui-line);
  background: var(--surface-2); margin-inline: 0; width: 100%; max-width: none;
}
body.ui-polished :is(.plaza-tabs, .news-tabs-five, .square-tabs) button {
  min-height: 40px; border-radius: 13px; border: 1px solid transparent;
  padding: 8px 4px; box-shadow: none !important; background: transparent; color: var(--muted);
}
body.ui-polished :is(.plaza-tabs, .news-tabs-five, .square-tabs) button.active {
  color: var(--accent); background: var(--surface); border-color: var(--ui-line);
  box-shadow: 0 2px 6px #00000008 !important;
}
body.ui-polished :is(.news-tabs-five, .square-tabs) button.active::after { display: none; }
body.ui-polished :is(.strategy-filters, .market-filters, .bt-periods, .copy-filters) { gap: 7px; }
body.ui-polished :is(.strategy-filters, .market-filters, .bt-periods, .copy-filters) button {
  border-radius: 999px; min-height: 34px; box-shadow: none !important;
}
body.ui-polished :is(.strategy-filters, .market-filters, .bt-periods, .copy-filters) button.active {
  background: var(--ui-selected); border-color: var(--ui-selected-line); color: var(--accent);
}
body.ui-polished .strategy-market-types { gap: 20px; border-color: var(--ui-line); }
body.ui-polished .strategy-market-types button { box-shadow: none !important; }
body.ui-polished .strategy-market-row { min-height: 78px; padding-inline: 6px; border-color: var(--ui-line); border-radius: 12px; }
body.ui-polished .strategy-type-icon { border-radius: 12px; }
body.ui-polished .strategy-running-card { padding: 17px 10px; margin-bottom: 16px; }
body.ui-polished .strategy-overview .running-stat { background: transparent; border-radius: 0; }
body.ui-polished .cfd-account-options button { border-radius: 16px; padding: 13px 11px; box-shadow: none !important; }
body.ui-polished .cfd-account-options button.selected { border-color: var(--ui-selected-line); background: var(--ui-selected); }
body.ui-polished .compact-position { border-radius: 20px; border-color: var(--ui-line); }
body.ui-polished :is(.strategy-back, .profile-sheet-back, .bt-back) {
  border-radius: 15px; border-color: var(--ui-line); box-shadow: var(--ui-control-shadow) !important;
}
body.ui-polished .strategy-backtest-link { border-radius: 12px; box-shadow: none !important; }

/* Balance stays compact; nesting uses progressively smaller corners. */
body.ui-polished .home-assets { padding: 18px 20px 16px !important; }
body.ui-polished .home-assets:has(.asset-spark-button[aria-expanded="true"]) { padding: 16px 20px !important; }
body.ui-polished .home-assets .portfolio-head p { font-size: 12px; }
body.ui-polished .home-assets .balance-row strong { letter-spacing: -.035em; font-weight: 650; }
body.ui-polished .home-assets .asset-spark-button { border-radius: 14px; }
body.ui-polished .home-assets .period-buttons { gap: 7px; }
body.ui-polished .home-assets #asset-curve-detail :is(.period-buttons > button, .more-period > summary) {
  border-radius: 11px; height: 32px; box-shadow: none !important; border-color: var(--ui-line);
}
body.ui-polished .home-assets #asset-curve-detail .period-menu { top: calc(100% + 6px); border-radius: 14px; padding: 6px; }
body.ui-polished .recommend-list { gap: 10px; }
body.ui-polished .recommend-card { padding: 14px 12px; gap: 11px; border-radius: 18px; border-color: var(--ui-line); box-shadow: none !important; }
body.ui-polished .recommend-card b { line-height: 1.65; }
/* Home discovery shares one card; only its selected collection changes. */
body.ui-polished .home-strategy-tabs {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px;
  padding: 4px; border: 1px solid var(--ui-line); border-radius: 15px;
  background: var(--surface-2); margin-bottom: 18px;
}
body.ui-polished .home-strategy-tabs button {
  min-width: 0; min-height: 38px; padding: 8px 4px; border: 1px solid transparent;
  border-radius: 11px; background: transparent; color: var(--muted);
  font: inherit; font-size: 13px; font-weight: 550; line-height: 1.4;
  white-space: nowrap; box-shadow: none !important;
}
body.ui-polished .home-strategy-tabs button.active {
  background: var(--ui-selected); border-color: var(--ui-selected-line); color: var(--accent);
}
body.ui-polished .home-strategy-list-heading {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 0 8px 8px; color: var(--muted); font-size: 10px; line-height: 1.5;
}
body.ui-polished .home-strategy-list-heading > :last-child { text-align: right; white-space: nowrap; }
body.ui-polished .home-return-heading { display: inline-flex; align-items: center; gap: 5px; }
body.ui-polished .home-backtest-source {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 30px; min-height: 26px; margin: 0; padding: 3px 5px;
  border: 1px solid var(--ui-line); border-radius: 6px;
  background: transparent; color: var(--muted); font: inherit;
  line-height: 1.2; box-shadow: none !important;
}
body.ui-polished .home-strategy-rows { display: grid; gap: 2px; }
body.ui-polished .home-strategy-row {
  display: grid; grid-template-columns: 36px minmax(0, 1fr) minmax(66px, max-content);
  align-items: center; gap: 10px; width: 100%; min-width: 0; min-height: 70px;
  padding: 12px 8px; border: 1px solid transparent; border-radius: 14px;
  background: transparent; color: var(--text); text-align: left;
  font: inherit; box-shadow: none !important;
}
body.ui-polished .home-strategy-thumb {
  display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0;
  overflow: hidden; border: 1px solid var(--ui-line); border-radius: 11px;
  background: var(--surface-2); color: var(--accent);
}
body.ui-polished .home-strategy-thumb > :is(svg, img) { display: block; width: 100%; height: 100%; object-fit: cover; }
body.ui-polished .home-strategy-thumb > .strategy-type-icon { width: 100%; height: 100%; border-radius: 0; }
body.ui-polished .home-strategy-copy { display: grid; min-width: 0; gap: 4px; }
body.ui-polished .home-strategy-name {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  min-width: 0; overflow: hidden; overflow-wrap: anywhere;
  font-size: 13px; font-weight: 550; line-height: 1.5;
}
body.ui-polished .home-strategy-asset {
  color: var(--muted); font-size: 10px; font-weight: 400; line-height: 1.4;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
body.ui-polished .home-strategy-return {
  justify-self: end; font-size: 15px; font-weight: 650; line-height: 1.5;
  letter-spacing: -.025em; font-variant-numeric: tabular-nums; white-space: nowrap; text-align: right;
}
body.ui-polished .home-strategy-return.neutral { color: var(--muted); font-weight: 500; }
body.ui-polished .home-strategy-footer {
  display: flex; align-items: center; justify-content: flex-end; gap: 12px;
  margin-top: 10px; padding: 12px 8px 0; border-top: 1px solid var(--ui-line);
}
body.ui-polished .home-strategy-footer button {
  flex-shrink: 0; min-height: 32px; padding: 5px 0 5px 8px; border: 0;
  background: transparent; color: var(--accent); font: inherit; font-size: 11px;
  line-height: 1.5; white-space: nowrap; box-shadow: none !important;
}
body.ui-polished .copy-card { padding: 16px; border-radius: 20px; }
body.ui-polished .copy-card footer button { border-radius: 11px; box-shadow: none !important; }
body.ui-polished .wallet-heading { align-items: center; gap: 10px; }
body.ui-polished :is(#asset-currency, #wallet-currency) { border-radius: 11px; padding: 5px 8px; min-height: 30px; }
body.ui-polished .exchange-brand-icon { border-radius: 13px; box-shadow: var(--ui-control-shadow); }
body.ui-polished .profile-avatar-button { border-radius: 18px; }
body.ui-polished .wallet-exchange { border-color: var(--ui-line); }
body.ui-polished .market-insight-card { border-radius: 22px; }
body.ui-polished .news-entry { padding-block: 21px; border-color: var(--ui-line); }
body.ui-polished .news-entry h3 { line-height: 1.85; }
body.ui-polished .conversation-row { border-radius: 14px; }
body.ui-polished .conversation-row .conversation-avatar { border-radius: 15px; }
body.ui-polished .chat-page .chat-page-header button { width: 40px; height: 40px; border-radius: 14px; }
body.ui-polished .chat-message-content p { border-radius: 6px 18px 18px 18px; }
body.ui-polished .chat-message.out .chat-message-content p { border-radius: 18px 6px 18px 18px; }

/* Motion only on explicit UI openings, never on live balance/position updates. */
body.ui-polished dialog#modal { border-radius: 28px; padding: 26px 22px 22px; border-color: var(--ui-line); }
body.ui-polished dialog#modal #modal-content { padding-top: 20px; }
body.ui-polished dialog#modal #modal-close, body.ui-polished .drawer-close {
  width: 40px; height: 40px; display: grid; place-items: center;
  padding: 0; border-radius: 50%; border-color: var(--ui-line); box-shadow: none !important;
}
body.ui-polished dialog#modal #modal-close { top: 12px; right: 12px; }
body.ui-polished dialog#modal[open] { animation: ui-modal-in 220ms var(--ui-ease); }
body.ui-polished .account-drawer[open] { border-radius: 0 30px 30px 0; animation: ui-drawer-in 260ms var(--ui-ease); }
body.ui-polished dialog::backdrop { backdrop-filter: blur(4px); animation: ui-backdrop-in 180ms ease-out; }
body.ui-polished .home-assets #asset-curve-detail:not([hidden]) { animation: none; }
body.ui-polished .home-assets .spark-chevron { transition: transform 220ms var(--ui-ease); }
body.ui-polished #toast { border-radius: 16px; line-height: 1.6; transition: opacity 180ms ease; }
@keyframes ui-modal-in { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes ui-drawer-in { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: none; } }
@keyframes ui-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
@media (hover: hover) and (pointer: fine) {
  body.ui-polished :is(button, a.live-button, [role="button"]):not(:disabled):hover { filter: none; }
  body.ui-polished :is(.recommend-card, .copy-card footer button, .cfd-account-options button):not(:disabled):hover { border-color: var(--ui-selected-line); background: var(--surface-2); }
  body.ui-polished :is(.strategy-market-row, .profile-menu > button, .wallet-exchange, .conversation-row):hover { background: var(--accent-soft); }
  body.ui-polished .home-strategy-row:hover { background: var(--ui-selected); border-color: var(--ui-selected-line); }
}
@media (min-width: 850px) {
  body.ui-polished:not(.chat-view) #page { padding: 28px 28px 32px; }
  body.ui-polished .topbar { padding-inline: 28px; }
  body.ui-polished .panel { padding: 24px; }
  body.ui-polished .profile-menu { padding: 0 24px; }
  body.ui-polished .recommend-card { padding: 20px; }
  body.ui-polished .home-strategy-name { font-size: 14px; }
}
@media (max-width: 420px) {
  body.ui-polished .topbar { gap: 6px; padding-inline: 14px; }
  body.ui-polished .topbar :is(.icon-button, .theme-toggle) { width: 34px; height: 34px; flex-basis: 34px; border-radius: 12px; }
  body.ui-polished .topbar .mode-pill { padding-inline: 7px; }
  body.ui-polished .panel { padding: 17px; }
  body.ui-polished .profile-menu { padding: 0 17px; }
  body.ui-polished .recommend-card { padding: 12px 9px; border-radius: 16px; }
  body.ui-polished .recommend-card b { font-size: 11px; }
  body.ui-polished .home-strategy-footer { flex-wrap: wrap; gap: 3px 12px; }
  body.ui-polished .home-strategy-footer button { padding-left: 0; }
  body.ui-polished .home-strategy-footer button:last-child { margin-left: auto; }
  body.ui-polished .strategy-title-compact h1 { font-size: 16px; line-height: 1.55; }
  body.ui-polished .home-assets { padding-inline: 17px !important; }
  body.ui-polished .home-assets:has(.asset-spark-button[aria-expanded="true"]) { padding-inline: 17px !important; }
}
@media (max-width: 360px) {
  body.ui-polished:not(.chat-view) #page { padding-inline: 12px; }
  body.ui-polished .topbar { gap: 5px; padding-inline: 10px; }
  body.ui-polished .topbar :is(.icon-button, .theme-toggle) { width: 30px; height: 32px; flex-basis: 30px; }
  body.ui-polished .topbar .mode-pill { padding-inline: 5px; font-size: 9px; }
  body.ui-polished :is(.news-tabs-five, .square-tabs) { gap: 2px; }
  body.ui-polished :is(.news-tabs-five, .square-tabs) button { font-size: 11px; }
  body.ui-polished .panel { padding: 15px; }
  body.ui-polished .profile-menu { padding: 0 15px; }
  body.ui-polished .home-strategy-tabs { gap: 2px; padding: 3px; }
  body.ui-polished .home-strategy-tabs button { font-size: 12px; }
  body.ui-polished .home-strategy-row { grid-template-columns: 32px minmax(0, 1fr) minmax(58px, max-content); gap: 8px; padding-inline: 5px; }
  body.ui-polished .home-strategy-thumb { width: 32px; height: 32px; border-radius: 10px; }
  body.ui-polished .home-strategy-return { font-size: 13px; }
  body.ui-polished :is(.home-strategy-list-heading, .home-strategy-footer) { padding-inline: 5px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body.ui-polished :is(button, a.live-button, [role="button"], input, select, textarea, #toast, .nav-icon, .spark-chevron) { transition: none !important; }
  body.ui-polished :is(dialog[open], .account-drawer[open], #asset-curve-detail:not([hidden])) { animation: none !important; }
  body.ui-polished dialog::backdrop { animation: none; }
  body.ui-polished :is(.live-button, .primary-action, .secondary-action, .pause-action):active { scale: none; }
}

/* Account drawer: compact real-account shortcuts, scoped to this dialog only. */
body.ui-polished dialog.account-hub-drawer{
 --hub-bg:#121418;--hub-card:#1b1e24;--hub-soft:#202630;--hub-line:#ffffff0c;
 --hub-text:#eef2f8;--hub-muted:#8793a4;--hub-accent:#84b0ff;--hub-tint:#72a4ff13;
 inset:0 auto 0 0;position:fixed;width:min(89vw,368px);max-width:368px;height:100dvh;max-height:100dvh;
 box-sizing:border-box;padding:0;margin:0;border:0;border-right:1px solid var(--hub-line);
 border-radius:0 28px 28px 0;color:var(--hub-text);background:var(--hub-bg);overflow:hidden;box-shadow:18px 0 65px #0000002b;
}
body.ui-polished dialog.account-hub-drawer[open]{display:flex;flex-direction:column}
:root[data-theme="light"] body.ui-polished dialog.account-hub-drawer{
 --hub-bg:#fbfcff;--hub-card:#fff;--hub-soft:#f2f5fa;--hub-line:#2138590c;
 --hub-text:#233247;--hub-muted:#8a97a8;--hub-accent:#387be8;--hub-tint:#edf3ff;
 background:linear-gradient(165deg,#f0f5ff 0,var(--hub-bg) 31%);box-shadow:18px 0 65px #21477b16;
}
body.ui-polished .account-hub-drawer::backdrop{background:#07142660;backdrop-filter:blur(5px)}
body.ui-polished .account-hub-drawer button{
 font:inherit;color:inherit;box-shadow:none!important;transform:none;translate:none;scale:1;border:0;margin:0;cursor:pointer;
 -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
body.ui-polished .account-hub-drawer button:focus-visible{outline:2px solid var(--hub-accent);outline-offset:3px}
body.ui-polished .account-hub-drawer button:disabled{opacity:.55;cursor:default}
.account-hub-drawer svg{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.account-hub-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(13px + env(safe-area-inset-top,0px)) 20px 8px;flex:0 0 auto}
.account-hub-header>span{font-size:11px;letter-spacing:.05em;color:var(--hub-muted);font-weight:500}
body.ui-polished .account-hub-drawer .account-hub-close{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:10px;border-radius:50%;background:var(--hub-card);color:var(--hub-muted);border:1px solid var(--hub-line)}
.account-hub-close svg{width:16px;height:16px}
.account-hub-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:7px 20px 17px;scrollbar-width:none}
.account-hub-scroll::-webkit-scrollbar{display:none}
.account-hub-identity{display:flex;align-items:center;gap:14px;min-width:0;margin:3px 0 17px}
body.ui-polished .account-hub-drawer .account-hub-avatar{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;padding:0;border-radius:22px;border:1px solid var(--hub-line);background:var(--hub-tint);color:var(--hub-accent);overflow:hidden;font-size:24px;font-weight:600}
.account-hub-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.account-hub-identity>div{min-width:0;flex:1}
body.ui-polished .account-hub-drawer .account-hub-name{display:flex;align-items:center;gap:5px;max-width:100%;padding:3px 0;background:transparent;font-size:20px;line-height:1.45;font-weight:650;letter-spacing:-.035em;text-align:left;overflow-wrap:anywhere}
.account-hub-name svg{width:13px;height:13px;color:var(--hub-muted);opacity:.7}
body.ui-polished .account-hub-drawer .account-hub-uid{display:flex;align-items:center;gap:6px;min-height:27px;padding:2px 0;background:none;color:var(--hub-muted);font-size:10px;line-height:1.5;font-variant-numeric:tabular-nums;letter-spacing:.03em}
.account-hub-uid svg{width:11px;height:11px;opacity:.7}
body.ui-polished .account-hub-drawer .account-hub-home{display:block;padding:3px 0;background:none;color:var(--hub-accent);font-size:10px;line-height:1.6}
.account-hub-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--hub-line);border-radius:17px;background:var(--hub-card);margin-bottom:21px}
body.ui-polished .account-hub-drawer .account-hub-overview>button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;min-height:67px;padding:12px 15px;background:none;text-align:left;border-radius:17px}
.account-hub-overview>button+button:before{content:'';position:absolute;width:1px;left:0;top:15px;bottom:15px;background:var(--hub-line)}
.account-hub-overview strong{font-size:20px;font-weight:600;line-height:1.1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--hub-text)}
.account-hub-overview span{font-size:9px;line-height:1.5;color:var(--hub-muted)}
.account-hub-overview svg{position:absolute;right:11px;top:calc(50% - 6px);width:12px;height:12px;color:var(--hub-muted);opacity:.65}
.account-hub-section{margin:0 0 18px}
.account-hub-section h2{font-size:10px;font-weight:500;line-height:1.6;letter-spacing:.04em;color:var(--hub-muted);margin:0 3px 9px}
.account-hub-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.ui-polished .account-hub-drawer .account-hub-shortcuts>button{display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:9px;row-gap:7px;min-width:0;min-height:78px;padding:12px 11px;border:1px solid var(--hub-line);border-radius:17px;background:var(--hub-card);text-align:left}
.account-hub-tile-icon{grid-row:1;display:grid;place-items:center;width:25px;height:27px;color:var(--hub-accent)}
.account-hub-tile-icon svg{width:21px;height:21px}
.account-hub-shortcuts b{font-size:12px;font-weight:550;line-height:1.5;white-space:nowrap}
.account-hub-shortcuts small{grid-column:1/-1;font-size:9px;line-height:1.6;color:var(--hub-muted);white-space:nowrap}
.account-hub-community{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--hub-line);border-radius:17px;background:var(--hub-card);padding:9px 4px}
body.ui-polished .account-hub-drawer .account-hub-community>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:55px;padding:6px;border-radius:12px;background:transparent;color:var(--hub-text)}
.account-hub-community svg{width:21px;height:21px;stroke-width:1.5;color:var(--hub-muted)}
.account-hub-community span{font-size:10px;line-height:1.5}
.account-hub-services{padding:0 3px;border-top:1px solid var(--hub-line)}
body.ui-polished .account-hub-drawer .account-hub-services>button{display:flex;align-items:center;gap:11px;min-height:44px;width:100%;padding:11px 2px;border-radius:10px;background:none;text-align:left;font-size:11px}
.account-hub-services>button>span{min-width:0;flex:1}
.account-hub-services>button>svg:first-child{width:17px;height:17px;color:var(--hub-muted)}
.account-hub-services>button>svg:last-child{width:12px;height:12px;color:var(--hub-muted);opacity:.65}
.account-hub-status{font-size:10px;line-height:1.8;color:var(--hub-accent);margin:8px 3px 0;overflow-wrap:anywhere}
.account-hub-status:empty{display:none}
.account-hub-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;padding:10px 21px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--hub-line);background:var(--hub-bg)}
body.ui-polished .account-hub-drawer .account-hub-footer>button{display:flex;align-items:center;justify-content:center;gap:7px;width:auto;min-height:36px;padding:9px 3px;border-radius:10px;background:none;color:var(--hub-muted);font-size:10px;line-height:1.5}
.account-hub-footer svg{width:16px;height:16px;stroke-width:1.5}
body.ui-polished .account-hub-drawer .account-hub-footer>.account-hub-theme{color:var(--hub-accent)}
@media(hover:hover) and (pointer:fine){body.ui-polished .account-hub-drawer :is(.account-hub-shortcuts>button,.account-hub-community>button,.account-hub-services>button,.account-hub-overview>button):hover{background:var(--hub-tint);filter:none}}
@media(max-width:360px){.account-hub-scroll{padding-inline:16px}.account-hub-header{padding-inline:16px}.account-hub-footer{padding-inline:17px}.account-hub-identity{gap:11px}body.ui-polished .account-hub-drawer .account-hub-name{font-size:18px}body.ui-polished .account-hub-drawer .account-hub-shortcuts>button{column-gap:6px;padding-inline:9px}.account-hub-shortcuts b{font-size:11px}.account-hub-shortcuts small{font-size:8px}}