:root[data-app-id="exchange"][data-client="mobile-portrait"] {
  --ink: #181816;
  --muted: #77746d;
  --soft: #817c73;
  --line: #e7e3dc;
  --paper: #f6f4ef;
  --card: #fffefa;
  --red: #c8483b;
  --red-deep: #a9362c;
  --red-soft: #f9e9e5;
  --green: #278268;
  --green-soft: #e5f3ed;
  --gold: #b98a3d;
  --gold-soft: #f4ebd9;
  --nav-height: 72px;
  --map-return-height: 44px;
  --font-scale: 1.15;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
  font-family: var(--font);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

html[data-app-id="exchange"][data-client="mobile-portrait"][data-font-size="standard"] { --font-scale: 1; }
html[data-app-id="exchange"][data-client="mobile-portrait"][data-font-size="comfortable"] { --font-scale: 1.15; }
html[data-app-id="exchange"][data-client="mobile-portrait"][data-font-size="large"] { --font-scale: 1.3; }

html[data-app-id="exchange"][data-client="mobile-portrait"] * { box-sizing: border-box; }
html[data-app-id="exchange"][data-client="mobile-portrait"] { min-height: 100%; background: #292824; }
html[data-app-id="exchange"][data-client="mobile-portrait"] body { min-height: 100%; margin: 0; color: var(--ink); background: #292824; -webkit-font-smoothing: antialiased; }
html[data-app-id="exchange"][data-client="mobile-portrait"] button, html[data-app-id="exchange"][data-client="mobile-portrait"] input, html[data-app-id="exchange"][data-client="mobile-portrait"] select, html[data-app-id="exchange"][data-client="mobile-portrait"] textarea { font: inherit; }
html[data-app-id="exchange"][data-client="mobile-portrait"] button { -webkit-tap-highlight-color: transparent; }
html[data-app-id="exchange"][data-client="mobile-portrait"] button:focus-visible, html[data-app-id="exchange"][data-client="mobile-portrait"] input:focus-visible { outline: 3px solid rgb(200 72 59 / 18%); outline-offset: 2px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] [hidden] { display: none !important; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .mobile-shell { width: min(100%, 430px); min-height: 100vh; margin: 0 auto; overflow: hidden; background: var(--paper); box-shadow: 0 0 60px rgb(0 0 0 / 28%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .map-return-bar { position: sticky; top: 0; z-index: 80; height: var(--map-return-height); padding: 0 12px; display: flex; align-items: center; border-bottom: 1px solid var(--line); background: rgb(246 244 239 / 92%); backdrop-filter: blur(16px); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .map-return-bar a { min-height: 32px; padding: 0 12px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); background: var(--card); box-shadow: 0 4px 14px rgb(31 28 22 / 8%); font-size: calc(11px * var(--font-scale)); font-weight: 700; text-decoration: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .map-return-bar a:focus-visible { outline: 3px solid rgb(200 72 59 / 18%); outline-offset: 2px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] #app { min-height: calc(100vh - var(--map-return-height)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .page { min-height: calc(100vh - var(--map-return-height)); padding: 0 16px calc(var(--nav-height) + env(safe-area-inset-bottom) + 22px); animation: page-in .22s ease-out; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .page.with-trade-dock { padding-bottom: calc(142px + env(safe-area-inset-bottom)); }
@keyframes page-in { from { opacity: .45; transform: translateY(4px); } to { opacity: 1; transform: none; } }

html[data-app-id="exchange"][data-client="mobile-portrait"] .boot-screen { min-height: calc(100vh - var(--map-return-height)); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; background: radial-gradient(circle at 50% 37%, #fffdf8 0 16%, transparent 45%), var(--paper); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .brand-seal { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px 15px 15px 5px; color: #fff; background: var(--red); box-shadow: 0 12px 26px rgb(200 72 59 / 24%); font-family: "STKaiti", "KaiTi", serif; font-size: calc(25px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .boot-screen strong { margin-top: 7px; font-size: calc(17px * var(--font-scale)); letter-spacing: .08em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .boot-screen span { color: var(--muted); font-size: calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .boot-screen i { width: 62px; height: 3px; margin-top: 13px; overflow: hidden; border-radius: 9px; background: #e5e0d7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .boot-screen i::after { width: 26px; height: 100%; display: block; border-radius: inherit; background: var(--red); content: ""; animation: boot 1s infinite ease-in-out; }
@keyframes boot { 0% { transform: translateX(-28px); } 50% { transform: translateX(32px); } 100% { transform: translateX(-28px); } }

html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar { min-height: calc(64px + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar-brand { min-width: 0; display: flex; align-items: center; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar-brand .mini-seal { width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 11px 11px 11px 4px; color: #fff; background: var(--red); font-family: "STKaiti", "KaiTi", serif; font-size: calc(18px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar-brand strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar-brand small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar-brand strong { overflow: hidden; font-size: calc(16px * var(--font-scale)); letter-spacing: .03em; text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar-brand small { margin-top: 2px; color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar-actions { display: flex; align-items: center; gap: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .round-button, html[data-app-id="exchange"][data-client="mobile-portrait"] .back-button { position: relative; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); background: rgb(255 254 250 / 84%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .round-button svg, html[data-app-id="exchange"][data-client="mobile-portrait"] .back-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .round-button .badge { position: absolute; top: -2px; right: -2px; min-width: 16px; height: 16px; padding: 0 4px; display: grid; place-items: center; border: 2px solid var(--paper); border-radius: 9px; color: #fff; background: var(--red); font-size: calc(10px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .page-title { min-height: calc(60px + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); display: grid; grid-template-columns: 38px 1fr 38px; align-items: center; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .page-title h1 { margin: 0; font-size: calc(17px * var(--font-scale)); text-align: center; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .market-pill { min-height: 25px; padding: 0 9px; display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; color: #266750; background: var(--green-soft); font-size: calc(11px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-pill::before { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgb(39 130 104 / 11%); content: ""; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .hero { position: relative; min-height: 190px; padding: 19px; overflow: hidden; border-radius: 24px; color: #fff; background: #23231f; box-shadow: 0 18px 34px rgb(45 42 34 / 17%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero::before { position: absolute; inset: 0; background: linear-gradient(94deg, rgb(25 24 20 / 92%) 0 37%, rgb(25 24 20 / 55%) 69%, rgb(25 24 20 / 8%)), url("/apps/exchange/assets/static/images/paimaizhuanchang.png") center / cover no-repeat; content: ""; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero::after { position: absolute; right: -45px; bottom: -62px; width: 170px; height: 170px; border: 1px solid rgb(255 255 255 / 13%); border-radius: 50%; content: ""; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero > * { position: relative; z-index: 1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-kicker { display: flex; align-items: center; gap: 8px; color: rgb(255 255 255 / 65%); font-size: calc(11px * var(--font-scale)); font-weight: 700; letter-spacing: .16em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-kicker i { width: 17px; height: 1px; background: var(--gold); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero h1 { max-width: 220px; margin: 15px 0 7px; font-family: "STSong", "Songti SC", serif; font-size: calc(27px * var(--font-scale)); font-weight: 600; line-height: 1.22; letter-spacing: .04em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero p { max-width: 240px; margin: 0; color: rgb(255 255 255 / 66%); font-size: calc(11px * var(--font-scale)); line-height: 1.6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-footer { margin-top: 23px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-footer .market-pill { color: #f8e5ba; background: rgb(185 138 61 / 18%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-footer .market-pill::before { background: #e1b86c; box-shadow: 0 0 0 4px rgb(225 184 108 / 14%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-link { padding: 0; border: 0; color: #fff; background: transparent; font-size: calc(11px * var(--font-scale)); font-weight: 650; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-strip { margin-top: -11px; padding: 21px 17px 14px; display: grid; grid-template-columns: 1.45fr 1fr 1fr; gap: 8px; border: 1px solid var(--line); border-radius: 0 0 20px 20px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-strip span, html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-strip strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-strip small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-strip span { color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-strip strong { margin-top: 5px; font-size: calc(16px * var(--font-scale)); letter-spacing: -.02em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-strip small { margin-top: 5px; color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-strip > div:not(:first-child) strong { font-size: calc(12px * var(--font-scale)); }

html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-grid { margin: 19px 0 4px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action { padding: 0; display: flex; align-items: center; flex-direction: column; gap: 8px; border: 0; color: var(--ink); background: transparent; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action i { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #ece7df; border-radius: 15px; color: var(--red); background: var(--card); box-shadow: 0 7px 18px rgb(52 46 36 / 5%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:nth-child(2) i { color: var(--gold); background: #fdf8ef; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:nth-child(3) i { color: var(--green); background: #f3faf7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:nth-child(4) i { color: #5d6b8a; background: #f5f7fb; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .section { margin-top: 24px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .section-head { margin-bottom: 12px; display: flex; align-items: end; justify-content: space-between; gap: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .section-head h2 { margin: 0; font-size: calc(16px * var(--font-scale)); letter-spacing: .02em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .section-head p { margin: 4px 0 0; color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .text-button { padding: 4px 0; border: 0; color: var(--red); background: transparent; font-size: calc(11px * var(--font-scale)); font-weight: 680; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .hot-scroller { margin: 0 -16px; padding: 0 16px 5px; display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hot-scroller::-webkit-scrollbar { display: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hot-card { width: 154px; flex: 0 0 154px; padding: 11px; border: 1px solid var(--line); border-radius: 18px; background: var(--card); scroll-snap-align: start; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .artifact-cover { position: relative; height: 83px; overflow: hidden; border-radius: 12px; color: rgb(255 255 255 / 90%); background: linear-gradient(145deg, #52625d, #24322e); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .artifact-cover::before { position: absolute; inset: 0; opacity: .5; background: repeating-radial-gradient(circle at 85% 20%, transparent 0 13px, rgb(255 255 255 / 15%) 14px 15px); content: ""; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .artifact-cover::after { position: absolute; right: -15px; bottom: -37px; width: 96px; height: 96px; border: 1px solid rgb(255 255 255 / 23%); border-radius: 50%; content: ""; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .artifact-cover[data-tone="1"] { background: linear-gradient(145deg, #67584d, #342c28); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .artifact-cover[data-tone="2"] { background: linear-gradient(145deg, #47637a, #263848); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .artifact-cover[data-tone="3"] { background: linear-gradient(145deg, #8a673d, #4d351e); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .artifact-cover[data-tone="4"] { background: linear-gradient(145deg, #6c596b, #382d38); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .artifact-cover[data-tone="5"] { background: linear-gradient(145deg, #687143, #33391f); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .artifact-cover span { position: absolute; left: 11px; bottom: 8px; z-index: 1; font-family: "STKaiti", "KaiTi", serif; font-size: calc(29px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .artifact-cover i { position: absolute; top: 9px; left: 10px; z-index: 1; font-size: calc(10px * var(--font-scale)); font-style: normal; letter-spacing: .15em; opacity: .7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hot-card > strong { margin-top: 10px; display: block; overflow: hidden; font-size: calc(12px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hot-card .quote-line { margin-top: 6px; display: flex; align-items: baseline; justify-content: space-between; gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quote-line b { font-size: calc(15px * var(--font-scale)); letter-spacing: -.02em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quote-line small { font-size: calc(11px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .rise { color: var(--red) !important; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fall { color: var(--green) !important; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .flat { color: var(--muted) !important; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .activity-card { width: 100%; min-height: 108px; padding: 15px; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) 102px; gap: 13px; border: 1px solid #e9e1d1; border-radius: 18px; color: var(--ink); background: linear-gradient(135deg, #fffdf7, #f8efe0); text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .activity-card + .activity-card { margin-top: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .activity-card small, html[data-app-id="exchange"][data-client="mobile-portrait"] .activity-card strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .activity-card span { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .activity-card small { color: var(--gold); font-size: calc(10px * var(--font-scale)); font-weight: 750; letter-spacing: .08em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .activity-card strong { margin-top: 8px; font-family: "STSong", "Songti SC", serif; font-size: calc(15px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .activity-card span { margin-top: 7px; color: var(--muted); font-size: calc(11px * var(--font-scale)); line-height: 1.5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .activity-art { position: relative; overflow: hidden; border-radius: 12px; background: url("/apps/exchange/assets/static/images/paimaizhuanchang.png") center / cover no-repeat; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .activity-art::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgb(255 253 247 / 15%), transparent); content: ""; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .risk-tip { margin-top: 18px; padding: 12px 13px; display: flex; gap: 9px; border-radius: 13px; color: #7b756a; background: #ebe8e1; font-size: calc(11px * var(--font-scale)); line-height: 1.55; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .risk-tip svg { width: 16px; height: 16px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .search-box { height: 42px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 14px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .search-box svg { width: 18px; height: 18px; margin-left: 13px; fill: none; stroke: var(--muted); stroke-width: 1.8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .search-box input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .search-box input::placeholder { color: var(--soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .search-box button { margin-right: 12px; padding: 0; border: 0; color: var(--soft); background: transparent; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .filter-row { margin: 13px 0 8px; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .filter-chip { min-height: 30px; padding: 0 13px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: var(--card); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .filter-chip.active { color: #fff; border-color: var(--ink); background: var(--ink); }

html[data-app-id="exchange"][data-client="mobile-portrait"] .market-list { display: grid; gap: 1px; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: var(--line); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row { min-height: 72px; padding: 12px; display: grid; grid-template-columns: minmax(0, 1.2fr) .8fr .78fr; align-items: center; gap: 8px; border: 0; color: var(--ink); background: var(--card); text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row > div { min-width: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row strong { overflow: hidden; font-size: calc(12px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row small { margin-top: 4px; color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row .price { text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row .price strong { font-size: calc(14px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .change-badge { min-height: 28px; display: grid; place-items: center; border-radius: 8px; color: var(--muted); background: #efede8; font-size: calc(11px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .change-badge.rise { color: var(--red) !important; background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .change-badge.fall { color: var(--green) !important; background: var(--green-soft); }

html[data-app-id="exchange"][data-client="mobile-portrait"] .detail-quote { padding: 8px 2px 17px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .detail-quote strong { display: block; font-size: calc(31px * var(--font-scale)); font-weight: 680; letter-spacing: -.04em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .detail-quote span { display: block; margin-top: 5px; font-size: calc(11px * var(--font-scale)); font-weight: 650; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .detail-quote small { color: var(--muted); font-size: calc(11px * var(--font-scale)); text-align: right; line-height: 1.6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .chart-card { padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .chart-tabs { display: flex; gap: 15px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .chart-tab { padding: 0 0 7px; border: 0; border-bottom: 2px solid transparent; color: var(--muted); background: transparent; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .chart-tab.active { color: var(--ink); border-color: var(--red); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .price-chart { width: 100%; height: 142px; margin-top: 8px; display: block; overflow: visible; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .price-chart .grid { stroke: #ece9e3; stroke-dasharray: 3 4; stroke-width: 1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .price-chart .area { fill: url(#chart-fill); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .price-chart .line { fill: none; stroke: var(--red); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quote-stats { margin-top: 9px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quote-stats span, html[data-app-id="exchange"][data-client="mobile-portrait"] .quote-stats strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quote-stats span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quote-stats strong { margin-top: 4px; font-size: calc(11px * var(--font-scale)); }

html[data-app-id="exchange"][data-client="mobile-portrait"] .segmented { height: 40px; padding: 3px; display: grid; grid-template-columns: 1fr 1fr; border-radius: 12px; background: #eae7e0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .segmented button { border: 0; border-radius: 9px; color: var(--muted); background: transparent; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .segmented button.active { color: var(--ink); background: var(--card); box-shadow: 0 2px 8px rgb(31 28 22 / 8%); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .book-wrap { margin-top: 11px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .book-card { padding: 11px; border: 1px solid var(--line); border-radius: 15px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .book-card header { margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .book-card header strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .book-card header small { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .book-level { position: relative; min-height: 28px; display: grid; grid-template-columns: 27px 1fr 1fr; align-items: center; gap: 4px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .book-level::before { position: absolute; top: 4px; right: 0; bottom: 4px; width: var(--depth, 0%); border-radius: 4px; background: var(--red-soft); content: ""; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .book-card.buy .book-level::before { background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .book-level > * { position: relative; z-index: 1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .book-level i { color: var(--muted); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .book-level strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .book-level span { text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .book-level strong { color: var(--red); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .book-card.buy .book-level strong { color: var(--green); }

html[data-app-id="exchange"][data-client="mobile-portrait"] .recent-trades { border: 1px solid var(--line); border-radius: 15px; overflow: hidden; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .recent-trade-row { min-height: 38px; padding: 0 11px; display: grid; grid-template-columns: 1fr .8fr .7fr; align-items: center; gap: 6px; border-bottom: 1px solid #efede8; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .recent-trade-row:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .recent-trade-row span:nth-child(2), html[data-app-id="exchange"][data-client="mobile-portrait"] .recent-trade-row span:last-child { text-align: right; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-dock { position: fixed; left: 50%; bottom: calc(var(--nav-height) + env(safe-area-inset-bottom) + 7px); z-index: 20; width: min(calc(100% - 24px), 406px); padding: 8px; display: grid; grid-template-columns: 1fr 1.45fr; gap: 8px; border: 1px solid rgb(231 227 220 / 88%); border-radius: 18px; background: rgb(255 254 250 / 92%); box-shadow: 0 13px 30px rgb(31 28 22 / 17%); backdrop-filter: blur(18px); transform: translateX(-50%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-dock button { height: 44px; border: 0; border-radius: 12px; font-size: calc(11px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-dock .sell { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-dock .buy { color: #fff; background: var(--red); box-shadow: 0 8px 18px rgb(200 72 59 / 20%); }

html[data-app-id="exchange"][data-client="mobile-portrait"] .stock-switcher { margin: 0 -16px 14px; padding: 0 16px 4px; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .stock-switcher button { min-width: 88px; padding: 9px 11px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 12px; color: var(--muted); background: var(--card); text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .stock-switcher button strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .stock-switcher button small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .stock-switcher button strong { color: var(--ink); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .stock-switcher button small { margin-top: 4px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .stock-switcher button.active { border-color: #d7aaa5; background: #fff9f7; box-shadow: inset 0 0 0 1px #f2d8d4; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-quote-card { padding: 15px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-radius: 17px; color: #fff; background: linear-gradient(135deg, #272620, #3b352e); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-quote-card small, html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-quote-card strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-quote-card span { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-quote-card small { color: rgb(255 255 255 / 58%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-quote-card strong { margin-top: 5px; font-size: calc(18px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-quote-card span { color: #f3b1a9; font-size: calc(11px * var(--font-scale)); font-weight: 700; text-align: right; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-panel { margin-top: 12px; padding: 15px; border: 1px solid var(--line); border-radius: 19px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-panel .segmented { margin-bottom: 14px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .available-line { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .available-line strong { color: var(--ink); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-order-list { display: grid; gap: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-order-option { position: relative; min-height: 52px; padding: 9px 10px; display: grid; grid-template-columns: 26px 1fr .8fr; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 11px; color: var(--ink); background: #fbfaf7; text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-order-option input { position: absolute; opacity: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-order-option i { width: 20px; height: 20px; display: grid; place-items: center; border: 1px solid #cfcbc4; border-radius: 50%; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-order-option i::after { width: 8px; height: 8px; border-radius: 50%; background: transparent; content: ""; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-order-option.active { border-color: #dea9a3; background: #fff8f6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-order-option.active i { border-color: var(--red); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-order-option.active i::after { background: var(--red); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-order-option strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-order-option small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-order-option strong { font-size: calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-order-option small { margin-top: 3px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-order-option > span:last-child { text-align: right; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .field { margin-top: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .field > span { margin-bottom: 7px; display: flex; justify-content: space-between; color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .input-wrap { height: 46px; display: flex; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 12px; background: #fbfaf7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .input-wrap input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: calc(15px * var(--font-scale)); font-weight: 650; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .input-wrap > span { color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .input-wrap > span:first-child { margin-left: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .input-wrap > span:last-child { margin-right: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .stepper { margin-left: 6px; display: flex; gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .stepper button { width: 31px; height: 31px; display: grid; place-items: center; border: 0; border-radius: 9px; color: var(--ink); background: #ece9e3; font-size: calc(16px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-percent-slider { margin-top: 10px; padding: 10px 12px 8px; border: 1px solid var(--line); border-radius: 12px; background: #fbfaf7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-percent-head, html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-percent-scale { display: flex; align-items: center; justify-content: space-between; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-percent-head { color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-percent-head output { min-width: 38px; padding: 3px 8px; border-radius: 999px; color: #fff; background: var(--green); font-weight: 750; text-align: center; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-percent-slider input[type="range"] { width: 100%; height: 26px; margin: 5px 0 0; accent-color: var(--green); cursor: pointer; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-percent-scale { color: var(--soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .estimate { margin: 14px 0 12px; padding: 11px 12px; display: flex; justify-content: space-between; border-radius: 10px; background: #f1eee8; color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .estimate strong { color: var(--ink); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .submit-trade { width: 100%; height: 47px; border: 0; border-radius: 13px; color: #fff; background: var(--red); box-shadow: 0 10px 20px rgb(200 72 59 / 18%); font-size: calc(12px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .submit-trade.sell { background: var(--green); box-shadow: 0 10px 20px rgb(39 130 104 / 18%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .submit-trade:disabled { color: #a5a199; background: #e8e5df; box-shadow: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-note { margin: 11px 2px 0; color: var(--muted); font-size: calc(10px * var(--font-scale)); line-height: 1.55; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-card { position: relative; padding: 20px; overflow: hidden; border-radius: 23px; color: #fff; background: linear-gradient(135deg, #25241f, #413b31); box-shadow: 0 17px 31px rgb(35 33 28 / 16%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-card::after { position: absolute; right: -55px; top: -65px; width: 180px; height: 180px; border: 1px solid rgb(255 255 255 / 10%); border-radius: 50%; content: ""; box-shadow: 0 0 0 30px rgb(255 255 255 / 3%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-card > * { position: relative; z-index: 1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-card header { display: flex; align-items: center; justify-content: space-between; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-card header span { color: rgb(255 255 255 / 60%); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-card header button { padding: 0; border: 0; color: rgb(255 255 255 / 68%); background: transparent; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-card > strong { margin-top: 9px; display: block; font-size: calc(28px * var(--font-scale)); letter-spacing: -.03em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-grid { margin-top: 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-grid span, html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-grid strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-grid span { color: rgb(255 255 255 / 52%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-grid strong { margin-top: 5px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .allocation-card { margin-top: 11px; padding: 14px; display: grid; grid-template-columns: 84px 1fr; align-items: center; gap: 16px; border: 1px solid var(--line); border-radius: 17px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .donut { width: 76px; height: 76px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--red) 0 var(--cash-pct, 60%), var(--gold) var(--cash-pct, 60%) 100%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .donut::after { width: 51px; height: 51px; display: grid; place-items: center; border-radius: 50%; color: var(--muted); background: var(--card); font-size: calc(10px * var(--font-scale)); content: "资产分布"; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .allocation-legend { display: grid; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .allocation-legend div { display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 7px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .allocation-legend i { width: 8px; height: 8px; border-radius: 3px; background: var(--red); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .allocation-legend div:last-child i { background: var(--gold); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .allocation-legend span { color: var(--muted); }

html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-tabs { margin: 18px 0 10px; display: flex; gap: 19px; border-bottom: 1px solid var(--line); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-tab { padding: 0 0 10px; border: 0; border-bottom: 2px solid transparent; color: var(--muted); background: transparent; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-tab.active { color: var(--ink); border-color: var(--red); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-list, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-list { display: grid; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-card, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-card { padding: 13px; border: 1px solid var(--line); border-radius: 15px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-card header, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-card header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-card header strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-card header strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-card header small, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-card header small { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-values { margin-top: 12px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-values span, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-values strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-values span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-values strong { margin-top: 5px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-card footer, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-card footer { margin-top: 11px; padding-top: 10px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-card footer small, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-card footer small { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mini-button { min-height: 27px; padding: 0 10px; border: 1px solid #e1b0aa; border-radius: 8px; color: var(--red); background: #fff9f7; font-size: calc(11px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mini-button.cancel { color: var(--muted); border-color: var(--line); background: #f6f4ef; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-meta { margin-top: 8px; display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .empty-state { min-height: 170px; padding: 30px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 7px; border: 1px dashed #dbd7d0; border-radius: 16px; color: var(--muted); background: rgb(255 254 250 / 48%); text-align: center; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .empty-state i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 13px; color: var(--soft); background: #ebe8e1; font-size: calc(17px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .empty-state strong { color: var(--ink); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .empty-state span { font-size: calc(11px * var(--font-scale)); line-height: 1.5; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero { padding: calc(16px + env(safe-area-inset-top)) 17px 20px; margin: 0 -16px; color: #fff; background: linear-gradient(145deg, #24231f, #41382f); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-top { display: flex; align-items: center; justify-content: space-between; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-user { display: flex; align-items: center; gap: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .avatar { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgb(255 255 255 / 20%); border-radius: 17px; color: #fff; background: rgb(255 255 255 / 10%); font-family: "STKaiti", "KaiTi", serif; font-size: calc(21px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-user strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-user small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-user strong { font-size: calc(15px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-user small { margin-top: 5px; color: rgb(255 255 255 / 55%); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .verified-badge { min-height: 24px; padding: 0 9px; display: inline-flex; align-items: center; gap: 5px; border-radius: 999px; color: #f3d697; background: rgb(185 138 61 / 16%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-account { margin-top: 17px; padding: 11px 12px; display: flex; align-items: center; justify-content: space-between; border-radius: 12px; background: rgb(255 255 255 / 8%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-account span, html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-account strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-account span { color: rgb(255 255 255 / 48%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-account strong { margin-top: 4px; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(11px * var(--font-scale)); letter-spacing: .08em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-account button { border: 0; color: #fff; background: transparent; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-asset { position: relative; z-index: 2; margin-top: -11px; padding: 15px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; border: 1px solid var(--line); border-radius: 17px; background: var(--card); box-shadow: 0 10px 24px rgb(40 35 28 / 8%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-asset span, html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-asset strong { display: block; text-align: center; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-asset span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-asset strong { margin-top: 6px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-card { margin-top: 12px; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row { width: 100%; min-height: 52px; padding: 0 13px; display: flex; align-items: center; gap: 11px; border: 0; border-bottom: 1px solid #efede8; color: var(--ink); background: transparent; text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row > i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 10px; color: var(--red); background: var(--red-soft); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row:nth-child(2) > i { color: var(--gold); background: var(--gold-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row:nth-child(3) > i { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row:nth-child(4) > i { color: #5d6b8a; background: #edf0f6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row div { min-width: 0; flex: 1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row small { margin-top: 3px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row > span { color: var(--soft); font-size: calc(15px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .app-meta { margin: 22px 0 2px; color: var(--soft); font-size: calc(10px * var(--font-scale)); line-height: 1.7; text-align: center; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .sub-page { padding-bottom: calc(32px + env(safe-area-inset-bottom)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sub-page + .bottom-nav { display: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sub-tabs { margin: 5px 0 13px; padding: 3px; display: flex; gap: 3px; overflow-x: auto; border-radius: 13px; background: #ebe8e1; scrollbar-width: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sub-tabs button { min-width: 58px; height: 34px; padding: 0 11px; flex: 1 0 auto; border: 0; border-radius: 10px; color: var(--muted); background: transparent; font-size: calc(11px * var(--font-scale)); white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sub-tabs button.active { color: var(--ink); background: var(--card); box-shadow: 0 3px 10px rgb(44 39 31 / 8%); font-weight: 720; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-service-grid { margin-top: 11px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-service-grid button { min-height: 62px; padding: 10px; display: grid; grid-template-columns: 35px 1fr 10px; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); background: var(--card); text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-service-grid i { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 11px; color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-service-grid button:last-child i { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-service-grid svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-service-grid strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-service-grid small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-service-grid strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-service-grid small { margin-top: 4px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-service-grid b { color: var(--soft); font-size: calc(13px * var(--font-scale)); }

html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card { position: relative; padding: 18px; overflow: hidden; border-radius: 22px; color: #fff; background: linear-gradient(135deg, #25241f, #443a31); box-shadow: 0 15px 30px rgb(37 34 28 / 15%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card::after { position: absolute; top: -65px; right: -40px; width: 170px; height: 170px; border: 1px solid rgb(255 255 255 / 9%); border-radius: 50%; box-shadow: 0 0 0 27px rgb(255 255 255 / 3%); content: ""; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card > * { position: relative; z-index: 1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card header, html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card p, html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card > div { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card header small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card header span { font-size: calc(11px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card header small { margin-top: 4px; color: rgb(255 255 255 / 50%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card header i { color: rgb(255 255 255 / 45%); font-size: calc(10px * var(--font-scale)); font-style: normal; letter-spacing: .16em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card > strong { margin-top: 21px; display: block; font-size: calc(28px * var(--font-scale)); letter-spacing: -.03em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card p { margin: 8px 0 17px; color: rgb(255 255 255 / 52%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card p b { color: rgb(255 255 255 / 68%); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-weight: 500; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card > div { justify-content: stretch; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card > div button { height: 37px; flex: 1; border: 1px solid rgb(255 255 255 / 15%); border-radius: 10px; color: #fff; background: rgb(255 255 255 / 8%); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-bank-card > div button:first-child { border-color: rgb(221 180 109 / 24%); background: rgb(185 138 61 / 17%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-metrics { margin-top: 10px; padding: 13px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; border: 1px solid var(--line); border-radius: 15px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-metrics div + div { padding-left: 8px; border-left: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-metrics span, html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-metrics strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-metrics span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-metrics strong { margin-top: 6px; overflow: hidden; font-size: calc(11px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-tabs { margin-top: 14px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-filters { margin: 0 0 11px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-flow-list { display: grid; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-flow-card { width: 100%; min-height: 75px; padding: 11px; display: grid; grid-template-columns: 37px 1fr auto; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); background: var(--card); font-family: inherit; text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-flow-card > i, html[data-app-id="exchange"][data-client="mobile-portrait"] .transfer-record header > i { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 12px; color: #5d6b8a; background: #edf0f6; font-size: calc(11px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-flow-card > i.in, html[data-app-id="exchange"][data-client="mobile-portrait"] .transfer-record header > i.deposit { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-flow-card > i.out, html[data-app-id="exchange"][data-client="mobile-portrait"] .transfer-record header > i.withdraw { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-flow-card > i.fee { color: var(--gold); background: var(--gold-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-flow-card header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-flow-card header strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-flow-card header b { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-flow-card p { margin: 6px 0 0; display: flex; align-items: center; justify-content: space-between; gap: 7px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-flow-card small { margin-top: 5px; display: block; overflow: hidden; color: var(--soft); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-flow-card > em { color: var(--soft); font-size: calc(15px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .transfer-record { padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .transfer-record header { display: grid; grid-template-columns: 37px 1fr auto; align-items: center; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .transfer-record header strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .transfer-record header small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .transfer-record header strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .transfer-record header small { margin-top: 5px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .transfer-record header b { font-size: calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .transfer-record footer { margin-top: 10px; padding-top: 9px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid #efede8; color: var(--soft); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .transfer-record footer em { min-height: 20px; padding: 0 7px; display: inline-flex; align-items: center; border-radius: 6px; color: var(--green); background: var(--green-soft); font-family: var(--font); font-size: calc(10px * var(--font-scale)); font-style: normal; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .return-overview { padding: 15px; display: grid; grid-template-columns: .8fr 1.4fr .8fr; gap: 8px; border-radius: 18px; color: #fff; background: linear-gradient(135deg, #45302c, #2b2824); box-shadow: 0 12px 25px rgb(69 48 44 / 13%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-overview div + div { padding-left: 9px; border-left: 1px solid rgb(255 255 255 / 10%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-overview span, html[data-app-id="exchange"][data-client="mobile-portrait"] .return-overview strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .return-overview small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-overview span { color: rgb(255 255 255 / 52%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-overview strong { margin-top: 6px; font-size: calc(17px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-overview small { margin-top: 3px; color: rgb(255 255 255 / 42%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-tabs { margin-top: 13px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-list { display: grid; gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-card { padding: 13px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-card header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .return-card header strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .return-card header small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-card header span { color: var(--red); font-size: calc(10px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-card header strong { margin-top: 5px; font-size: calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-card header small { margin-top: 4px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-card header button { min-height: 31px; padding: 0 10px; flex: 0 0 auto; border: 0; border-radius: 9px; color: #fff; background: var(--red); font-size: calc(11px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-card.history header span { color: var(--green); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-card.history header > i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: var(--green); background: var(--green-soft); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-values { margin-top: 12px; padding: 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; border-radius: 11px; background: #f6f4ef; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-values span, html[data-app-id="exchange"][data-client="mobile-portrait"] .return-values strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-values span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-values strong { margin-top: 5px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-card footer { margin-top: 10px; display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-card footer strong { color: var(--ink); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-no { margin-top: 9px; padding-top: 8px; display: block; overflow: hidden; border-top: 1px solid #efede8; color: var(--soft); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .message-summary { margin-bottom: 12px; padding: 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; overflow: hidden; border-radius: 18px; color: #fff; background: linear-gradient(135deg, #25241f, #433a31); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-summary span, html[data-app-id="exchange"][data-client="mobile-portrait"] .message-summary strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .message-summary small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-summary span { color: rgb(255 255 255 / 58%); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-summary strong { margin-top: 4px; font-size: calc(25px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-summary small { color: rgb(255 255 255 / 48%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-summary button { min-height: 34px; padding: 0 12px; border: 1px solid rgb(255 255 255 / 14%); border-radius: 10px; color: #fff; background: rgb(255 255 255 / 9%); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-summary button:disabled { opacity: .4; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-list { display: grid; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-card { position: relative; min-height: 77px; padding: 12px; display: grid; grid-template-columns: 38px 1fr 12px; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 15px; color: var(--ink); background: var(--card); text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-card.unread::after { position: absolute; top: 12px; right: 11px; width: 6px; height: 6px; border-radius: 50%; background: var(--red); content: ""; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-card > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: var(--red); background: var(--red-soft); font-size: calc(13px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-card > i.apply { color: var(--gold); background: var(--gold-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-card > i.trade { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-card > i.personal { color: #5d6b8a; background: #edf0f6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-card header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-card header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .message-card header time { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-card strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .message-card small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-card strong { margin-top: 5px; padding-right: 8px; overflow: hidden; font-size: calc(11px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-card small { margin-top: 5px; color: var(--soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-card > b { color: var(--soft); font-size: calc(15px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-detail > div { padding-bottom: 11px; display: flex; align-items: center; justify-content: space-between; gap: 9px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .message-detail p { margin: 15px 0 2px; color: #4f4b45; font-size: calc(11px * var(--font-scale)); line-height: 1.9; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-overview { padding: 15px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; border-radius: 18px; color: #fff; background: linear-gradient(135deg, #2e3c36, #25312d); box-shadow: 0 12px 25px rgb(32 59 49 / 12%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-overview div + div { padding-left: 10px; border-left: 1px solid rgb(255 255 255 / 10%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-overview span, html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-overview strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-overview small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-overview span { color: rgb(255 255 255 / 56%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-overview strong { margin-top: 6px; display: inline-block; font-size: calc(19px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-overview small { margin-left: 3px; display: inline; color: rgb(255 255 255 / 48%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-tabs { margin-top: 13px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-list { display: grid; gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-card, html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card { padding: 13px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-main { display: flex; align-items: center; gap: 11px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-main .artifact-cover { width: 60px; height: 52px; flex: 0 0 auto; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-main .artifact-cover span { font-size: calc(20px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-main strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-main small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-main strong { font-size: calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-main small { margin-top: 5px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-values { margin-top: 11px; padding-top: 10px; display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: 8px; border-top: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-values span, html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-values strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-values span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-values strong { margin-top: 4px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-values button { min-height: 31px; padding: 0 11px; border: 0; border-radius: 9px; color: #fff; background: var(--green); font-size: calc(11px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card header, html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card header > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card header > div { justify-content: flex-start; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card header > strong { font-size: calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card header small { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .status-chip { min-height: 23px; padding: 0 8px; display: inline-flex; align-items: center; border-radius: 999px; color: #805e23; background: var(--gold-soft); font-size: calc(10px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .status-chip.approved { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .status-chip.done { color: #5d6b8a; background: #edf0f6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .status-chip.denied { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .status-chip.muted { color: var(--muted); background: #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-grid { margin-top: 12px; padding: 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; border-radius: 11px; background: #f6f4ef; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-grid span, html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-grid strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-grid span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-grid strong { margin-top: 5px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card > p { margin: 11px 1px 0; color: var(--muted); font-size: calc(11px * var(--font-scale)); line-height: 1.65; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card aside { margin-top: 9px; padding: 8px 9px; border-radius: 8px; color: #7a554f; background: var(--red-soft); font-size: calc(10px * var(--font-scale)); line-height: 1.5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card footer { margin-top: 9px; color: var(--soft); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-button { width: 100%; min-height: 38px; margin-top: 10px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #cde5db; border-radius: 10px; color: var(--green); background: #f1f8f5; font-size: calc(11px * var(--font-scale)); text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .form-hint { margin: 12px 0 0; padding: 10px 11px; display: flex; align-items: baseline; gap: 5px; border-radius: 10px; color: var(--muted); background: #f3f1ec; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .form-hint strong { color: var(--green); font-size: calc(15px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .form-hint small { margin-left: auto; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .select-wrap { position: relative; height: 46px; display: flex; align-items: center; border: 1px solid var(--line); border-radius: 12px; background: #fbfaf7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .select-wrap select { width: 100%; height: 100%; padding: 0 34px 0 12px; border: 0; outline: 0; appearance: none; color: var(--ink); background: transparent; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .select-wrap span { position: absolute; right: 12px; color: var(--muted); pointer-events: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-head { padding: 13px; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #2e3c36, #25312d); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-head span, html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-head strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-head span { color: #b8dfcf; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-head strong { margin-top: 6px; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-timeline { margin: 17px 3px 2px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-timeline > div { position: relative; min-height: 58px; padding-left: 24px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-timeline > div::before { position: absolute; top: 13px; bottom: -5px; left: 5px; width: 1px; background: var(--line); content: ""; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-timeline > div:last-child::before { display: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-timeline i { position: absolute; top: 4px; left: 0; width: 11px; height: 11px; border: 3px solid var(--card); border-radius: 50%; background: var(--soft); box-shadow: 0 0 0 1px var(--line); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-timeline .current i { background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-timeline strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-timeline span { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-timeline strong { font-size: calc(11px * var(--font-scale)); line-height: 1.45; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-timeline span { margin-top: 5px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }

html[data-app-id="exchange"][data-client="mobile-portrait"] .identity-card { padding: 14px; display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 11px; border-radius: 17px; color: #fff; background: linear-gradient(135deg, #282620, #443a31); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .identity-card .avatar { width: 45px; height: 45px; border-radius: 14px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .identity-card strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .identity-card small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .identity-card strong { font-size: calc(13px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .identity-card small { margin-top: 5px; color: rgb(255 255 255 / 52%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .identity-card button { min-height: 30px; padding: 0 11px; border: 1px solid rgb(255 255 255 / 16%); border-radius: 9px; color: #fff; background: rgb(255 255 255 / 8%); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-detail-card { margin-top: 10px; padding: 0 13px; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-detail-card > div { min-height: 44px; padding: 9px 0; display: grid; grid-template-columns: 72px 1fr; align-items: center; gap: 9px; border-bottom: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-detail-card > div:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-detail-card span { color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-detail-card strong { font-size: calc(11px * var(--font-scale)); line-height: 1.55; text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .font-size-settings { margin-top: 10px; padding: 14px 13px; border: 1px solid var(--line); border-radius: 15px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .font-size-settings header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .font-size-settings header strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .font-size-settings header span { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .font-size-settings header strong { font-size: calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .font-size-settings header span { margin-top: 4px; color: var(--muted); font-size: calc(10px * var(--font-scale)); line-height: 1.5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .font-size-current { flex: 0 0 auto; padding: 5px 8px; border-radius: 8px; color: var(--green); background: var(--green-soft); font-size: calc(10px * var(--font-scale)); font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .font-size-options { margin-top: 12px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .font-size-options button { min-height: 62px; padding: 8px 5px; display: grid; place-items: center; align-content: center; gap: 5px; border: 1px solid var(--line); border-radius: 11px; color: var(--ink); background: #faf9f6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .font-size-options button strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .font-size-options button small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .font-size-options button strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .font-size-options button small { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .font-size-options button.active { border-color: var(--green); color: var(--green); background: var(--green-soft); box-shadow: inset 0 0 0 1px var(--green); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-head { margin-top: 21px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-list { display: grid; gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-card { padding: 13px; border: 1px solid var(--line); border-radius: 15px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-card header, html[data-app-id="exchange"][data-client="mobile-portrait"] .address-card header > div, html[data-app-id="exchange"][data-client="mobile-portrait"] .address-card footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-card header > div { justify-content: flex-start; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-card header strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-card header span { color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-card header i { min-height: 19px; padding: 0 6px; display: inline-flex; align-items: center; border-radius: 6px; color: var(--red); background: var(--red-soft); font-size: calc(10px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-card button { padding: 3px; border: 0; color: var(--red); background: transparent; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-card p { margin: 10px 0; color: #4e4b45; font-size: calc(11px * var(--font-scale)); line-height: 1.65; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-card footer { padding-top: 9px; border-top: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-card footer small { color: var(--soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-card footer button { color: var(--soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sheet-form .input-wrap input:first-child { padding-left: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .check-row { min-height: 42px; margin-top: 11px; padding: 0 11px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 11px; color: var(--ink); background: #fbfaf7; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .check-row input { width: 16px; height: 16px; accent-color: var(--red); }

html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav { position: fixed; left: 50%; bottom: 0; z-index: 30; width: min(100%, 430px); height: calc(var(--nav-height) + env(safe-area-inset-bottom)); padding: 7px 8px env(safe-area-inset-bottom); display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid rgb(223 219 212 / 78%); background: rgb(255 254 250 / 92%); backdrop-filter: blur(20px) saturate(1.15); transform: translateX(-50%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .nav-item { position: relative; padding: 5px 0 2px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 3px; border: 0; color: #928f88; background: transparent; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .nav-item svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .nav-item.active { color: var(--red); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .nav-item.active::before { position: absolute; top: 0; width: 17px; height: 2px; border-radius: 0 0 3px 3px; background: var(--red); content: ""; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .sheet-backdrop { position: fixed; inset: 0; z-index: 100; display: flex; align-items: flex-end; justify-content: center; background: rgb(22 21 18 / 42%); backdrop-filter: blur(3px); animation: fade .18s ease; }
@keyframes fade { from { opacity: 0; } }
html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet { width: min(100%, 430px); max-height: 88vh; padding: 19px 18px calc(16px + env(safe-area-inset-bottom)); overflow-y: auto; border-radius: 25px 25px 0 0; background: var(--card); box-shadow: 0 -15px 50px rgb(0 0 0 / 18%); animation: sheet-up .24s ease-out; }
@keyframes sheet-up { from { transform: translateY(50%); opacity: .4; } }
html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet > header small { color: var(--red); font-size: calc(10px * var(--font-scale)); font-weight: 750; letter-spacing: .13em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet h2 { margin: 5px 0 0; font-size: calc(18px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .icon-button { width: 33px; height: 33px; display: grid; place-items: center; border: 0; border-radius: 50%; color: var(--muted); background: #efede8; font-size: calc(19px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sheet-body { padding: 17px 0 6px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet > footer { margin-top: 15px; display: grid; grid-template-columns: 1fr 1.65fr; gap: 8px; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-backdrop { position: fixed; inset: 0; z-index: 140; padding: 18px; display: grid; place-items: center; background: rgb(22 21 18 / 52%); backdrop-filter: blur(6px); animation: fade .18s ease; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-dialog { width: min(100%, 350px); padding: 19px; border: 1px solid rgb(255 255 255 / 45%); border-radius: 24px; background: var(--card); box-shadow: 0 24px 70px rgb(0 0 0 / 24%); animation: share-pop .2s ease-out; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-dialog > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-dialog > header small { color: var(--green); font-size: calc(10px * var(--font-scale)); font-weight: 750; letter-spacing: .12em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-dialog h2 { margin: 5px 0 0; font-size: calc(18px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-qr { width: 218px; height: 218px; margin: 18px auto 14px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-qr img { width: 100%; height: 100%; padding: 8px; display: none; object-fit: contain; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-qr span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-qr.ready img { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-qr.ready span { display: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-qr.error { border-color: #e4b5af; background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-qr.error span { color: var(--red); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-dialog > strong { display: block; overflow-wrap: anywhere; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); line-height: 1.5; text-align: center; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-dialog > p { margin: 9px 3px 0; color: var(--muted); font-size: calc(10px * var(--font-scale)); line-height: 1.65; text-align: center; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-dialog > footer { margin-top: 16px; display: grid; grid-template-columns: 1fr 1.45fr; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-toolbar { margin: 0 0 10px; padding: 9px 10px; display: flex; align-items: center; justify-content: space-between; gap: 9px; border: 1px solid #d5e4dd; border-radius: 11px; background: #f3f8f5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-toolbar div { min-width: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-toolbar strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-toolbar span { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-toolbar strong { color: var(--green); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-toolbar span { margin-top: 3px; overflow: hidden; color: var(--muted); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-share-toolbar button { min-height: 30px; padding: 0 10px; flex: 0 0 auto; border: 1px solid #bcdccc; border-radius: 9px; color: var(--green); background: #fff; font-family: inherit; font-size: calc(10px * var(--font-scale)); font-weight: 750; }
@keyframes share-pop { from { opacity: 0; transform: translateY(8px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
html[data-app-id="exchange"][data-client="mobile-portrait"] .button { min-height: 44px; border: 0; border-radius: 12px; font-size: calc(11px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .button.ghost { color: var(--muted); background: #eeece7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .button.primary { color: #fff; background: var(--red); box-shadow: 0 8px 18px rgb(200 72 59 / 18%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .button.primary.green { background: var(--green); box-shadow: 0 8px 18px rgb(39 130 104 / 18%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .button:disabled { color: var(--soft); background: #e8e5df; box-shadow: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .confirm-summary { overflow: hidden; border: 1px solid var(--line); border-radius: 14px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .confirm-summary div { min-height: 42px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .confirm-summary div:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .confirm-summary span { color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .confirm-summary strong { font-size: calc(11px * var(--font-scale)); text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .confirm-warning { margin-top: 12px; padding: 11px 12px; border-radius: 10px; color: #81544f; background: var(--red-soft); font-size: calc(11px * var(--font-scale)); line-height: 1.55; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sheet-form .field:first-child { margin-top: 0; }

/* Phase 4: online auction discovery, pre-auction reservations and venue appointments. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-discovery-list, html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-discovery-list, html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-records, html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-session-list { display: grid; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-card { width: 100%; min-height: 129px; padding: 10px; display: grid; grid-template-columns: 98px minmax(0, 1fr); gap: 12px; border: 1px solid var(--line); border-radius: 19px; color: var(--ink); background: var(--card); text-align: left; box-shadow: 0 8px 22px rgb(50 44 35 / 4%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-card + .auction-card { margin-top: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-card.compact { min-height: 116px; margin-top: 9px; grid-template-columns: 88px minmax(0, 1fr); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-card-art { position: relative; min-height: 100%; overflow: hidden; border-radius: 13px; color: #fff; background: linear-gradient(145deg, rgb(54 46 39 / 22%), rgb(29 27 24 / 72%)), url("/apps/exchange/assets/static/images/paimaizhuanchang.png") center / cover no-repeat; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-card-art::after { position: absolute; right: -31px; bottom: -38px; width: 92px; height: 92px; border: 1px solid rgb(255 255 255 / 24%); border-radius: 50%; content: ""; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-card-art span { position: absolute; left: 11px; bottom: 10px; z-index: 1; font-family: "STKaiti", "KaiTi", serif; font-size: calc(27px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-card-art i { position: absolute; top: 10px; left: 10px; z-index: 1; max-width: calc(100% - 20px); overflow: hidden; font-size: calc(10px * var(--font-scale)); font-style: normal; letter-spacing: .08em; opacity: .68; text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-card-main { min-width: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-card-main header, html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-card-main footer { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-card-main header small { overflow: hidden; color: var(--muted); font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-card-main > strong { margin-top: 7px; display: block; overflow: hidden; font-family: "STSong", "Songti SC", serif; font-size: calc(14px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-card-main > p { margin: 5px 0 0; overflow: hidden; color: var(--muted); font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-status { min-height: 20px; padding: 0 7px; display: inline-flex; align-items: center; border-radius: 999px; color: var(--red); background: var(--red-soft); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 750; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-status.scheduled { color: #805e23; background: var(--gold-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-status.closed { color: var(--muted); background: #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-progress, html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-hero-progress, html[data-app-id="exchange"][data-client="mobile-portrait"] .capacity-track { height: 4px; margin-top: 9px; overflow: hidden; border-radius: 999px; background: #eeeae3; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-progress i, html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-hero-progress i, html[data-app-id="exchange"][data-client="mobile-portrait"] .capacity-track i { width: var(--progress, 0%); height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--red), #df786c); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-card-main footer { margin-top: 7px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-card-main footer b { color: var(--ink); font-size: calc(11px * var(--font-scale)); }

html[data-app-id="exchange"][data-client="mobile-portrait"] .discovery-hero { position: relative; min-height: 165px; padding: 20px; overflow: hidden; border-radius: 23px; color: #fff; background: linear-gradient(135deg, #24231f, #463b30); box-shadow: 0 15px 30px rgb(44 38 30 / 14%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .discovery-hero::after { position: absolute; right: -48px; top: -60px; width: 180px; height: 180px; border: 1px solid rgb(255 255 255 / 10%); border-radius: 50%; box-shadow: 0 0 0 27px rgb(255 255 255 / 3%); content: ""; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .discovery-hero > div:first-child { position: relative; z-index: 1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .discovery-hero small { color: #d9bd82; font-size: calc(10px * var(--font-scale)); font-weight: 700; letter-spacing: .15em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .discovery-hero h1 { margin: 13px 0 7px; font-family: "STSong", "Songti SC", serif; font-size: calc(25px * var(--font-scale)); font-weight: 600; line-height: 1.23; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .discovery-hero p { max-width: 235px; margin: 0; color: rgb(255 255 255 / 55%); font-size: calc(11px * var(--font-scale)); line-height: 1.6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .discovery-orbit { position: absolute; right: 16px; bottom: 14px; z-index: 1; display: flex; align-items: end; flex-direction: column; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .discovery-orbit i { width: 41px; height: 41px; display: grid; place-items: center; border: 1px solid rgb(255 255 255 / 15%); border-radius: 14px 14px 14px 4px; color: #f5dfb0; background: rgb(255 255 255 / 7%); font-family: "STKaiti", "KaiTi", serif; font-size: calc(21px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .discovery-orbit span { margin-top: 5px; color: rgb(255 255 255 / 28%); font-size: calc(10px * var(--font-scale)); line-height: 1.35; letter-spacing: .1em; text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .discovery-metrics { position: relative; z-index: 2; margin: -10px 10px 0; padding: 13px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); box-shadow: 0 10px 24px rgb(40 35 28 / 7%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .discovery-metrics div + div { padding-left: 9px; border-left: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .discovery-metrics span, html[data-app-id="exchange"][data-client="mobile-portrait"] .discovery-metrics strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .discovery-metrics span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .discovery-metrics strong { margin-top: 5px; font-size: calc(15px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .discovery-tabs { margin-top: 16px; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-card { width: 100%; min-height: 138px; padding: 10px; display: grid; grid-template-columns: 101px minmax(0, 1fr); gap: 12px; border: 1px solid var(--line); border-radius: 19px; color: var(--ink); background: var(--card); text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-card-art { position: relative; overflow: hidden; border-radius: 14px; color: #fff; background: linear-gradient(145deg, rgb(31 44 39 / 28%), rgb(27 36 32 / 76%)), url("/apps/exchange/assets/static/images/info_bg.png") center / cover no-repeat; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-card-art span { position: absolute; top: 11px; left: 10px; font-size: calc(10px * var(--font-scale)); letter-spacing: .1em; opacity: .68; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-card-art strong { position: absolute; left: 11px; bottom: 9px; font-family: "STKaiti", "KaiTi", serif; font-size: calc(27px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-card > div:last-child { min-width: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-card header, html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-card footer { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-card header em { min-height: 20px; padding: 0 7px; display: inline-flex; align-items: center; border-radius: 999px; color: var(--green); background: var(--green-soft); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-card header small { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-card > div > strong { margin-top: 9px; display: block; overflow: hidden; font-size: calc(13px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-card p { height: 28px; margin: 6px 0 0; overflow: hidden; color: var(--muted); font-size: calc(10px * var(--font-scale)); line-height: 1.6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-card footer { margin-top: 9px; padding-top: 8px; border-top: 1px solid #efede8; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-card footer b { margin-left: auto; color: var(--green); font-size: calc(10px * var(--font-scale)); }

html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-detail-hero { position: relative; padding: 18px; overflow: hidden; border-radius: 23px; color: #fff; background: linear-gradient(132deg, rgb(35 31 27 / 86%), rgb(63 49 40 / 88%)), url("/apps/exchange/assets/static/images/paimaizhuanchang.png") center / cover no-repeat; box-shadow: 0 16px 31px rgb(44 36 29 / 15%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-detail-hero::after { position: absolute; right: -62px; bottom: -80px; width: 190px; height: 190px; border: 1px solid rgb(255 255 255 / 11%); border-radius: 50%; content: ""; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-detail-hero > * { position: relative; z-index: 1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-hero-status { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-hero-status span { color: rgb(255 255 255 / 55%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-detail-hero h1 { margin: 17px 0 5px; font-family: "STSong", "Songti SC", serif; font-size: calc(21px * var(--font-scale)); font-weight: 600; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-detail-hero > p { margin: 0; color: rgb(255 255 255 / 50%); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-hero-price { margin-top: 23px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-hero-price div:last-child { padding-left: 14px; border-left: 1px solid rgb(255 255 255 / 12%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-hero-price span, html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-hero-price strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-hero-price span { color: rgb(255 255 255 / 45%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-hero-price strong { margin-top: 6px; font-size: calc(21px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-hero-price strong small { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-hero-progress { margin-top: 17px; background: rgb(255 255 255 / 12%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-detail-hero footer { margin-top: 7px; display: flex; align-items: center; justify-content: space-between; color: rgb(255 255 255 / 48%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-time-card { margin-top: 10px; padding: 12px 14px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 15px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-time-card div:last-child { text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-time-card span, html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-time-card strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-time-card span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-time-card strong { margin-top: 5px; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-time-card > i { color: var(--soft); font-size: calc(12px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .qualification-card { margin-top: 10px; padding: 14px; border: 1px solid #ead8d4; border-radius: 17px; background: #fff8f6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .qualification-card.eligible { border-color: #cce1d8; background: #f4faf7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .qualification-card header { margin-bottom: 11px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .qualification-card header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .qualification-card header strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .qualification-card header span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .qualification-card header strong { margin-top: 5px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .qualification-card header i { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 10px; color: var(--red); background: var(--red-soft); font-size: calc(13px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .qualification-card.eligible header i { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .qualification-card > div { min-height: 27px; display: flex; align-items: center; justify-content: space-between; gap: 9px; border-top: 1px solid rgb(126 113 99 / 10%); color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .qualification-card > div strong { color: var(--ink); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .qualification-card > small { margin-top: 7px; display: block; color: var(--soft); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-primary-action { width: 100%; min-height: 47px; margin-top: 11px; border: 0; border-radius: 13px; color: #fff; background: var(--red); box-shadow: 0 10px 21px rgb(200 72 59 / 18%); font-size: calc(11px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-primary-action:disabled { color: var(--soft); background: #e5e2dc; box-shadow: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-market-link { width: 100%; min-height: 44px; margin-top: 8px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; gap: 9px; border: 1px solid var(--line); border-radius: 12px; color: var(--muted); background: var(--card); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-market-link b { color: var(--red); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .content-card { padding: 14px; border: 1px solid var(--line); border-radius: 17px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .content-card .section-head { margin-bottom: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .rich-copy strong { margin-top: 12px; display: block; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .rich-copy strong:first-child { margin-top: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .rich-copy p { margin: 6px 0 0; color: var(--muted); font-size: calc(11px * var(--font-scale)); line-height: 1.75; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-record { padding: 13px; border: 1px solid #cde4db; border-radius: 15px; background: #f5faf8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-record.cancelled { border-color: var(--line); background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-record header, html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-record > div, html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-record footer { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-record header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-record header strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-record header span { color: var(--green); font-size: calc(10px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-record.cancelled header span { color: var(--muted); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-record header strong { margin-top: 5px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-record header b { color: var(--green); font-size: calc(14px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-record.cancelled header b { color: var(--muted); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-record > div { margin-top: 11px; padding-top: 9px; border-top: 1px solid rgb(126 113 99 / 10%); color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-record > div strong { color: var(--ink); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-record footer { margin-top: 8px; color: var(--soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pre-auction-record footer small { max-width: 55%; overflow: hidden; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; text-overflow: ellipsis; white-space: nowrap; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-detail-hero { position: relative; min-height: 190px; padding: 20px; overflow: hidden; border-radius: 23px; color: #fff; background: linear-gradient(123deg, rgb(29 39 35 / 90%), rgb(39 62 53 / 70%)), url("/apps/exchange/assets/static/images/info_bg.png") center / cover no-repeat; box-shadow: 0 16px 31px rgb(32 54 45 / 14%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-detail-hero::after { position: absolute; right: -50px; top: -55px; width: 175px; height: 175px; border: 1px solid rgb(255 255 255 / 10%); border-radius: 50%; content: ""; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-detail-hero > * { position: relative; z-index: 1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-detail-label { color: #a9d5c3; font-size: calc(10px * var(--font-scale)); font-weight: 700; letter-spacing: .12em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-detail-hero h1 { max-width: 290px; margin: 19px 0 8px; font-family: "STSong", "Songti SC", serif; font-size: calc(23px * var(--font-scale)); font-weight: 600; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-detail-hero p { max-width: 290px; margin: 0; color: rgb(255 255 255 / 57%); font-size: calc(11px * var(--font-scale)); line-height: 1.65; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-detail-hero > div:last-child { position: absolute; right: 18px; bottom: 16px; left: 18px; display: flex; align-items: center; justify-content: space-between; gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-detail-hero > div:last-child span { color: rgb(255 255 255 / 42%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-detail-hero > div:last-child strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-contact-card { margin-top: 10px; padding: 0 13px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-contact-card > div, html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-contact-card > a { min-height: 54px; display: grid; grid-template-columns: 30px 64px 1fr; align-items: center; gap: 8px; color: var(--ink); text-decoration: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-contact-card > div { border-bottom: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-contact-card i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: var(--green); background: var(--green-soft); font-size: calc(12px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-contact-card span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-contact-card strong { font-size: calc(10px * var(--font-scale)); line-height: 1.45; text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hall-scroller { margin: 0 -16px; padding: 0 16px 4px; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hall-chip { min-width: 178px; min-height: 67px; padding: 11px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); background: var(--card); text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hall-chip span, html[data-app-id="exchange"][data-client="mobile-portrait"] .hall-chip small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hall-chip span { font-size: calc(11px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hall-chip small { margin-top: 6px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hall-chip.active { border-color: #9ecdbb; background: #f3faf7; box-shadow: inset 0 0 0 1px #d6e9e1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hall-overview { margin-top: 11px; padding: 14px; border-left: 3px solid var(--green); border-radius: 4px 15px 15px 4px; background: #eef6f2; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hall-overview small { color: var(--green); font-size: calc(10px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hall-overview h2 { margin: 6px 0 5px; font-size: calc(13px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hall-overview p { margin: 0; color: var(--muted); font-size: calc(10px * var(--font-scale)); line-height: 1.6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-session-card { padding: 14px; border: 1px solid var(--line); border-radius: 17px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-session-card.reserved { border-color: #bfddcf; background: #f4faf7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-session-card header, html[data-app-id="exchange"][data-client="mobile-portrait"] .session-capacity { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-session-card header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-session-card header strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-session-card header span { color: var(--green); font-size: calc(10px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-session-card header strong { margin-top: 5px; font-size: calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-session-card header > i { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; color: var(--green); background: var(--green-soft); font-size: calc(11px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .session-capacity { margin-top: 13px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .session-capacity strong { color: var(--ink); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .capacity-track i { width: var(--capacity, 0%); background: linear-gradient(90deg, var(--green), #67ab94); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-session-card > button { width: 100%; min-height: 39px; margin-top: 12px; border: 0; border-radius: 11px; color:var(--action-ink); background:var(--action-fill); font-size: calc(11px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-session-card > button:disabled { color: var(--muted); background: #e7e4de; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-session-card.reserved > button:disabled { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-section-tabs { margin: 0 -16px 10px; padding: 0 16px 3px; display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-section-tabs button { min-height: 29px; padding: 0 11px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: var(--card); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-section-tabs button.active { color:var(--action-ink); border-color:var(--accent); background:var(--action-fill); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-goods-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-goods-grid > .empty-state { grid-column: 1 / -1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-good-card { min-width: 0; padding: 9px; border: 1px solid var(--line); border-radius: 15px; color: var(--ink); background: var(--card); text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-good-card .artifact-cover { height: 76px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-good-card > strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-good-card > small, html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-good-card > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-good-card > strong { margin-top: 8px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-good-card > small { margin-top: 4px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-good-card > span { margin-top: 7px; color: var(--red); font-size: calc(11px * var(--font-scale)); font-weight: 700; }

/* Phase 5: account-scoped reservation center and reversible customer cancellations. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row.reservation-menu > i { color: var(--gold); background: var(--gold-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-overview { padding: 16px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; overflow: hidden; border-radius: 20px; color: #fff; background: linear-gradient(135deg, #302923, #4a3d32); box-shadow: 0 14px 28px rgb(48 41 35 / 14%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-overview div + div { padding-left: 10px; border-left: 1px solid rgb(255 255 255 / 11%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-overview span, html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-overview strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-overview small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-overview span { color: rgb(255 255 255 / 56%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-overview strong { margin-top: 6px; font-size: calc(21px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-overview small { margin-top: 4px; color: rgb(255 255 255 / 42%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-tabs { margin-top: 14px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-list { display: grid; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-card { padding: 14px; border: 1px solid var(--line); border-radius: 17px; background: var(--card); box-shadow: 0 7px 20px rgb(49 43 35 / 3%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-card header, html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-card header > div, html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-card footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-card header > div { justify-content: flex-start; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-card header small { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-card header > b { color: var(--red); font-size: calc(14px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-card header > i { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; color: var(--green); background: var(--green-soft); font-size: calc(12px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-card h2 { margin: 13px 0 0; font-size: calc(13px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-card > p { margin: 6px 0 0; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-values { margin-top: 12px; padding: 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; border-radius: 11px; background: #f6f4ef; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-values span, html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-values strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-values span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-values strong { margin-top: 5px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-reservation-time { min-height: 42px; margin-top: 12px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-radius: 11px; background: #eef6f2; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-reservation-time span { color: var(--green); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-reservation-time strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-card > aside { margin-top: 10px; padding: 9px 10px; border-radius: 9px; color: var(--muted); background: #efede8; font-size: calc(10px * var(--font-scale)); line-height: 1.5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-card footer { margin-top: 12px; padding-top: 10px; border-top: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-card footer small { max-width: 62%; overflow: hidden; color: var(--soft); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-card footer button { min-height: 29px; padding: 0 10px; border: 1px solid #e4b5af; border-radius: 9px; color: var(--red); background: #fff9f7; font-size: calc(10px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .venue-reservation footer button { color: var(--green); border-color: #bcdccc; background: #f4faf7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .reservation-card footer > span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .cancel-note-field .input-wrap input { padding-left: 12px; font-size: calc(11px * var(--font-scale)); font-weight: 500; }

/* Phase 6: reversible pickup applications and four-level delivery regions. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card footer { min-height: 31px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card footer code { min-width: 0; overflow: hidden; color: var(--soft); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card footer button { min-height: 29px; padding: 0 10px; flex: 0 0 auto; border: 1px solid #e4b5af; border-radius: 9px; color: var(--red); background: #fff9f7; font-size: calc(10px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-region-grid { margin-top: 3px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-region-grid .field { min-width: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-region-grid .select-wrap { height: 43px; border-radius: 11px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-region-grid select:disabled { color: var(--soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-region-path { margin: 11px 0 0; padding: 10px 11px; border-left: 3px solid var(--green); border-radius: 4px 10px 10px 4px; background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-region-path span, html[data-app-id="exchange"][data-client="mobile-portrait"] .address-region-path strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-region-path span { color: var(--green); font-size: calc(10px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .address-region-path strong { margin-top: 5px; color: #385b4d; font-size: calc(11px * var(--font-scale)); line-height: 1.55; }

/* Phase 7: fund date queries and account-scoped ledger receipts. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-date-panel { margin: 0 0 11px; padding: 12px; border: 1px solid var(--line); border-radius: 15px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-date-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-date-panel > header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-date-panel > header strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-date-panel > header span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-date-panel > header strong { margin-top: 4px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-date-panel > header i { min-height: 21px; padding: 0 7px; display: inline-flex; align-items: center; border-radius: 7px; color: var(--green); background: var(--green-soft); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-date-presets { margin-top: 10px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-date-presets button { min-height: 30px; padding: 0 3px; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); background: #faf9f6; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-date-presets button.active { color: #fff; border-color: var(--green); background: var(--green); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-custom-range { margin-top: 10px; padding-top: 10px; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto; align-items: end; gap: 6px; border-top: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-custom-range label span { margin-bottom: 5px; display: block; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-custom-range input { width: 100%; height: 34px; padding: 0 7px; border: 1px solid var(--line); border-radius: 9px; outline: 0; color: var(--ink); background: #fbfaf7; font-family: inherit; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-custom-range > b { padding-bottom: 10px; color: var(--soft); font-size: calc(10px * var(--font-scale)); font-weight: 500; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-custom-range > button { height: 34px; padding: 0 10px; border: 0; border-radius: 9px; color: #fff; background: var(--green); font-size: calc(10px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-status { padding: 12px; display: flex; align-items: center; gap: 10px; border-radius: 13px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-status.verified { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-status.invalid { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-status > i { width: 31px; height: 31px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid currentColor; border-radius: 50%; font-size: calc(13px * var(--font-scale)); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-status strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-status span { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-status strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-status span { margin-top: 4px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-balance { margin-top: 10px; padding: 11px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; border: 1px solid var(--line); border-radius: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-balance div + div { padding-left: 7px; border-left: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-balance span, html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-balance strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-balance span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-balance strong { margin-top: 5px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-detail { margin-top: 10px; padding: 0 11px; border: 1px solid var(--line); border-radius: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-detail > div { min-height: 39px; padding: 8px 0; display: grid; grid-template-columns: 65px minmax(0, 1fr); align-items: center; gap: 9px; border-bottom: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-detail > div:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-detail span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-detail strong { overflow-wrap: anywhere; font-size: calc(10px * var(--font-scale)); line-height: 1.45; text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-ledger-list { margin-top: 10px; display: grid; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-ledger-list article { padding: 11px; border: 1px solid var(--line); border-radius: 12px; background: #faf9f6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-ledger-list header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-ledger-list header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-ledger-list header strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-ledger-list header span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-ledger-list header strong { margin-top: 4px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-ledger-list header b { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-ledger-list p { margin: 8px 0; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-ledger-list label { margin-top: 6px; display: block; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .receipt-ledger-list code { margin-top: 3px; padding: 6px; display: block; overflow-wrap: anywhere; border-radius: 7px; color: #57534d; background: #efede8; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); line-height: 1.45; }

/* Phase 8: return conditions and verifiable after-sales receipts. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-policy-card { width: 100%; min-height: 61px; margin-top: 10px; padding: 11px; display: grid; grid-template-columns: 35px 1fr auto; align-items: center; gap: 10px; border: 1px solid #e6d4c2; border-radius: 14px; color: var(--ink); background: linear-gradient(135deg, #fffaf2, #faf5eb); font-family: inherit; text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-policy-card > i { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 11px; color: #8b6225; background: var(--gold-soft); font-size: calc(12px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-policy-card strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .return-policy-card small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-policy-card strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-policy-card small { margin-top: 5px; color: var(--muted); font-size: calc(10px * var(--font-scale)); line-height: 1.45; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-policy-card > b { color: #8b6225; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-receipt-button { width: 100%; min-height: 39px; margin-top: 10px; padding: 0 10px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 8px; border: 1px solid #cde5db; border-radius: 10px; color: var(--green); background: #f2f8f5; font-family: inherit; text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-receipt-button span { font-size: calc(11px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-receipt-button b { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-receipt-button i { font-size: calc(14px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-rule-list { display: grid; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-rule-list article { padding: 11px; display: grid; grid-template-columns: 29px 1fr; gap: 9px; border: 1px solid var(--line); border-radius: 12px; background: #faf9f6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-rule-list article > i { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; color: var(--red); background: var(--red-soft); font-size: calc(11px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-rule-list strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-rule-list p { margin: 5px 0 0; color: var(--muted); font-size: calc(10px * var(--font-scale)); line-height: 1.6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-formula { margin-top: 10px; padding: 11px; border-left: 3px solid var(--gold); border-radius: 4px 11px 11px 4px; background: var(--gold-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-formula span, html[data-app-id="exchange"][data-client="mobile-portrait"] .return-formula strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-formula span { color: #8b6225; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-formula strong { margin-top: 5px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-confirm-check { height: auto; min-height: 48px; padding: 8px 11px; line-height: 1.5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-condition-tags { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-condition-tags span { min-height: 29px; display: flex; align-items: center; justify-content: center; border-radius: 9px; color: var(--green); background: var(--green-soft); font-size: calc(10px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-flow-proof { margin-top: 10px; padding: 0 10px; border: 1px solid var(--line); border-radius: 11px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-flow-proof > div { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-flow-proof > div:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-flow-proof span { min-width: 0; overflow: hidden; color: var(--muted); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .return-flow-proof strong { flex: 0 0 auto; font-size: calc(10px * var(--font-scale)); }

/* Phase 9: account-scoped daily statements and verifiable closing receipts. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-service-grid button[data-service="STATEMENTS"] { grid-column: 1 / -1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-service-grid button[data-service="STATEMENTS"] i, html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row[data-quick="STATEMENTS"] > i { color: #8b6225; background: var(--gold-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-preview-card { width: 100%; padding: 16px; overflow: hidden; border: 0; border-radius: 20px; color: #fff; background: linear-gradient(135deg, #253b34, #395d4e); box-shadow: 0 14px 30px rgb(35 66 53 / 18%); font-family: inherit; text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-preview-card header, html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-preview-card footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-preview-card header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-preview-card header strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-total span, html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-total strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-total small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-preview-card header span { color: rgb(255 255 255 / 58%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-preview-card header strong { margin-top: 5px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-preview-card header i { min-height: 24px; padding: 0 9px; display: inline-flex; align-items: center; border: 1px solid rgb(255 255 255 / 18%); border-radius: 8px; color: #f8e8c2; background: rgb(255 255 255 / 9%); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-total { margin-top: 19px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-total span { color: rgb(255 255 255 / 55%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-total strong { margin-top: 5px; font-size: calc(28px * var(--font-scale)); letter-spacing: -.5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-total small { margin-top: 5px; color: rgb(255 255 255 / 45%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-preview-grid { margin-top: 16px; padding: 11px 0; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgb(255 255 255 / 11%); border-bottom: 1px solid rgb(255 255 255 / 11%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-preview-grid div + div { padding-left: 10px; border-left: 1px solid rgb(255 255 255 / 11%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-preview-grid span, html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-preview-grid strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-preview-grid span { color: rgb(255 255 255 / 48%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-preview-grid strong { margin-top: 5px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-preview-card footer { margin-top: 12px; color: rgb(255 255 255 / 55%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-preview-card footer b { color: #f8e8c2; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-head { margin-top: 18px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-head > span { min-height: 23px; padding: 0 8px; display: inline-flex; align-items: center; border-radius: 8px; color: var(--green); background: var(--green-soft); font-size: calc(10px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-list { display: grid; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-card { width: 100%; padding: 14px; border: 1px solid var(--line); border-radius: 16px; color: var(--ink); background: var(--card); box-shadow: 0 7px 20px rgb(49 43 35 / 3%); font-family: inherit; text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-card header, html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-card footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-card header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-card header strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-card header span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-card header strong { margin-top: 4px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-card header i { min-height: 24px; padding: 0 8px; display: inline-flex; align-items: center; border-radius: 8px; font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-card header i.verified { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-card header i.invalid { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-card > div { margin-top: 14px; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-card > div span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-card > div strong { font-size: calc(19px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-card footer { margin-top: 13px; padding-top: 10px; border-top: 1px solid #efede8; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-card footer b { color: var(--green); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-card > small { margin-top: 8px; display: block; overflow: hidden; color: var(--soft); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-receipt-total { margin-top: 10px; padding: 14px; border-radius: 13px; color: #fff; background: linear-gradient(135deg, #2a453a, #3f6756); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-receipt-total span, html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-receipt-total strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-receipt-total small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-receipt-total span { color: rgb(255 255 255 / 58%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-receipt-total strong { margin-top: 5px; font-size: calc(22px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-receipt-total small { margin-top: 5px; color: rgb(255 255 255 / 48%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-trading-proof { margin-top: 10px; padding: 11px; border: 1px solid var(--line); border-radius: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-trading-proof > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-trading-proof > header span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-trading-proof > header strong { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-trading-proof > div { margin-top: 9px; display: grid; gap: 6px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-trading-proof article { min-height: 34px; padding: 0 9px; display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: 7px; border-radius: 9px; background: #f7f5f1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-trading-proof article i { font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-trading-proof article span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-trading-proof article strong { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-position-list { margin-top: 10px; padding: 0 11px; border: 1px solid var(--line); border-radius: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-position-list > header, html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-position-list article { min-height: 39px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-position-list article:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-position-list > header span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-position-list > header strong { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-position-list article > div:last-child { text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-position-list article strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-position-list article small, html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-position-list article span { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-position-list article strong { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-position-list article small, html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-position-list article span { margin-top: 3px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-position-list > p { margin: 0; padding: 15px 0; color: var(--muted); font-size: calc(10px * var(--font-scale)); text-align: center; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-hash-proof { margin-top: 10px; display: grid; gap: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-hash-proof label { display: block; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .statement-hash-proof code { margin-top: 4px; padding: 7px; display: block; overflow-wrap: anywhere; border-radius: 8px; color: #57534d; background: #efede8; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); line-height: 1.45; }

/* Phase 10: account-scoped trade receipts with cash and position proof. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-receipt-button { min-height: 28px; padding: 0 9px; border: 1px solid #bcdccc; border-radius: 8px; color: var(--green); background: #f3f9f6; font-family: inherit; font-size: calc(10px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-record-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .batch-receipt-button { min-height: 28px; padding: 0 8px; border: 1px solid #dfcda9; border-radius: 8px; color: #80642f; background: #fffaf0; font-family: inherit; font-size: calc(10px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-receipt-hero { margin-top: 10px; padding: 13px; border-radius: 13px; color: #fff; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-receipt-hero.buy { background: linear-gradient(135deg, #8f302b, #b04b43); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-receipt-hero.sell { background: linear-gradient(135deg, #275044, #397261); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-receipt-hero header, html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-receipt-hero footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-receipt-hero header span { color: rgb(255 255 255 / 65%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-receipt-hero header i { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid rgb(255 255 255 / 22%); border-radius: 8px; background: rgb(255 255 255 / 10%); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-receipt-hero > div { margin-top: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-receipt-hero > div strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-receipt-hero > div small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-receipt-hero > div strong { font-size: calc(15px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-receipt-hero > div small { margin-top: 4px; color: rgb(255 255 255 / 52%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-receipt-hero footer { margin-top: 12px; padding-top: 10px; border-top: 1px solid rgb(255 255 255 / 14%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-receipt-hero footer span { color: rgb(255 255 255 / 58%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-receipt-hero footer strong { font-size: calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-asset-effect { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-asset-effect > div { min-height: 54px; padding: 9px; display: grid; grid-template-columns: 26px 1fr; align-items: center; gap: 2px 8px; border: 1px solid var(--line); border-radius: 11px; background: #faf9f6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-asset-effect i { width: 26px; height: 26px; display: grid; place-items: center; grid-row: 1 / 3; border-radius: 8px; background: #efede8; font-size: calc(10px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-asset-effect span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-asset-effect strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-after-sales { margin-top: 10px; padding: 10px; display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 9px; border: 1px solid #ead2ce; border-radius: 11px; background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-after-sales > i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: var(--red); background: #fff; font-size: calc(11px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-after-sales strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-after-sales span { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-after-sales strong { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-after-sales span { margin-top: 4px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-flow-proof { border-color: #d7e6df; background: #fbfdfc; }

/* Phase 11-12: historical entrusts, lifecycle receipts and active-order management. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-service-grid button[data-service="STATEMENTS"] { grid-column: auto; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-service-grid button[data-service="RECORDS"] i { color: #5d6b8a; background: #edf0f6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-overview { padding: 15px; display: grid; grid-template-columns: .8fr .8fr 1.4fr; gap: 8px; overflow: hidden; border-radius: 19px; color: #fff; background: linear-gradient(135deg, #312f3d, #4d5069); box-shadow: 0 14px 28px rgb(49 47 61 / 16%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-overview div + div { padding-left: 9px; border-left: 1px solid rgb(255 255 255 / 12%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-overview span, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-overview strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-overview small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-overview span { color: rgb(255 255 255 / 54%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-overview strong { margin-top: 6px; font-size: calc(17px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-overview small { margin-top: 4px; color: rgb(255 255 255 / 42%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-tabs { margin-top: 13px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-date-panel { margin-top: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-panel { margin: -2px 0 10px; padding: 10px 11px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid #d9e2dd; border-radius: 13px; background: linear-gradient(135deg, #f7faf8, #eef5f1); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-panel > div { min-width: 0; display: flex; align-items: center; gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-panel > div > i { width: 33px; height: 33px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 10px; color: var(--green); background: #fff; box-shadow: 0 4px 12px rgb(51 91 74 / 9%); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-panel span, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-panel strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-panel small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-panel strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-panel small { margin-top: 4px; overflow: hidden; color: var(--muted); font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-panel button { min-height: 31px; padding: 0 11px; flex: 0 0 auto; border: 1px solid #b7d3c5; border-radius: 9px; color:var(--action-ink); background:var(--action-fill); font-family: inherit; font-size: calc(10px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-panel button:disabled { border-color: #d9d8d3; color: #aaa69d; background: #eceae5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-receipt { width: 100%; min-height: 54px; margin: -3px 0 10px; padding: 9px 11px; display: grid; grid-template-columns: 31px minmax(0, 1fr) auto; align-items: center; gap: 9px; border: 1px solid #c8ded3; border-radius: 13px; color: var(--ink); background: #f4f9f6; font-family: inherit; text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-receipt > i { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--green); font-size: calc(11px * var(--font-scale)); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-receipt span, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-receipt strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-receipt code { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-receipt span { color: var(--green); font-size: calc(10px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-receipt strong { margin-top: 3px; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-receipt code { margin-top: 3px; overflow: hidden; color: var(--muted); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-export-receipt > b { color: var(--green); font-size: calc(10px * var(--font-scale)); white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .export-hash-proof { margin-top: 10px; display: grid; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .export-hash-proof label { position: relative; padding: 10px; display: block; border: 1px solid var(--line); border-radius: 11px; background: #faf9f6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .export-hash-proof label span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .export-hash-proof label button { position: absolute; top: 7px; right: 8px; min-height: 23px; padding: 0 8px; border: 1px solid #c8ded3; border-radius: 7px; color: var(--green); background: #fff; font-family: inherit; font-size: calc(10px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .export-hash-proof code { margin-top: 8px; padding: 7px; display: block; overflow-wrap: anywhere; border-radius: 7px; color: #57534d; background: #efede8; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); line-height: 1.5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-order-filters { margin: 0 0 10px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-order-filters::-webkit-scrollbar { display: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-order-filters .filter-chip { flex: 0 0 auto; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-history-list { display: grid; gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-card { padding: 13px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); box-shadow: 0 7px 20px rgb(49 43 35 / 3%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-card.is-active { border-color: #dcc798; box-shadow: 0 9px 24px rgb(142 102 38 / 8%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-card > header, html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-card > header > div, html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-card > footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-card > header > div { justify-content: flex-start; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-card > header small { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-card > header > i { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; background: #f5f3ef; font-size: calc(11px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-card h2 { margin: 12px 0 0; font-size: calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-card > p { margin: 5px 0 0; overflow: hidden; color: var(--muted); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-values { margin-top: 11px; padding: 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; border-radius: 10px; background: #f7f5f1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-values span, html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-values strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-values span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-values strong { margin-top: 5px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-fill { margin-top: 10px; display: grid; grid-template-columns: 1fr 31px; align-items: center; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-fill > span { height: 5px; overflow: hidden; border-radius: 999px; background: #e9e6df; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-fill > span i { width: var(--fill); height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--gold), #d8ab54); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-fill > strong { color: #8b6225; font-size: calc(10px * var(--font-scale)); text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-card > footer { margin-top: 10px; padding-top: 10px; border-top: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-history-card > footer > span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-card-actions { display: flex; align-items: center; gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-card-actions button { min-height: 28px; padding: 0 9px; border: 1px solid #d9c69f; border-radius: 8px; color: #8b6225; background: #fffaf1; font-size: calc(10px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-card-actions button.cancel { border-color: #e4c0bb; color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-cancel-heading { margin-bottom: 10px; padding: 11px; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 10px; border: 1px solid #e9e5dc; border-radius: 12px; background: #faf8f4; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-cancel-heading > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: linear-gradient(135deg, #8f302b, #b04b43); font-size: calc(11px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-cancel-heading strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-cancel-heading span { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-cancel-heading strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-cancel-heading span { margin-top: 4px; overflow: hidden; color: var(--muted); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-cancel-check { margin-top: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .history-trade-card { box-shadow: 0 7px 20px rgb(49 43 35 / 3%); }

/* Phase 28: account-isolated unified trading timeline. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-summary { margin-top: 10px; padding: 11px; display: grid; grid-template-columns: 39px 1fr auto; align-items: center; gap: 9px; border: 1px solid #dce5df; border-radius: 15px; background: linear-gradient(135deg, #fbfdfc, #f2f7f4); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-summary.attention { border-color: #e6dbc4; background: linear-gradient(135deg, #fffdf8, #f8f2e7); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-ring { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(#56866f var(--proof-rate), #e4ebe7 0); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-ring::before { content: ""; width: 29px; height: 29px; grid-area: 1 / 1; border-radius: 50%; background: #fff; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-ring i { position: relative; grid-area: 1 / 1; color: #44745d; font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-summary > div:nth-child(2) span, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-summary > div:nth-child(2) strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-summary > div:nth-child(2) small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-summary > div:nth-child(2) span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-summary > div:nth-child(2) strong { margin-top: 3px; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-summary > div:nth-child(2) small { margin-top: 4px; color: #8b877e; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-summary aside { display: grid; justify-items: end; gap: 4px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-summary aside b, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-summary aside em { min-height: 18px; padding: 0 6px; display: inline-flex; align-items: center; border-radius: 999px; font-size: calc(10px * var(--font-scale)); font-style: normal; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-summary aside b { color: #8b6d39; background: #f3ead9; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-summary aside em { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card { margin: 2px 0 13px; padding: 13px; overflow: hidden; border: 1px solid #dde1ea; border-radius: 17px; background: linear-gradient(180deg, #fff, #f7f8fb); box-shadow: 0 8px 24px rgb(49 47 61 / 5%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card > header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card > header strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card > header small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card > header span { color: #68728a; font-size: calc(10px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card > header strong { margin-top: 4px; font-size: calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card > header small { margin-top: 4px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card > header > div:last-child { padding: 3px; display: flex; gap: 2px; border-radius: 9px; background: #eceef3; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card > header button { min-height: 25px; padding: 0 8px; border: 0; border-radius: 7px; color: #858997; background: transparent; font-family: inherit; font-size: calc(10px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card > header button.active { color: #fff; background: #575c73; box-shadow: 0 3px 8px rgb(47 50 67 / 17%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card > header button:disabled { opacity: .42; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-metrics { margin-top: 12px; padding: 9px 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; border-radius: 11px; background: #eff1f5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-metrics article + article { padding-left: 8px; border-left: 1px solid #dfe1e7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-metrics span, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-metrics strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-metrics span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-metrics strong { margin-top: 5px; overflow: hidden; font-size: calc(11px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-trend-chart { margin: 13px -4px 0; padding: 0 4px 4px; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(25px, 1fr); gap: 4px; overflow-x: auto; scrollbar-width: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-trend-chart::-webkit-scrollbar { display: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-trend-day { min-width: 25px; height: 116px; padding: 0; display: grid; grid-template-rows: 17px 78px 16px; align-items: end; border: 0; color: #767b8c; background: transparent; font-family: inherit; text-align: center; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-trend-day > span { overflow: hidden; font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-trend-day > i { width: 100%; height: 72px; padding: 0 4px; display: flex; align-items: flex-end; justify-content: center; border-bottom: 1px solid #dfe1e7; font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-trend-day > i b { width: 100%; height: var(--trend-height); min-height: 2px; display: block; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, #7a829e, #555c76); box-shadow: 0 4px 8px rgb(83 91 118 / 13%); transition: height .2s ease; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-trend-day.attention > i b { background: linear-gradient(180deg, #d7887f, #b04a42); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-trend-day > small { color: #9a9da8; font-size: calc(10px * var(--font-scale)); white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card > footer { margin-top: 8px; padding-top: 9px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 3px 8px; border-top: 1px solid #e5e6eb; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card > footer span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card > footer strong { font-size: calc(10px * var(--font-scale)); text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card > footer small { grid-column: 1 / -1; color: #9a9da8; font-size: calc(10px * var(--font-scale)); text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-day-list { margin-top: 10px; display: grid; gap: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-day-list article { padding: 9px 10px; display: grid; grid-template-columns: 27px minmax(0, 1fr) auto; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 10px; background: #faf9f6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-day-list article > i { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; background: #f4eceb; font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-day-list article > i.fall { background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-day-list article strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-day-list article small, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-day-list article span, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-day-list article b { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-day-list article strong { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-day-list article small { margin-top: 3px; overflow: hidden; color: var(--muted); font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-day-list article > span { color: var(--muted); font-size: calc(10px * var(--font-scale)); text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-day-list article b { margin-top: 4px; color: var(--ink); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-more { margin: 9px 0 0; color: var(--muted); font-size: calc(10px * var(--font-scale)); text-align: center; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-tabs button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-tabs button small { min-width: 15px; height: 15px; padding: 0 4px; display: inline-grid; place-items: center; border-radius: 999px; color: #8b887f; background: rgb(255 255 255 / 48%); font-size: calc(10px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-tabs button.active small { color: #fff; background: #3d3c49; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-direction-filters { margin-bottom: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-search-box { margin: 10px 0 8px; height: 39px; border-radius: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-search-box svg { width: 15px; height: 15px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-search-box input { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-proof-filters { margin-top: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trading-timeline { position: relative; display: grid; gap: 13px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-day-group { display: grid; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-day-group > header { padding: 0 2px 0 33px; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-day-group > header strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .record-day-group > header span { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-day-group > header strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-day-group > header span { margin-top: 2px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-day-group > header i { color: #96928a; font-size: calc(10px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-day-timeline { display: grid; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record { position: relative; display: grid; grid-template-columns: 25px minmax(0, 1fr); gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record::before { content: ""; position: absolute; top: 25px; bottom: -13px; left: 12px; width: 1px; background: #ddd9d0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record:last-child::before { display: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-icon { position: relative; z-index: 1; width: 25px; height: 25px; display: grid; place-items: center; border: 3px solid var(--bg); border-radius: 9px; color: #fff; background: linear-gradient(145deg, #676675, #3d3c49); box-shadow: 0 5px 12px rgb(49 47 61 / 16%); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record.trade .timeline-record-icon { background: linear-gradient(145deg, #9c3e37, #7f2d28); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record.execution_batch .timeline-record-icon { background: linear-gradient(145deg, #b78d47, #7f5e29); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card { min-width: 0; padding: 12px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--card); box-shadow: 0 7px 20px rgb(49 43 35 / 4%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record.is-active .timeline-record-card { border-color: #dcc798; box-shadow: 0 9px 24px rgb(142 102 38 / 8%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > header, html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > header > div, html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-title, html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > footer, html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > footer > div { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > header > div { min-width: 0; justify-content: flex-start; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > header span { color: var(--muted); font-size: calc(10px * var(--font-scale)); font-weight: 720; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > header small { overflow: hidden; color: #aaa69d; font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > header .status-chip { min-height: 20px; padding: 0 7px; flex: 0 0 auto; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-title { margin-top: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-title > div { min-width: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-title strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-title small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-title strong { overflow: hidden; font-size: calc(12px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-title small { margin-top: 4px; color: var(--muted); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-title > i { min-width: 38px; height: 24px; display: grid; place-items: center; border-radius: 8px; background: #f5f3ef; font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-values { margin-top: 10px; padding: 9px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; border-radius: 11px; background: #f7f5f1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-values div + div { padding-left: 7px; border-left: 1px solid #e7e3da; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-values span, html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-values strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-values span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-values strong { margin-top: 5px; overflow: hidden; font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > p { margin: 8px 0 0; color: #817d74; font-size: calc(10px * var(--font-scale)); line-height: 1.5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > footer { margin-top: 9px; padding-top: 9px; flex-wrap: wrap; border-top: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > footer code { min-width: 0; overflow: hidden; color: #99958c; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > footer > div { margin-left: auto; flex: 0 0 auto; gap: 4px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > footer button { min-height: 27px; padding: 0 8px; border: 1px solid #d9c69f; border-radius: 8px; color: #805e23; background: #fffaf1; font-size: calc(10px * var(--font-scale)); font-weight: 720; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > footer .timeline-reference-copy { max-width: 100%; padding: 0; display: inline-flex; align-items: center; gap: 5px; border: 0; color: #99958c; background: transparent; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-reference-copy span { flex: 0 0 auto; color: #7f7b72; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > footer button.copy-link { border-color: #dfe2e8; color: #5d6b8a; background: #f5f7fa; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > footer button.cancel { border-color: #e4c0bb; color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record-card > footer button:disabled { border-color: #e3e0d9; color: #aaa69d; background: #f3f1ed; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record.execution_batch .timeline-record-card { border-color: #ded5c1; background: linear-gradient(180deg, #fff, #fffcf5); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .timeline-record.execution_batch .timeline-record-values { background: #f8f3e9; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row.record-menu > i { color: #5d6b8a; background: #edf0f6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-receipt-hero { margin-top: 10px; padding: 13px; border-radius: 13px; color: #fff; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-receipt-hero.buy { background: linear-gradient(135deg, #8f302b, #b04b43); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-receipt-hero.sell { background: linear-gradient(135deg, #6f542a, #9a7539); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-receipt-hero header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-receipt-hero header span { color: rgb(255 255 255 / 66%); font-size: calc(10px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-receipt-hero header i { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid rgb(255 255 255 / 20%); border-radius: 8px; background: rgb(255 255 255 / 10%); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-receipt-hero h3 { margin: 10px 0 0; font-size: calc(15px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-receipt-hero p { margin: 4px 0 0; color: rgb(255 255 255 / 52%); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-receipt-hero > div { margin-top: 13px; display: grid; grid-template-columns: 1fr 48px; align-items: center; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-receipt-hero > div span { height: 6px; overflow: hidden; border-radius: 999px; background: rgb(255 255 255 / 16%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-receipt-hero > div span i { width: var(--fill); height: 100%; display: block; border-radius: inherit; background: #fff; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-receipt-hero > div strong { font-size: calc(10px * var(--font-scale)); text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-linked-trades { margin-top: 10px; padding: 0 10px; border: 1px solid var(--line); border-radius: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-linked-trades > header, html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-linked-trades > button { min-height: 39px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 8px; border-bottom: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-linked-trades > header { grid-template-columns: 1fr auto; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-linked-trades > header span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-linked-trades > header strong { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-linked-trades > button { width: 100%; padding: 6px 0; border: 0; border-bottom: 1px solid #efede8; color: var(--ink); background: transparent; text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-linked-trades > button:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-linked-trades > button strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-linked-trades > button small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-linked-trades > button strong { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-linked-trades > button small { margin-top: 3px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-linked-trades > button span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-linked-trades > button b { color: var(--green); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-lifecycle { margin-top: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-lifecycle > header { margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-lifecycle > header span { font-size: calc(11px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-lifecycle > header strong { color: var(--green); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-lifecycle > article { margin-left: 13px; padding: 0 0 10px 19px; border-left: 1px solid #ddd9d1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-event-head { min-height: 32px; display: grid; grid-template-columns: 27px 1fr auto; align-items: center; gap: 8px; transform: translateX(-33px); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-event-head > i { width: 27px; height: 27px; display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; color: #fff; background: var(--green); box-shadow: 0 0 0 1px #bed8cd; font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-event-head strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-event-head small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-event-head strong { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-event-head small { margin-top: 3px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-event-head > b { min-height: 21px; padding: 0 7px; display: inline-flex; align-items: center; border-radius: 7px; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-event-head > b.verified { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-event-head > b.invalid { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-event-entry { margin: 7px 0 0 -6px; padding: 8px; border-radius: 9px; background: #f6f4ef; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-event-entry header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-event-entry header span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-event-entry header strong { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-event-entry p { margin: 5px 0; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .entrust-event-entry code { display: block; overflow: hidden; color: var(--soft); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(5px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }

/* Phase 13: portfolio analytics and verifiable position detail. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-performance { margin-bottom: 9px; padding: 13px; border: 1px solid #e2d6c0; border-radius: 16px; background: linear-gradient(145deg, #fffdf8, #f6f1e6); box-shadow: 0 7px 20px rgb(111 78 30 / 5%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-performance header, html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-performance > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-performance header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-performance header strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-performance header span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-performance header strong { margin-top: 5px; font-size: calc(16px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-performance header > i { min-height: 24px; padding: 0 8px; display: inline-flex; align-items: center; border-radius: 999px; color: #77613d; background: #eee3cc; font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-performance header > i.high { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-performance header > i.medium { color: #8b6225; background: var(--gold-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-performance > div { margin-top: 12px; padding-top: 10px; border-top: 1px solid #e8dfce; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-performance > div b { display: block; margin-top: 4px; color: var(--ink); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-performance > p { margin: 10px 0 0; color: var(--soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-position-card .position-profit { text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-position-card .position-profit strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-position-card .position-profit small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-position-card .position-profit small { margin-top: 4px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-concentration { margin-top: 10px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-concentration > span { height: 5px; overflow: hidden; border-radius: 999px; background: #ece8df; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-concentration > span i { width: var(--position-share); height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #78613c, #c49a55); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-concentration > strong { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-position-card footer > div { display: flex; align-items: center; gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-position-card .mini-button.detail { border-color: #d7d4cc; color: #5b554c; background: #f8f7f4; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .portfolio-position-card .mini-button:disabled { opacity: .45; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-hero { margin-top: 10px; padding: 14px; overflow: hidden; border-radius: 15px; color: #fff; background: linear-gradient(140deg, #292833, #4d5069); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-hero header, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-hero footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-hero header span { color: rgb(255 255 255 / 48%); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-hero header h3 { margin: 4px 0 0; font-size: calc(13px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-hero header > i { min-width: 34px; min-height: 30px; padding: 0 8px; display: grid; place-items: center; border: 1px solid rgb(255 255 255 / 14%); border-radius: 9px; background: rgb(255 255 255 / 8%); font-size: calc(10px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-hero > div { margin-top: 15px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-hero > div span, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-hero > div strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-hero > div small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-hero > div span { color: rgb(255 255 255 / 50%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-hero > div strong { margin-top: 5px; font-size: calc(20px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-hero > div small { margin-top: 4px; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-hero footer { margin-top: 14px; padding-top: 10px; border-top: 1px solid rgb(255 255 255 / 10%); color: rgb(255 255 255 / 56%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-grid { margin-top: 9px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-grid div { padding: 9px 5px; border: 1px solid var(--line); border-radius: 10px; background: #faf9f6; text-align: center; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-grid span, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-grid strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-grid span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-detail-grid strong { margin-top: 5px; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-sell-action { width: 100%; min-height: 46px; margin-top: 9px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; border: 0; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #8f302b, #b04b43); text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-sell-action strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-sell-action small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-sell-action strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-sell-action small { margin-top: 3px; color: rgb(255 255 255 / 58%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-sell-action b { font-size: calc(14px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-sell-action:disabled { opacity: .45; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-trading-summary, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-active-orders, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger { margin-top: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-trading-summary { padding: 11px; border: 1px solid var(--line); border-radius: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-trading-summary header, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-trading-summary > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-trading-summary header span { font-size: calc(10px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-trading-summary header strong { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-trading-summary > div { margin-top: 9px; padding-top: 9px; border-top: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-trading-summary > div span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-trading-summary > div b { margin-top: 4px; display: block; color: var(--ink); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-active-orders, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades { padding: 0 10px; border: 1px solid var(--line); border-radius: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-active-orders > header, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-active-orders > button, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades > header, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades > button { min-height: 39px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-active-orders > header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades > header span { font-size: calc(10px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-active-orders > header strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades > header strong { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-active-orders > button, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades > button { width: 100%; padding: 6px 0; border: 0; border-bottom: 1px solid #efede8; color: var(--ink); background: transparent; text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-active-orders > button:last-child, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades > button:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-active-orders button strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-active-orders button small, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades button strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades button small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-active-orders button strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades button strong { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-active-orders button small, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades button small { margin-top: 3px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-active-orders button b, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades button b { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades button > i { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; background: #f5f3ee; font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades button > span { min-width: 0; flex: 1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades button.legacy { opacity: .72; cursor: default; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-recent-trades button.legacy > b { color: var(--muted); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger > header { margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger > header span { font-size: calc(11px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger > header strong { color: var(--green); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger > article { padding: 9px; border: 1px solid var(--line); border-radius: 11px; background: #fbfaf7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger > article + article { margin-top: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger-head { display: grid; grid-template-columns: 25px 1fr auto; align-items: center; gap: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger-head > i { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: var(--green); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger-head strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger-head small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger-head strong { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger-head small { margin-top: 3px; color: var(--muted); font-size: calc(5px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger-head > b { padding: 5px 7px; border-radius: 7px; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger-head > b.verified { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger-head > b.invalid { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger-entry { margin-top: 7px; padding: 8px; display: grid; grid-template-columns: 1fr auto; gap: 4px 8px; border-radius: 9px; background: #f2f0ea; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger-entry span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger-entry strong { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger-entry small { color: var(--muted); font-size: calc(5px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .position-ledger-entry code { grid-column: 1 / -1; overflow: hidden; color: var(--soft); font-size: calc(5px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }

/* Phase 14 · account-scoped watchlist and price alerts */
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-preference-strip { margin: 3px 0 12px; padding: 13px 14px; display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 14px; overflow: hidden; border-radius: 17px; color: #fff; background: linear-gradient(132deg, #25231f, #4a3a31); box-shadow: 0 10px 24px rgb(45 38 31 / 12%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-preference-strip div { padding-right: 14px; border-right: 1px solid rgb(255 255 255 / 12%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-preference-strip span, html[data-app-id="exchange"][data-client="mobile-portrait"] .market-preference-strip strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-preference-strip span { color: rgb(255 255 255 / 48%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-preference-strip strong { margin-top: 5px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-preference-strip small { justify-self: end; color: rgb(255 255 255 / 48%); font-size: calc(10px * var(--font-scale)); line-height: 1.6; text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row { min-height: 72px; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr) 38px; gap: 0; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row.favorite { background: linear-gradient(90deg, #fffefb, #fffaf0); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row-main { width: 100%; min-width: 0; min-height: 72px; padding: 12px 4px 12px 12px; display: grid; grid-template-columns: minmax(0, 1.2fr) .8fr .78fr; align-items: center; gap: 8px; border: 0; color: var(--ink); background: transparent; font-family: inherit; text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row-main > div { min-width: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row-main strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row-main small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row-main strong { overflow: hidden; font-size: calc(12px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row-main small { margin-top: 4px; color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row-main .price { text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-row-main .price strong { font-size: calc(14px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .watchlist-star { position: relative; width: 38px; height: 100%; min-height: 72px; padding: 0; border: 0; border-left: 1px solid #efede8; color: #a9a49c; background: transparent; font-size: calc(20px * var(--font-scale)); line-height: 1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .watchlist-star.active { color: var(--gold); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .watchlist-star i { position: absolute; top: 14px; right: 4px; min-width: 14px; height: 14px; padding: 0 3px; display: grid; place-items: center; border: 2px solid var(--card); border-radius: 999px; color: #fff; background: var(--red); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quote-tools { margin: -3px 0 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quote-tools button { min-height: 38px; padding: 0 12px; display: flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--line); border-radius: 11px; color: var(--muted); background: var(--card); font-family: inherit; font-size: calc(11px * var(--font-scale)); font-weight: 680; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quote-tools button.active { color: #9a6a18; border-color: #ead6a9; background: var(--gold-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quote-tools i { font-size: calc(15px * var(--font-scale)); font-style: normal; line-height: 1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-quote-card { padding: 14px; border-radius: 15px; color: #fff; background: linear-gradient(135deg, #2d2924, #4b3e34); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-quote-card div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-quote-card span { color: rgb(255 255 255 / 55%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-quote-card strong { font-size: calc(20px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-quote-card small { margin-top: 8px; display: block; color: rgb(255 255 255 / 42%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-direction-options { margin-top: 11px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-direction-options label { min-height: 57px; padding: 10px 11px; display: flex; justify-content: center; flex-direction: column; border: 1px solid var(--line); border-radius: 12px; background: #faf9f6; cursor: pointer; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-direction-options label:has(input:checked) { color: var(--red); border-color: #e1b0aa; background: var(--red-soft); box-shadow: inset 0 0 0 1px rgb(200 72 59 / 8%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-direction-options input { position: absolute; opacity: 0; pointer-events: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-direction-options span { font-size: calc(11px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-direction-options small { margin-top: 4px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-price-field { margin-top: 13px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .active-alerts, html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-history { margin-top: 13px; padding: 0 11px; border: 1px solid var(--line); border-radius: 13px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .active-alerts > header { min-height: 35px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .active-alerts > header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-history header { font-size: calc(10px * var(--font-scale)); font-weight: 750; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .active-alerts > header strong { color: var(--red); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .active-alerts article { min-height: 51px; display: flex; align-items: center; justify-content: space-between; gap: 9px; border-bottom: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .active-alerts article:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .active-alerts article strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .active-alerts article small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .active-alerts article strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .active-alerts article small { margin-top: 4px; color: var(--muted); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .active-alerts article button { min-height: 27px; padding: 0 9px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); background: #f7f5f0; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-history { padding-top: 10px; padding-bottom: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-history header { padding-bottom: 8px; border-bottom: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-history div { min-height: 31px; display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted); border-bottom: 1px solid #f1efe9; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-history div:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .alert-history strong { color: var(--ink); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .watchlist-menu > i { color: var(--gold) !important; background: var(--gold-soft) !important; }

/* Phase 15 · explainable pre-trade checks and fee preview */
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-preflight { margin: 12px 0; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: #fbfaf7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-preflight > header { min-height: 45px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid #ece9e3; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-preflight > header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-preflight > header small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-preflight > header span { font-size: calc(11px * var(--font-scale)); font-weight: 760; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-preflight > header small { margin-top: 3px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-preflight > header strong { min-height: 23px; padding: 0 8px; display: inline-flex; align-items: center; border-radius: 7px; color: var(--muted); background: #ebe8e1; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-preflight.passed > header strong { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-preflight.blocked > header strong { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-checks { padding: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-checks > div { min-height: 43px; padding: 7px 8px; display: grid; grid-template-columns: 24px 1fr; align-items: center; gap: 7px; border: 1px solid #e9e6df; border-radius: 10px; background: #fff; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-checks > div > i { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 8px; color: var(--green); background: var(--green-soft); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-checks > div.bad > i { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-checks span, html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-checks small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-checks span { font-size: calc(10px * var(--font-scale)); font-weight: 720; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-checks small { margin-top: 3px; overflow: hidden; color: var(--muted); font-size: calc(10px * var(--font-scale)); font-weight: 450; text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-estimate { margin: 0 10px; padding: 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; border-radius: 10px; background: #f0ede7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-estimate div + div { padding-left: 7px; border-left: 1px solid #dedad2; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-estimate span, html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-estimate strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-estimate span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-estimate strong { margin-top: 5px; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-blocks { margin: 9px 10px 0; padding: 5px 9px; border-radius: 9px; background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-blocks p { min-height: 26px; margin: 0; display: flex; align-items: center; gap: 7px; color: #8f302b; border-bottom: 1px solid rgb(200 72 59 / 10%); font-size: calc(10px * var(--font-scale)); line-height: 1.45; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-blocks p:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-blocks i, html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-passed i { width: 17px; height: 17px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 6px; color: #fff; background: var(--red); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-passed { margin: 9px 10px 0; padding: 8px 9px; display: flex; align-items: center; gap: 7px; border-radius: 9px; color: #216a56; background: var(--green-soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-passed i { background: var(--green); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-preflight > footer { min-height: 34px; padding: 0 11px; display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted); border-top: 1px solid #ece9e3; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-preflight > footer strong { color: var(--ink); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-skeleton { padding: 10px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-skeleton i { height: 38px; border-radius: 9px; background: linear-gradient(90deg, #ece9e3, #f7f5f0, #ece9e3); background-size: 200% 100%; animation: preflight-shimmer 1.1s linear infinite; }
@keyframes preflight-shimmer { to { background-position: -200% 0; } }

/* Phase 16 · account trading safety center and atomic bulk cancellation */
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-menu > i { color: #236d5b !important; background: var(--green-soft) !important; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-page { background: linear-gradient(180deg, #f2f0eb 0, var(--bg) 260px); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-hero { margin-bottom: 12px; overflow: hidden; border-radius: 20px; color: #fff; background: linear-gradient(138deg, #2b2824, #51463e); box-shadow: 0 14px 32px rgb(42 37 32 / 15%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-hero.healthy { background: linear-gradient(138deg, #193d35, #2f6557); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-hero > header { min-height: 122px; padding: 19px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-hero > header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-hero > header p { color: rgb(255 255 255 / 55%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-hero > header span { font-size: calc(10px * var(--font-scale)); letter-spacing: .12em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-hero h1 { margin: 8px 0 6px; font-size: calc(20px * var(--font-scale)); letter-spacing: -.02em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-hero p { margin: 0; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-hero > header > i { width: 53px; height: 53px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgb(255 255 255 / 20%); border-radius: 17px; background: rgb(255 255 255 / 10%); font-size: calc(25px * var(--font-scale)); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-hero > div { min-height: 40px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid rgb(255 255 255 / 10%); background: rgb(0 0 0 / 8%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-hero > div span { display: flex; align-items: center; gap: 6px; font-size: calc(10px * var(--font-scale)); font-weight: 720; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-hero > div b { width: 7px; height: 7px; border: 2px solid rgb(255 255 255 / 24%); border-radius: 50%; background: #ffca59; box-sizing: content-box; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-hero > div b.open { background: #65dfb2; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-hero > div small { overflow: hidden; color: rgb(255 255 255 / 48%); font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-permissions, html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-card, html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-risk-card { margin-bottom: 13px; padding: 14px; border: 1px solid var(--line); border-radius: 17px; background: var(--card); box-shadow: 0 8px 22px rgb(47 42 36 / 5%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-permissions > header, html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-card > header, html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-risk-card > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-permissions h2, html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-card h2, html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-risk-card h2 { margin: 0; font-size: calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-permissions p, html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-card p, html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-risk-card p { margin: 4px 0 0; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-permissions > header > strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-risk-card > header > strong { min-height: 24px; padding: 0 8px; display: inline-flex; align-items: center; border-radius: 8px; color: #276f5d; background: var(--green-soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-permissions > div { margin-top: 12px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-permissions article { min-width: 0; min-height: 68px; padding: 9px; display: flex; justify-content: center; flex-direction: column; border: 1px solid #e9e6df; border-radius: 11px; background: #faf9f6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-permissions article i { width: 19px; height: 19px; display: grid; place-items: center; border-radius: 6px; font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-permissions article.allowed i { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-permissions article.denied i { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-permissions article span { margin-top: 7px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-permissions article strong { margin-top: 2px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-permissions article.denied strong { color: var(--red); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-card > header > strong { min-height: 24px; padding: 0 8px; display: inline-flex; align-items: center; border-radius: 8px; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-card > header > strong.ok { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-card > header > strong.bad { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-grid { margin-top: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-grid article { min-width: 0; padding: 11px; border-radius: 12px; background: #f4f2ed; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-grid span, html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-grid strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-grid small, html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-grid i { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-grid span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-grid strong { margin-top: 6px; font-size: calc(14px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-grid small { margin-top: 5px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-grid i { margin-top: 7px; font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 720; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-grid i.ok { color: var(--green); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-grid i.bad { color: var(--red); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-card > footer { min-height: 38px; margin-top: 11px; padding: 0 2px; display: grid; grid-template-columns: 1fr auto 1fr auto; align-items: center; gap: 7px; border-top: 1px solid #ece9e3; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-card > footer span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-freeze-card > footer strong { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-section-head { margin-top: 18px; align-items: center; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .danger-text-button { min-height: 30px; padding: 0 10px; border: 1px solid #e5b0aa; border-radius: 9px; color: var(--red); background: var(--red-soft); font-family: inherit; font-size: calc(10px * var(--font-scale)); font-weight: 730; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-order-list { margin-bottom: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-order-card { min-height: 81px; padding: 11px; display: grid; grid-template-columns: 31px minmax(0, 1fr) auto; align-items: center; gap: 9px; border-bottom: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-order-card:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-order-card > i { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; font-size: calc(11px * var(--font-scale)); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-order-card > i.buy { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-order-card > i.sell { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-order-card > div { min-width: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-order-card strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-order-card small, html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-order-card span { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-order-card strong { overflow: hidden; font-size: calc(11px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-order-card small { margin-top: 4px; overflow: hidden; color: var(--muted); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(5px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-order-card span { margin-top: 6px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-order-actions { display: grid; gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-order-actions button { min-width: 42px; min-height: 25px; padding: 0 7px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); background: #f7f5f0; font-family: inherit; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-order-actions button.cancel { color: var(--red); border-color: #e8bab5; background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-empty { min-height: 148px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-risk-card > div { margin-top: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-risk-card article { min-height: 54px; display: grid; grid-template-columns: 25px minmax(0, 1fr) auto; align-items: center; gap: 8px; border-top: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-risk-card article > i { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; color: #a56a21; background: var(--gold-soft); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-risk-card article div { min-width: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-risk-card article strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-risk-card article small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-risk-card article strong { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-risk-card article small { margin-top: 4px; overflow: hidden; color: var(--muted); font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-risk-card article > span { color: var(--soft); font-size: calc(5px * var(--font-scale)); line-height: 1.5; text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-no-risk { min-height: 66px; display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--muted); border-top: 1px solid #efede8; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-no-risk i { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 8px; color: var(--green); background: var(--green-soft); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bulk-cancel-warning { padding: 12px; display: flex; align-items: center; gap: 10px; border: 1px solid #e5b0aa; border-radius: 13px; color: #8f302b; background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bulk-cancel-warning > i { width: 31px; height: 31px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; color: #fff; background: var(--red); font-size: calc(13px * var(--font-scale)); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bulk-cancel-warning strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .bulk-cancel-warning span { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bulk-cancel-warning strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bulk-cancel-warning span { margin-top: 4px; font-size: calc(10px * var(--font-scale)); line-height: 1.5; }

/* Phase 17 · real-time mobile market cockpit */
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-page { background: linear-gradient(180deg, #efede7 0, var(--bg) 420px); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit { margin-bottom: 12px; overflow: hidden; border-radius: 21px; color: #fff; background: linear-gradient(142deg, #211f1c 0%, #42372f 56%, #6b4c3a 100%); box-shadow: 0 15px 34px rgb(38 31 26 / 18%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit > header { min-height: 40px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid rgb(255 255 255 / 9%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit > header > div { display: flex; align-items: center; gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit > header span { display: flex; align-items: center; gap: 6px; font-size: calc(10px * var(--font-scale)); font-weight: 720; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit > header span i { width: 7px; height: 7px; border: 2px solid rgb(255 255 255 / 18%); border-radius: 50%; background: #d8a43c; box-sizing: content-box; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit > header span i.open { background: #59d5a7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit > header small { color: rgb(255 255 255 / 38%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit > header > strong { min-height: 22px; padding: 0 8px; display: inline-flex; align-items: center; border: 1px solid rgb(255 255 255 / 10%); border-radius: 8px; color: #ffe4c9; background: rgb(255 255 255 / 7%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-live-status { gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-live-status > i { width: 6px; height: 6px; border-radius: 50%; background: #d7a343; box-shadow: 0 0 0 3px rgb(215 163 67 / 13%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-live-status.live { color: #9ce4ca !important; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-live-status.live > i { background: #56d5a7; box-shadow: 0 0 0 3px rgb(86 213 167 / 13%); animation: live-pulse 1.8s ease-out infinite; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-live-status.reconnecting, html[data-app-id="exchange"][data-client="mobile-portrait"] .market-live-status.connecting { color: #f3ca7d !important; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-live-status.polling { color: #d5c4ae !important; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-live-status.paused { color: rgb(255 255 255 / 44%) !important; }
@keyframes live-pulse { 50% { box-shadow: 0 0 0 6px rgb(86 213 167 / 2%); } }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-turnover { padding: 17px 16px 13px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-turnover > span, html[data-app-id="exchange"][data-client="mobile-portrait"] .market-turnover > strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .market-turnover > small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-turnover > span { color: rgb(255 255 255 / 48%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-turnover > strong { margin-top: 6px; overflow: hidden; font-size: calc(28px * var(--font-scale)); letter-spacing: -.04em; text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-turnover > small { margin-top: 5px; color: rgb(255 255 255 / 43%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit-metrics { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgb(255 255 255 / 9%); background: rgb(0 0 0 / 8%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit-metrics article { min-width: 0; min-height: 66px; padding: 11px 10px; border-right: 1px solid rgb(255 255 255 / 8%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit-metrics article:last-child { border-right: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit-metrics span, html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit-metrics strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit-metrics small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit-metrics span { color: rgb(255 255 255 / 42%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit-metrics strong { margin-top: 6px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit-metrics strong b { font-size: inherit; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit-metrics small { margin-top: 4px; overflow: hidden; color: rgb(255 255 255 / 36%); font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit .rise { color: #ff8f83; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit .fall { color: #73d6b6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-breadth-card, html[data-app-id="exchange"][data-client="mobile-portrait"] .market-ranking-card, html[data-app-id="exchange"][data-client="mobile-portrait"] .market-tape { margin-bottom: 12px; padding: 13px; border: 1px solid var(--line); border-radius: 17px; background: var(--card); box-shadow: 0 8px 22px rgb(47 42 36 / 5%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-breadth-card > header, html[data-app-id="exchange"][data-client="mobile-portrait"] .market-ranking-card > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-breadth-card h2, html[data-app-id="exchange"][data-client="mobile-portrait"] .market-ranking-card h2 { margin: 0; font-size: calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-breadth-card p, html[data-app-id="exchange"][data-client="mobile-portrait"] .market-ranking-card p { margin: 4px 0 0; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-breadth-card > header > strong { min-height: 24px; padding: 0 8px; display: inline-flex; align-items: center; border-radius: 8px; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-breadth-card > header > strong.rise { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-breadth-card > header > strong.fall { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .breadth-track { height: 10px; margin-top: 13px; display: flex; gap: 2px; overflow: hidden; border-radius: 999px; background: #e8e5de; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .breadth-track > i { width: var(--breadth); min-width: 0; height: 100%; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .breadth-track > i.rise { background: var(--red); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .breadth-track > i.flat { background: #c3beb4; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .breadth-track > i.fall { background: var(--green); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-breadth-card > footer { margin-top: 9px; display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-breadth-card > footer span { display: flex; align-items: center; gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-breadth-card > footer i { width: 7px; height: 7px; border-radius: 3px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-breadth-card > footer i.rise { background: var(--red); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-breadth-card > footer i.flat { background: #c3beb4; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-breadth-card > footer i.fall { background: var(--green); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-tabs { margin-top: 11px; padding: 3px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; border-radius: 10px; background: #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-tabs button { min-height: 29px; border: 0; border-radius: 8px; color: var(--muted); background: transparent; font-family: inherit; font-size: calc(10px * var(--font-scale)); font-weight: 680; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-tabs button.active { color: var(--ink); background: #fff; box-shadow: 0 3px 9px rgb(45 40 34 / 8%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-list { margin-top: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-row { width: 100%; min-height: 57px; padding: 7px 2px; display: grid; grid-template-columns: 23px minmax(0, 1fr) auto 52px; align-items: center; gap: 8px; border: 0; border-bottom: 1px solid #efede8; color: var(--ink); background: transparent; font-family: inherit; text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-row:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-row > i { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 8px; color: #9b6a2d; background: var(--gold-soft); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-row > div { min-width: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-row > div:nth-of-type(2) { text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-row strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-row small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-row strong { overflow: hidden; font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-row small { margin-top: 4px; overflow: hidden; color: var(--muted); font-size: calc(5px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-row > span { min-height: 28px; display: grid; place-items: center; border-radius: 8px; font-size: calc(10px * var(--font-scale)); font-weight: 760; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-row > span.rise { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-row > span.fall { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-row > span.flat { color: var(--muted); background: #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-rank-empty { min-height: 72px; display: grid; place-items: center; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-tape { padding: 0; overflow: hidden; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-tape > header { min-height: 37px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-tape > header strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-tape > header span { color: var(--red); font-size: calc(10px * var(--font-scale)); font-weight: 800; letter-spacing: .14em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-tape > div > button { width: 100%; min-height: 35px; padding: 0 12px; display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 8px; border: 0; border-bottom: 1px solid #f1efe9; color: var(--ink); background: transparent; font-family: inherit; text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-tape > div > button:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-tape button span { color: var(--muted); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-tape button strong { overflow: hidden; font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-tape button b { color: var(--red); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-tape-empty { min-height: 54px; display: grid; place-items: center; color: var(--muted); font-size: calc(10px * var(--font-scale)); }

/* Phase 19: account-aware aggregated depth and liquidity analytics. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-card { margin-top: 17px; overflow: hidden; border: 1px solid #ddd8cf; border-radius: 21px; background: var(--card); box-shadow: 0 12px 30px rgb(47 42 36 / 7%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-head { min-height: 65px; padding: 14px 15px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #fff; background: linear-gradient(135deg, #272722, #39372f); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-head small, html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-head h2 { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-head small { color: rgb(255 255 255 / 43%); font-size: calc(10px * var(--font-scale)); font-weight: 750; letter-spacing: .14em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-head h2 { margin: 5px 0 0; font-size: calc(15px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-badges { min-width: 0; display: flex; align-items: flex-end; flex-direction: column; gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-badges span, html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-badges i { min-height: 20px; padding: 0 7px; display: inline-flex; align-items: center; border-radius: 7px; font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 750; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-badges span { color: #efe3c8; background: rgb(185 138 61 / 18%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-badges span.buy { color: #ffaaa1; background: rgb(200 72 59 / 18%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-badges span.sell { color: #85dfc2; background: rgb(39 130 104 / 18%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-badges i { min-height: auto; padding: 0; color: rgb(255 255 255 / 43%); background: transparent; font-weight: 550; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-best { display: grid; grid-template-columns: 1fr 1fr 1.15fr; border-bottom: 1px solid #ece8e1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-best article { min-width: 0; min-height: 67px; padding: 12px 11px; border-right: 1px solid #ece8e1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-best article:last-child { border-right: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-best span, html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-best strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-best small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-best span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-best strong { margin-top: 7px; overflow: hidden; font-size: calc(12px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-best small { margin-top: 3px; overflow: hidden; color: var(--soft); font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-pressure { padding: 13px 14px 12px; border-bottom: 1px solid #ece8e1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-pressure header, html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-pressure footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-pressure header { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-pressure header strong { color: var(--red); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-pressure header span { color: var(--green); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pressure-track { height: 9px; margin-top: 9px; overflow: hidden; border-radius: 999px; background: var(--green); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pressure-track i { width: var(--buy-share, 50%); height: 100%; display: block; border-right: 2px solid var(--card); border-radius: 999px 0 0 999px; background: linear-gradient(90deg, #b43b31, #dc6c60); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-pressure footer { margin-top: 7px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-pressure footer span:nth-child(2) { color: var(--soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-books { display: grid; grid-template-columns: 1fr 1fr; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-books > article { min-width: 0; padding: 12px; border-right: 1px solid #ece8e1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-books > article:last-child { border-right: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-books > article > header { margin-bottom: 7px; display: flex; align-items: center; justify-content: space-between; gap: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-books > article > header strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-books > article > header span { color: var(--soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-level { position: relative; min-height: 32px; padding: 5px 4px; display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 4px; overflow: hidden; border-top: 1px solid #f1eee8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-level::before { position: absolute; inset: 3px 0 3px auto; width: var(--level-depth, 0%); border-radius: 5px 0 0 5px; background: var(--green-soft); content: ""; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-level.buy::before { background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-level > * { position: relative; z-index: 1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-level i { color: var(--muted); font-size: calc(10px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-level strong { min-width: 0; overflow: hidden; color: var(--green); font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-level.buy strong { color: var(--red); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-level span { font-size: calc(10px * var(--font-scale)); font-weight: 650; text-align: right; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-level small { grid-column: 2 / 4; margin-top: -4px; color: var(--soft); font-size: calc(5px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-empty { min-height: 92px; display: grid; place-items: center; color: var(--soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-executable { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #ece8e1; background: #fbfaf6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-executable article { min-width: 0; padding: 11px 13px; border-right: 1px solid #ece8e1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-executable article:last-child { border-right: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-executable span, html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-executable strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-executable small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-executable span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-executable strong { margin-top: 5px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-executable small { margin-top: 4px; color: var(--soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-note { padding: 10px 13px; border-top: 1px solid #ece8e1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-note span, html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-note small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-note span { color: #6e5d3e; font-size: calc(10px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .liquidity-note small { margin-top: 4px; color: var(--soft); font-size: calc(10px * var(--font-scale)); }

/* Phase 20: atomic multi-level delisting on mobile. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .buy-execution-tabs { margin: -2px 0 14px; padding: 3px; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; border-radius: 13px; background: #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .buy-execution-tabs button { min-height: 45px; padding: 7px 9px; border: 0; border-radius: 10px; color: var(--muted); background: transparent; text-align: left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .buy-execution-tabs button strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .buy-execution-tabs button small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .buy-execution-tabs button strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .buy-execution-tabs button small { margin-top: 4px; color: var(--soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .buy-execution-tabs button.active { color: #fff; background: linear-gradient(135deg, #2c2b26, #454036); box-shadow: 0 5px 13px rgb(40 37 31 / 16%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .buy-execution-tabs button.active small { color: rgb(255 255 255 / 48%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sell-execution-tabs button.active { background:var(--action-fill); box-shadow:var(--action-shadow); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-order-box { padding: 12px; border: 1px solid #e3d7c3; border-radius: 15px; background: linear-gradient(145deg, #fffdf8, #f7f1e6); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-order-box > header { min-height: 35px; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-order-box > header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-order-box > header strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-order-box > header span { color: #9c742f; font-size: calc(10px * var(--font-scale)); font-weight: 780; letter-spacing: .08em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-order-box > header strong { margin-top: 4px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-order-box > header i { min-height: 22px; padding: 0 8px; display: inline-flex; align-items: center; border-radius: 7px; color: #83622b; background: var(--gold-soft); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-order-box.sell { border-color: #cfe1d9; background: linear-gradient(145deg, #fbfffd, #edf6f1); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-order-box.sell > header span { color: var(--green); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-order-box.sell > header i { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-order-box .field { margin-top: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-price-chips { margin-top: 7px; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-price-chips button { min-height: 27px; padding: 0 9px; flex: 0 0 auto; border: 1px solid #e5d6bb; border-radius: 8px; color: #806632; background: #fffdf8; font-size: calc(10px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-price-chips button.active { color: #fff; border-color: #9e7838; background: #9e7838; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-price-chips.sell button { color: #3d765f; border-color: #cfe1d9; background: #fbfffd; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-price-chips.sell button.active { color:var(--action-ink); border-color:var(--accent); background:var(--action-fill); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-price-chips > span { color: var(--soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-estimate { background: #eee9df; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .submit-trade.sweep { background: linear-gradient(135deg, #bb4035, #d85b4e); box-shadow: 0 10px 20px rgb(200 72 59 / 20%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .submit-trade.sell-sweep { background: linear-gradient(135deg, #2f7358, #45906f); box-shadow: 0 10px 20px rgb(51 123 92 / 20%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-estimate.sell { background: #e9f2ed; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-preflight { margin: 12px 0; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: #fbfaf7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-preflight > header { min-height: 47px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid #ece9e3; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-preflight > header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-preflight > header small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-preflight > header span { font-size: calc(11px * var(--font-scale)); font-weight: 760; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-preflight > header small { margin-top: 3px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-preflight > header > strong { min-height: 24px; padding: 0 8px; display: inline-flex; align-items: center; border-radius: 7px; color: var(--muted); background: #ebe8e1; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-preflight.passed > header > strong { color: var(--green); background: var(--green-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-preflight.blocked > header > strong { color: var(--red); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-preflight.sell.passed > header > strong { color: #286c50; background: #dfeee7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-empty { margin: 0; padding: 16px 13px; color: var(--muted); font-size: calc(10px * var(--font-scale)); line-height: 1.65; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-summary { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid #ece9e3; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-summary article { min-width: 0; min-height: 65px; padding: 11px 9px; border-right: 1px solid #ece9e3; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-summary article:last-child { border-right: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-summary span, html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-summary strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-summary small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-summary span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-summary strong { margin-top: 6px; overflow: hidden; font-size: calc(11px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-summary small { margin-top: 4px; overflow: hidden; color: var(--soft); font-size: calc(5px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-capacity { min-height: 31px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; gap: 5px; color: var(--muted); border-bottom: 1px solid #ece9e3; background: #f3f0e9; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-capacity span:last-child { color: #987032; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-fills { margin: 9px 10px 0; overflow: hidden; border: 1px solid #e8e4dc; border-radius: 10px; background: #fff; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-fills > header { min-height: 29px; padding: 0 9px; display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted); border-bottom: 1px solid #eeeae3; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-fills > div { min-height: 36px; padding: 5px 8px; display: grid; grid-template-columns: 19px minmax(0, 1fr) auto auto; align-items: center; gap: 7px; border-bottom: 1px solid #f0ede7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-fills > div:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-fills > div > i { width: 19px; height: 19px; display: grid; place-items: center; border-radius: 6px; color: #fff; background: var(--red); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 780; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-preflight.sell .sweep-fills > div > i { background: var(--green); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-fills > div span { min-width: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-fills > div strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-fills > div small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-fills > div strong { color: var(--red); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-preflight.sell .sweep-fills > div strong { color: var(--green); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-fills > div small { margin-top: 2px; overflow: hidden; color: var(--soft); font-size: calc(5px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-fills > div b, html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-fills > div em { font-size: calc(10px * var(--font-scale)); font-style: normal; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-fills > div em { color: var(--muted); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-fills > p { min-height: 54px; margin: 0; display: grid; place-items: center; color: var(--soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-preflight > footer { min-height: 37px; margin-top: 9px; padding: 0 11px; display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted); border-top: 1px solid #ece9e3; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-preflight > footer strong { color: var(--ink); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-hero { padding: 16px; border-radius: 15px; color: #fff; background: linear-gradient(135deg, #302d27, #55483b); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-hero.sell { background: linear-gradient(135deg, #1f4d3b, #3a765d); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-hero span, html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-hero strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-hero small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-hero span { color: rgb(255 255 255 / 50%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-hero strong { margin-top: 7px; font-size: calc(24px * var(--font-scale)); letter-spacing: -.03em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-hero small { margin-top: 7px; color: rgb(255 255 255 / 48%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-fills { margin-top: 11px; padding: 0 11px; border: 1px solid var(--line); border-radius: 13px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-fills > header { min-height: 35px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid #efede8; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-fills > header strong { color: var(--red); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-fills > div { min-height: 45px; display: grid; grid-template-columns: 23px 1fr auto; align-items: center; gap: 8px; border-bottom: 1px solid #efede8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-fills > div:last-child { border-bottom: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-fills i { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: var(--red); font-size: calc(10px * var(--font-scale)); font-style: normal; font-weight: 780; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-fills span strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-fills span small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-fills span strong { font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-fills span small { margin-top: 3px; color: var(--soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-fills div > b { color: var(--red); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-fills.sell > header strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-fills.sell div > b { color: var(--green); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-fills.sell i { background: var(--green); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-summary { margin-top: 11px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sweep-confirm-check { margin-top: 12px; align-items: flex-start; line-height: 1.5; }

/* Phase 22: post-trade atomic execution receipt. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-result-status { margin-bottom: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-result-hero { margin-top: 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-result-hero footer strong { font-variant-numeric: tabular-nums; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-result-balance strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-result-fills { margin-top: 11px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-result-fills > button { grid-template-columns: minmax(0, 1fr) auto auto; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-result-fills > button span { white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-result-fills > button b { white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-result-fills > button b.rise { color: var(--green); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-result-fills > button b.fall { color: var(--red); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-result-reference { margin-top: 10px; padding: 10px; border: 1px dashed #d9d4ca; border-radius: 11px; background: #f9f7f2; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-result-reference span, html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-result-reference code { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-result-reference span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-result-reference code + span { margin-top: 9px; padding-top: 8px; border-top: 1px solid #e5e0d7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-result-reference code { margin-top: 6px; overflow-wrap: anywhere; color: #645c51; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: calc(10px * var(--font-scale)); line-height: 1.55; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-plan-proof { margin-top: 10px; padding: 11px; border: 1px solid var(--line); border-radius: 12px; background: #fbfaf7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-plan-proof header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-plan-proof header div span, html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-plan-proof header div strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-plan-proof header div span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-plan-proof header div strong { margin-top: 3px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-plan-proof header > i { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: calc(11px * var(--font-scale)); font-style: normal; font-weight: 800; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-plan-proof.verified { color: var(--green); border-color: #cde3d9; background: #f2f8f5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-plan-proof.invalid { color: var(--red); border-color: #efd2cc; background: #fcf2ef; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-plan-proof.legacy { color: var(--gold); border-color: #e8d9bc; background: #faf5e9; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-plan-meta { margin-top: 9px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-plan-meta span { padding: 7px; border-radius: 8px; color: var(--muted); background: rgb(255 255 255 / 72%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-plan-meta b { margin-top: 3px; display: block; overflow: hidden; color: var(--ink); font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .execution-plan-proof code { margin-top: 9px; padding-top: 8px; display: block; overflow-wrap: anywhere; border-top: 1px solid currentColor; color: #645c51; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: calc(10px * var(--font-scale)); line-height: 1.55; opacity: .78; }

/* Unified team workspace inside “我的”. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-page { background: linear-gradient(180deg, #f1ede4 0 175px, var(--paper) 310px); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-hero { min-height: 130px; padding: 18px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-radius: 22px; color: #fff; background: radial-gradient(circle at 84% 12%, rgb(255 255 255 / 14%), transparent 30%), linear-gradient(135deg, #243b42, #17272d); box-shadow: 0 16px 32px rgb(25 42 46 / 18%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-hero span, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-hero h1, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-hero p { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-hero span { color: #d8b978; font-size: calc(11px * var(--font-scale)); font-weight: 750; letter-spacing: .1em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-hero h1 { margin: 7px 0 5px; font-family: "STSong", "Songti SC", serif; font-size: calc(24px * var(--font-scale)); font-weight: 600; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-hero p { margin: 0; color: rgb(255 255 255 / 58%); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-hero > strong { width: 66px; height: 66px; flex: 0 0 auto; display: grid; place-items: center; align-content: center; border: 1px solid rgb(255 255 255 / 16%); border-radius: 20px; background: rgb(255 255 255 / 8%); font-size: calc(25px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-hero > strong small { margin-top: 1px; color: rgb(255 255 255 / 52%); font-size: calc(10px * var(--font-scale)); font-weight: 550; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-hero > strong.warning { color: #f0cc86; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-hero > strong.danger { color: #f5a69b; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-tabs { position: sticky; top: calc(60px + env(safe-area-inset-top) + var(--map-return-height)); z-index: 20; margin: 12px 0 16px; padding: 4px; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: 15px; background: rgb(255 254 250 / 94%); box-shadow: 0 7px 18px rgb(31 28 22 / 7%); backdrop-filter: blur(14px); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-tabs button { min-height: 34px; border: 0; border-radius: 11px; color: var(--muted); background: transparent; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-tabs button.active { color: #fff; background: #253d44; font-weight: 750; box-shadow: 0 5px 12px rgb(37 61 68 / 18%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-summary-grid article { min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 17px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-summary-grid span, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-summary-grid strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-summary-grid small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-summary-grid span { color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-summary-grid strong { margin-top: 7px; overflow: hidden; font-size: calc(18px * var(--font-scale)); letter-spacing: -.03em; text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-summary-grid small { margin-top: 5px; overflow: hidden; color: var(--soft); font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-health-card { margin-top: 10px; padding: 16px; border: 1px solid var(--line); border-radius: 19px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-health-card > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-health-card > header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-health-card > header h2, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-health-card > header p { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-health-card > header span { color: var(--gold); font-size: calc(10px * var(--font-scale)); font-weight: 750; letter-spacing: .08em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-health-card > header h2 { margin: 5px 0 3px; font-size: calc(16px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-health-card > header p { margin: 0; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-health-card > header > strong { font-size: calc(28px * var(--font-scale)); letter-spacing: -.05em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-health-card > header > strong small { color: var(--soft); font-size: calc(10px * var(--font-scale)); font-weight: 500; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-health-card > div { margin-top: 14px; display: grid; gap: 10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-health-card article > div { display: flex; justify-content: space-between; gap: 8px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-health-card article > i, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-progress { height: 5px; margin-top: 5px; display: block; overflow: hidden; border-radius: 99px; background: #ece8e0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-health-card article > i em, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-progress em { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #2f6c69, #6ca28c); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-health-card article > small { margin-top: 4px; display: block; color: var(--soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-section-head { margin: 21px 2px 10px; align-items: center; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-section-head > strong { color: var(--muted); font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-priority-list, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-branch-list, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-member-list, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-metric-list, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-action-list, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-list { display: grid; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-priority-list article { padding: 14px; border: 1px solid var(--line); border-left: 4px solid #467d70; border-radius: 16px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-priority-list article.warning { border-left-color: var(--gold); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-priority-list article.danger { border-left-color: var(--red); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-priority-list header { display: flex; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-priority-list header span { font-size: calc(11px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-priority-list header i, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-metric-list header span, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-member-list header i { padding: 3px 6px; border-radius: 99px; color: #276b55; background: var(--green-soft); font-size: calc(10px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-priority-list .warning header i, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-metric-list header span.warning { color: #8b6525; background: var(--gold-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-priority-list .danger header i, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-metric-list header span.danger, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-member-list header i.danger { color: var(--red-deep); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-priority-list > article > strong { margin-top: 7px; display: block; font-size: calc(18px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-priority-list p { margin: 6px 0 0; color: var(--muted); font-size: calc(11px * var(--font-scale)); line-height: 1.55; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-priority-list > article > small { margin-top: 6px; display: block; color: var(--soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-branch-list article { min-width: 0; padding: 12px; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 15px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-branch-list article > i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #345b65; font-size: calc(10px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-branch-list strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-branch-list small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-branch-list strong { overflow: hidden; font-size: calc(11px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-branch-list small { margin-top: 4px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-branch-list article > div:last-child { text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-segment-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-segment-grid article { min-width: 0; padding: 10px 3px; border: 1px solid var(--line); border-radius: 12px; background: var(--card); text-align: center; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-segment-grid span, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-segment-grid strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-segment-grid small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-segment-grid span { overflow: hidden; color: var(--muted); font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-segment-grid strong { margin-top: 5px; font-size: calc(16px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-segment-grid small { margin-top: 3px; color: var(--soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-member-list article { min-width: 0; padding: 12px; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: start; gap: 10px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-member-avatar { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: var(--avatar); font-size: calc(13px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-member-list header { display: flex; align-items: center; gap: 6px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-member-list header strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-member-list article > div:nth-child(2) > small { margin-top: 4px; display: block; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-member-list p { margin: 5px 0 0; display: -webkit-box; overflow: hidden; color: var(--soft); font-size: calc(10px * var(--font-scale)); line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-member-list article > div:last-child { text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-member-list article > div:last-child strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-member-list article > div:last-child small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-member-list article > div:last-child strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-member-list article > div:last-child small { margin-top: 4px; color: var(--soft); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-list article { padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-list header, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-list footer, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-list article > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-list header span { font-size: calc(11px * var(--font-scale)); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-list header i { padding: 3px 6px; border-radius: 99px; color: #276b55; background: var(--green-soft); font-size: calc(10px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-list header i.warning { color: #8b6525; background: var(--gold-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-list header i.danger { color: var(--red-deep); background: var(--red-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-list article > div { margin-top: 10px; align-items: baseline; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-list article > div strong { font-size: calc(17px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-list article > div span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-list footer { margin-top: 7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-list footer small { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-goal-list footer button { padding: 4px 7px; border: 0; border-radius: 8px; color:var(--action-ink); background:var(--action-fill); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-metric-list article { min-width: 0; padding: 12px; display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 9px; border: 1px solid var(--line); border-radius: 15px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-metric-list article > i { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 9px; color: #365e67; background: #e8eff0; font-size: calc(10px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-metric-list header { display: flex; align-items: center; gap: 6px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-metric-list header strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-metric-list p { margin: 5px 0 0; color: var(--muted); font-size: calc(10px * var(--font-scale)); line-height: 1.45; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-metric-list article > div > small { margin-top: 4px; display: block; color: var(--soft); font-size: calc(10px * var(--font-scale)); line-height: 1.4; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-metric-list article > div:last-child { text-align: right; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-metric-list article > div:last-child strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list article { padding: 13px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list article.danger { border-color: #efd2cc; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list article.warning { border-color: #eadbbe; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list header { display: flex; align-items: center; gap: 9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list header > i { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: var(--gold); font-size: calc(10px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list article.danger header > i { background: var(--red); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list header strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list header small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list header strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list header small { margin-top: 3px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list p { margin: 9px 0; color: var(--muted); font-size: calc(10px * var(--font-scale)); line-height: 1.5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list footer { padding-top: 9px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid var(--line); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list footer > small { max-width: 52%; overflow: hidden; color: var(--soft); font-size: calc(10px * var(--font-scale)); text-overflow: ellipsis; white-space: nowrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list footer div { display: flex; gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list footer button, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-action-list button { padding: 6px 8px; border: 0; border-radius: 8px; color:var(--action-ink); background:var(--action-fill); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-risk-list footer button.resolve { background:var(--action-fill); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list { display: grid; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list article { padding: 13px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list article.unread { border-color: #d8c69e; box-shadow: 0 7px 20px rgb(101 78 37 / 7%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list article.pinned { background: linear-gradient(135deg, #fffdf7, #fff); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list header, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list header > div, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list footer { display: flex; align-items: center; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list header { justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list header > div { gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list header i, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list header b { padding: 4px 6px; border-radius: 6px; color: #765f30; background: #f3ead6; font-size: calc(10px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list header b { color: #fff; background: var(--red); font-weight: 700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list header > span { color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list article > strong { margin-top: 10px; display: block; font-size: calc(11px * var(--font-scale)); line-height: 1.45; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list article > p { margin: 6px 0 10px; color: var(--muted); font-size: calc(10px * var(--font-scale)); line-height: 1.6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list footer { padding-top: 9px; justify-content: space-between; gap: 8px; border-top: 1px solid var(--line); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list footer small { color: var(--soft); font-size: calc(10px * var(--font-scale)); line-height: 1.55; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list footer button { flex: 0 0 auto; padding: 7px 9px; border: 0; border-radius: 8px; color:var(--action-ink); background:var(--action-fill); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-list footer button:disabled { color: #92928e; background: #ecebe7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-announcement-sheet-content { margin: 14px 0 0; padding: 14px; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); background: #faf9f6; font-size: calc(11px * var(--font-scale)); line-height: 1.75; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-action-list article { min-width: 0; padding: 12px; display: grid; grid-template-columns: 27px minmax(0, 1fr) auto; align-items: start; gap: 9px; border: 1px solid var(--line); border-radius: 15px; background: var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-action-list article > i { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #71877e; font-size: calc(10px * var(--font-scale)); font-style: normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-action-list article > i.warning { background: var(--gold); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-action-list article > i.danger { background: var(--red); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-action-list strong, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-action-list small { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-action-list strong { font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-action-list small { margin-top: 4px; color: var(--muted); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-action-list p { margin: 5px 0 0; color: var(--soft); font-size: calc(10px * var(--font-scale)); line-height: 1.4; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-dividend-card { margin-top: 20px; padding: 16px; border-radius: 19px; color: #fff; background: linear-gradient(135deg, #312d26, #554938); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-dividend-card header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-dividend-card header span { color: #d8b978; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-dividend-card header h2 { margin: 5px 0 0; font-size: calc(16px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-dividend-card header > strong { padding: 5px 8px; border: 1px solid rgb(255 255 255 / 15%); border-radius: 8px; font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-dividend-card > div { margin-top: 14px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-dividend-card article { padding: 9px 3px; border-radius: 10px; background: rgb(255 255 255 / 7%); text-align: center; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-dividend-card article span, html[data-app-id="exchange"][data-client="mobile-portrait"] .team-dividend-card article strong { display: block; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-dividend-card article span { color: rgb(255 255 255 / 52%); font-size: calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-dividend-card article strong { margin-top: 5px; font-size: calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-dividend-card p { color: rgb(255 255 255 / 55%); font-size: calc(10px * var(--font-scale)); line-height: 1.55; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-dividend-card a { min-height: 35px; display: grid; place-items: center; border: 1px solid rgb(255 255 255 / 16%); border-radius: 10px; color: #f1d79f; font-size: calc(10px * var(--font-scale)); text-decoration: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-unlinked { margin-top: 110px; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .toast { position: fixed; left: 50%; bottom: calc(var(--nav-height) + env(safe-area-inset-bottom) + 18px); z-index: 200; max-width: min(calc(100% - 36px), 394px); padding: 11px 14px; border-radius: 12px; color: #fff; background: rgb(28 27 24 / 92%); box-shadow: 0 10px 28px rgb(0 0 0 / 20%); font-size: calc(11px * var(--font-scale)); line-height: 1.45; text-align: center; transform: translateX(-50%); animation: toast-in .22s ease-out; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .toast.error { background: rgb(157 49 40 / 94%); }
@keyframes toast-in { from { opacity: 0; transform: translate(-50%, 8px); } }
html[data-app-id="exchange"][data-client="mobile-portrait"] .loading-mask { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; pointer-events: none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .loading-mask i { width: 36px; height: 36px; border: 3px solid rgb(255 255 255 / 50%); border-top-color: var(--red); border-radius: 50%; background: rgb(255 255 255 / 80%); box-shadow: 0 7px 20px rgb(0 0 0 / 12%); animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

@media (max-width: 350px) {
  html[data-app-id="exchange"][data-client="mobile-portrait"] .page { padding-right: 12px; padding-left: 12px; }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .hero h1 { font-size: calc(24px * var(--font-scale)); }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-strip { grid-template-columns: 1.2fr 1fr; }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-strip > div:last-child { display: none; }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .book-wrap { grid-template-columns: 1fr; }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-asset { grid-template-columns: 1fr 1fr; }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-asset > div:last-child { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-app-id="exchange"][data-client="mobile-portrait"] *, html[data-app-id="exchange"][data-client="mobile-portrait"] *::before, html[data-app-id="exchange"][data-client="mobile-portrait"] *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

html[data-app-id="exchange"][data-client="mobile-portrait"] .mobile-shell{width:100%;min-height:100dvh;margin:0;border-radius:0}html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav{width:100%;bottom:0;border-radius:0}html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet{max-height:88dvh;overflow:auto}html[data-app-id="exchange"][data-client="mobile-portrait"] .page{min-height:calc(100dvh - var(--map-return-height))}

/* Auction points and fixed-price reunion area */
.auction-wallet,.reunion-section { margin:16px 0;padding:18px;border:1px solid #ddd9d0;border-radius:20px;background:#fffefa; }
.auction-wallet header,.reunion-section header,.reunion-section article { display:flex;justify-content:space-between;align-items:center;gap:12px; }
.auction-wallet header span,.auction-wallet p,.reunion-section p,.reunion-section small { color:#77766d;font-size:12px;line-height:1.7; }
.auction-wallet>div { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0; }
.auction-wallet>div span { font-size:12px;color:#77766d; }
.auction-wallet strong,.reunion-section strong { display:block;color:#254b40; }
.auction-wallet>div strong { font-size:18px;margin-top:8px;overflow-wrap:anywhere; }
.reunion-section { background:#f1f5ee;border-color:#d4dece; }
.reunion-section h2 { margin:6px 0;font-size:24px;color:#254b40; }
.reunion-section article { margin-top:12px;padding:14px;border-radius:12px;background:white; }
.reunion-section article small { display:block;margin-top:5px; }
input[data-sell-price][readonly] { color:#285b48;background:#f3f5f0; }
.preflight-estimate { row-gap:12px !important; }
.preflight-estimate>div:nth-child(3n+1) { border-left:0 !important;padding-left:0 !important; }

/* Distinct commerce zones, using the existing green and warm neutral palette. */
.commerce-hub{padding:20px;background:#fff;border:1px solid #e7e4dc;border-radius:24px;margin-bottom:24px}.commerce-hub h2{margin:8px 0}.commerce-hub header>p,.commerce-hub header>small{color:#758078}.commerce-balances{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.commerce-balances span{padding:16px;background:#f4f3ef;border-radius:14px;color:#6a746e}.commerce-balances strong{display:block;color:#254d40;font-size:24px;margin-top:6px}.commerce-tabs{display:flex;gap:5px;background:#f1f2ec;padding:5px;border-radius:14px;margin:20px 0}.commerce-tabs button{flex:1;padding:12px 3px;border:0;border-radius:10px;background:transparent;color:#65736a;font-weight:700}.commerce-tabs button.active{background:#285343;color:#fff}.commerce-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:16px}.commerce-product,.commerce-order{padding:18px;border:1px solid #e7e4dc;border-radius:16px;margin:12px 0}.commerce-product small{color:#8b7150}.commerce-product h3{margin:10px 0}.commerce-product>strong{color:#285343;font-size:20px}.commerce-product p,.commerce-order p{color:#718076;line-height:1.6}.commerce-order small{display:block;margin-top:8px;color:#718076}.commerce-orders{margin-top:24px;padding-top:18px;border-top:1px solid #e7e4dc}.commerce-orders summary{cursor:pointer;font-weight:700}.commerce-hub button:disabled{opacity:.45}

/* Commerce usability improvements */
.commerce-balances{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.commerce-balances button{padding:16px;text-align:left;border:1px solid #e4e8df;background:#f4f6f0;border-radius:14px;color:#5c6e61}.commerce-balances button>span{padding:0;background:none}.commerce-balances button strong{font-size:21px;overflow-wrap:anywhere}.commerce-balances button small{display:block;margin-top:8px;color:#6b796f}.commerce-search{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.commerce-search input{flex:1;min-width:140px;padding:12px;border:1px solid #ddd;border-radius:12px;font:inherit}.commerce-search button,.commerce-pagination button{border:1px solid #dce3d7;border-radius:10px;background:#f4f6f0;padding:10px 14px;color:#285343;font:inherit}.commerce-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0;color:#6b796f;font-size:13px}.commerce-order-button{display:block;width:100%;text-align:left;background:white;font:inherit;color:inherit}.commerce-order-head{display:flex;justify-content:space-between;gap:10px}.commerce-order-head b{color:#285343;font-size:13px;white-space:nowrap}.commerce-order-button>span:last-child{font-size:12px;color:#477861;display:block;margin-top:10px}.commerce-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.commerce-notice{padding:14px;border:1px solid #efd9ba;border-radius:12px;background:#fff8ed;color:#875c2c;line-height:1.6;margin:12px 0}.commerce-ledger article{padding:16px 0;border-bottom:1px solid #e7e4dc}.commerce-ledger header{display:flex;justify-content:space-between;gap:10px}.commerce-ledger small{overflow-wrap:anywhere;color:#768179}.commerce-timeline{padding-left:22px;line-height:2;color:#617368}#commerce-address{padding:12px;border:1px solid #dce3d7;border-radius:12px;font:inherit;width:100%;box-sizing:border-box}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3c806b;outline-offset:3px}@media(max-width:480px){.commerce-hub{padding:15px}.commerce-balances{grid-template-columns:1fr 1fr;gap:8px}.commerce-balances button{padding:12px}.commerce-products{grid-template-columns:1fr}.commerce-order-head{flex-wrap:wrap}.commerce-tabs button{min-height:44px}.commerce-search button{min-height:44px}}

/* Section redesign: keep order status filters usable on narrow screens. */
.commerce-orders .commerce-tabs{flex-wrap:wrap}.commerce-orders .commerce-tabs button{flex:1 0 90px}

/* Commerce forms: narrow-screen readability and long order references. */
.commerce-order{overflow-wrap:anywhere}.commerce-tabs button{white-space:normal}
#shop-asset,#mall-asset,#mall-address,#spec-address{font:inherit;width:100%;box-sizing:border-box;padding:12px;border:1px solid #dce3d7;border-radius:12px;background:#fff;color:#254d40}
#mall-address,#spec-address{min-height:96px;resize:vertical}
#commerce-shop-orders{scroll-margin-top:24px}
@media(max-width:480px){.commerce-actions .button{flex:1 1 130px}.commerce-order-head b{white-space:normal}.commerce-order .button{min-height:44px}}

.profile-account>div{min-width:0;flex:1}.profile-account strong{overflow-wrap:anywhere}.profile-account button{flex-shrink:0}

.profile-referral{padding:18px;margin:16px 0;background:var(--surface,#fff);border:1px solid #e5e5eb;border-radius:16px}.profile-referral h2{font-size:18px;margin:0 0 12px;color:#222}.profile-referral label{display:grid;gap:8px;min-width:0;font-size:14px;color:#555}.profile-referral input{display:block;width:100%;min-width:0;box-sizing:border-box;padding:12px;border:1px solid #d8dbe3;border-radius:9px;font:14px ui-monospace,monospace;background:#f6f7fa;color:#333}.profile-referral .button{margin-top:12px;min-height:44px}.profile-referral p{font-size:13px;line-height:1.65;color:#666;margin:10px 0 0}

.profile-founder-identity{display:block;margin-top:8px;font-size:14px;font-weight:600;line-height:1.5}

/* Shared reading rhythm for the phone app and its desktop preview. */
html[data-app-id="exchange"][data-client="mobile-portrait"] {
  --reading-width: 480px;
  background: #eae7e1;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] body {
  background: #eae7e1;
  font-size: calc(12px * var(--font-scale));
  line-height: 1.55;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .mobile-shell {
  max-width: var(--reading-width);
  margin-inline: auto;
  box-shadow: 0 0 40px rgb(45 38 28 / 8%);
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav,
html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet {
  width: min(100%, var(--reading-width));
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .map-return-bar {
  gap: 8px;
  justify-content: space-between;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .map-return-bar button {
  min-height: 32px;
  padding: 4px 10px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--card);
  color: var(--muted);
  font-size: 12px;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(p, h2, h3, label) {
  overflow-wrap: anywhere;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.section-head, .commerce-order-head, .reunion-section header) {
  align-items: flex-start;
  flex-wrap: wrap;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.section-head p, .hero p) {
  line-height: 1.7;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .section-head h2 {
  font-size: calc(17px * var(--font-scale));
  line-height: 1.4;
  letter-spacing: 0;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .button {
  padding: 11px 16px;
  font-size: calc(12px * var(--font-scale));
  line-height: 1.4;
  min-height: 46px;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.round-button, .back-button) {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .page-title {
  grid-template-columns: 42px minmax(0, 1fr) 42px;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-hub {
  padding: 16px;
  border-color: var(--line);
  border-radius: 20px;
  background: var(--card);
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-hub h2 {
  font-size: calc(20px * var(--font-scale));
  line-height: 1.35;
  margin: 6px 0 10px;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-balances {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-balances button {
  min-width: 0;
  padding: 12px;
  background: #f1f4ef;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-balances button strong {
  font-size: calc(19px * var(--font-scale));
  letter-spacing: -.025em;
  font-variant-numeric: tabular-nums;
  line-height: 1.3;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-balances button small {
  font-size: calc(10px * var(--font-scale));
  line-height: 1.5;
  margin-top: 5px;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-products {
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.commerce-product, .commerce-order) {
  min-width: 0;
  padding: 16px;
  margin: 0;
  border-color: var(--line);
  background: var(--card);
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-order {
  margin-top: 12px;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-product h3 {
  font-size: calc(15px * var(--font-scale));
  line-height: 1.5;
  margin: 6px 0 10px;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.commerce-product p, .commerce-order p, .commerce-hub header p) {
  color: #686e66;
  font-size: calc(12px * var(--font-scale));
  line-height: 1.75;
  margin: 8px 0 12px;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-flow-hub .commerce-product {
  border-left: 3px solid #b9cbbf;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-flow-hub .commerce-product > .button {
  width: 100%;
  color: #254d40;
  background: #eaf0e9;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-flow-hub .commerce-product:first-child > .button {
  color:var(--action-ink);
  background:var(--action-fill);
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-tabs {
  margin: 16px 0;
  gap: 4px;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-tabs button {
  min-width: 0;
  min-height: 44px;
  font-size: calc(11px * var(--font-scale));
  line-height: 1.45;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.commerce-notice, .reunion-section p, .auction-wallet p) {
  font-size: calc(11px * var(--font-scale));
  line-height: 1.75;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .reunion-section article {
  flex-wrap: wrap;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.input-wrap, .confirm-summary div) {
  min-height: 48px;
  height: auto;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .confirm-summary div {
  padding-block: 10px;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .confirm-summary strong {
  overflow-wrap: anywhere;
  min-width: 0;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-estimate {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 8px 12px;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-estimate > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-left: 0;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .preflight-estimate strong {
  text-align: right;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
@media (max-width: 350px) {
  html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-asset {
    grid-template-columns: minmax(0, 1fr);
  }
  html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.profile-asset, .asset-strip) > div:last-child {
    display: block;
  }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-hub {
    padding: 12px;
  }
}

html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 12px;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-strip > div:first-child {
  grid-column: 1 / -1;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-strip strong {
  font-size: calc(24px * var(--font-scale));
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-strip > div:not(:first-child) strong {
  font-size: calc(15px * var(--font-scale));
}

html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-balances button:first-child {
  grid-column: 1 / -1;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-balances button strong {
  font-size: calc(17px * var(--font-scale));
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-balances button:first-child strong {
  font-size: calc(24px * var(--font-scale));
}

html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-wallet > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-wallet > div > :first-child {
  grid-column: 1 / -1;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-wallet > .button {
  display: block;
  width: 100%;
  margin-top: 8px;
}

/* Keep shopping destinations above the tall hero and asset summary on phones. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-commerce-shortcuts {
  margin: 0 0 16px;
  padding: 14px 8px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--card);
  gap: 4px;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-commerce-shortcuts .quick-action {
  min-width: 0;
  font-weight: 650;
}

html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-board-tabs {
  overflow-x: auto;
  justify-content: flex-start;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-board-tabs button {
  flex: 1 0 120px;
}

html[data-app-id="exchange"][data-client="mobile-portrait"] .reunion-direct {
  margin: 18px 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--card);
}
html[data-app-id="exchange"][data-client="mobile-portrait"] #reunion-delivery-address {
  display: block;
  width: 100%;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  font: inherit;
}

html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-brand-banner { position:relative;display:block;width:100%;padding:0;border:0;border-radius:16px;overflow:hidden;text-align:left;background:#203f33;color:white;margin:16px 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-brand-banner>img { display:block;width:100%;height:190px;object-fit:cover; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-brand-banner>span { position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,rgba(15,35,26,.75),transparent); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-brand-banner strong { font:600 calc(22px * var(--font-scale))/1.5 'Songti SC',serif; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-wallet { padding:12px;border:1px solid var(--line);border-radius:12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-wallet summary { cursor:pointer;font-weight:650; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-category-tabs { overflow-x:auto; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-category-tabs button { flex:1 0 60px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-sort { display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-sort select { max-width:65%;min-height:40px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--card); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-product-card { padding:0;overflow:hidden; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-detail-button { display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-product-copy { padding:16px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-product-copy>strong { color:#285343;font-size:20px;font-variant-numeric:tabular-nums; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-wine-art { position:relative;display:flex;align-items:center;justify-content:center;min-height:220px;padding:26px;background:linear-gradient(145deg,#edf1e9,#e0e7dc); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-wine-art img { height:180px;max-width:65%;object-fit:contain; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-wine-art.pair img { max-width:45%; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-wine-art>span { position:absolute;top:12px;left:12px;color:#45604c;font-size:12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-brand-image { width:100%;border-radius:14px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .zone99-placeholder { display:grid;place-items:center;min-height:140px;background:var(--green-soft);color:var(--green);font:42px 'Songti SC',serif; }

/* Transfer shortcuts: two equal columns at every phone width. */
.transfer-action-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 18px; }
.transfer-action-grid > .button { width:100%;min-width:0;min-height:56px;margin:0;padding:12px 8px;white-space:normal;line-height:1.5;text-align:center; }

/* Membership purchase progress and related actions. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .wine-progress-card { padding:18px;margin:18px 0; }
.wine-progress-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .wine-progress-heading h3 { margin:0;font-size:16px; }
.wine-progress-heading>strong { font-size:16px;font-variant-numeric:tabular-nums; }
.wine-progress-card progress { display:block;width:100%;height:8px;margin:18px 0 12px;border:0;border-radius:8px;overflow:hidden;appearance:none;background:#eadfce; }
.wine-progress-card progress::-webkit-progress-bar { background:#eadfce;border-radius:8px; }
.wine-progress-card progress::-webkit-progress-value { background:#a47236;border-radius:8px; }
.wine-progress-card progress::-moz-progress-bar { background:#a47236;border-radius:8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .wine-progress-remaining { margin:0 0 16px;line-height:1.7;font-size:12px; }
.wine-progress-rules { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 0;border-top:1px solid #eadfce;border-bottom:1px solid #eadfce; }
.wine-progress-rules>div { display:flex;flex-direction:column;gap:6px;min-width:0; }
.wine-progress-rules strong { font-size:14px;overflow-wrap:anywhere; }
.wine-progress-rules small { font-size:11px;line-height:1.6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .wine-progress-actions { margin:16px 0 0;gap:10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .wine-progress-actions>.button { min-height:48px;padding:10px 6px;font-size:12px;border-radius:12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .membership-deposit { display:block;width:100%;margin:14px 0 20px; }

/* Home: three point balances and two voucher balances, without aggregating units. */
.home-holdings { padding:20px;background:var(--card,#fff);border:1px solid var(--line,#e7e3dd);border-radius:20px;margin:16px 0; }
.home-holdings>header { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings h2 { margin:0;font-size:16px; }
.home-holdings>header small { color:var(--muted);overflow-wrap:anywhere; }
.home-holdings-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.home-holdings-grid>button { display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px;border:1px solid #e2e7df;border-radius:14px;background:#f1f4ee;text-align:left;color:#285343;font:inherit; }
.home-holdings-grid>button:first-child { grid-column:1/-1; }
.home-holdings-grid span,.home-holdings-grid small { color:#6c786f; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid strong { font-size:22px;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button:first-child strong { font-size:30px; }

/* Letao: emerald editorial hero and a compact two-column product gallery. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-hub { padding:0;background:transparent;border:0;border-radius:0; }
.letao-editorial { position:relative;isolation:isolate;overflow:hidden;min-height:252px;padding:26px 22px;border-radius:22px;background:radial-gradient(ellipse at 92% 50%,#557b62 0,transparent 55%),linear-gradient(135deg,#123a30,#102c26);color:#f8f3e8; }
.letao-editorial::after { content:"";position:absolute;z-index:-1;width:220px;height:220px;right:-85px;top:30px;border:1px solid #c8bd8c55;border-radius:50%;box-shadow:0 0 0 28px #c8bd8c0c,0 0 0 60px #c8bd8c08; }
.letao-editorial-copy { position:relative;z-index:2;width:70%; }
.letao-editorial-copy>small { font-size:10px;letter-spacing:2px;color:#d8cba6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-editorial h2 { font:500 34px/1.3 'Songti SC','Noto Serif SC',serif;letter-spacing:2px;margin:24px 0 22px; }
.letao-editorial h2 em { display:block;margin-top:9px;font:400 13px/1.5 system-ui;letter-spacing:1px; }
.letao-start>span { display:block;color:#c9d3c9;font-size:11px; }
.letao-start>strong { display:flex;gap:4px;align-items:baseline;font-size:34px;line-height:1.3;font-weight:500;font-variant-numeric:tabular-nums; }
.letao-start strong small { font-size:12px;font-weight:400; }
.letao-editorial>img { position:absolute;right:3px;bottom:15px;width:37%;height:220px;object-fit:contain;filter:drop-shadow(12px 16px 12px #0005);transform:rotate(8deg); }
.letao-hero-caption { position:absolute;right:18px;bottom:12px;font-size:9px;color:#d1d9ca; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-hub>.commerce-tabs { margin:18px 0 24px;background:#e8e9e1;border-radius:12px; }
.letao-collection-heading { display:flex;align-items:end;justify-content:space-between;gap:12px; }
.letao-collection-heading small { font-size:9px;letter-spacing:2px;color:#8b7957; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-collection-heading h3 { font-size:22px;font-weight:600;letter-spacing:1px;margin:5px 0 0; }
.letao-collection-heading>span { color:#7b8179;font-size:11px;padding-bottom:3px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-hub .commerce-search { margin:18px 0 8px;gap:8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-hub .commerce-search input { min-width:0;flex:1 1 130px;background:#fff;border-color:#dedfd6;font-size:12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-hub .commerce-search button { padding:10px;font-size:11px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-hub>.commerce-products { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-card { margin:0;border:1px solid #e4e1d8;border-radius:16px;background:#fffdf9;box-shadow:0 4px 16px #203b2e04; }
.letao-product-art { position:relative;display:flex;align-items:center;justify-content:center;height:190px;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#c9cdbd,transparent 50%),linear-gradient(145deg,#eef0e7,#dedfd0); }
.letao-product-card:nth-child(4n+2) .letao-product-art,.letao-product-card:nth-child(4n+3) .letao-product-art { background:radial-gradient(ellipse at 50% 80%,#d7c9af,transparent 50%),linear-gradient(145deg,#f2ede2,#e4dac8); }
.letao-product-art img { height:158px;max-width:80%;object-fit:contain;filter:drop-shadow(5px 8px 5px #45523b25); }
.letao-art-code { position:absolute;top:12px;left:12px;letter-spacing:1px;font-size:9px;color:#66715d; }
.letao-product-art>small { position:absolute;bottom:8px;right:10px;font-size:9px;color:#777968; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-card .mall-product-copy { padding:14px 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-card h3 { font-size:15px;line-height:1.6;min-height:48px;margin:0;font-weight:600;overflow-wrap:anywhere; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-card .letao-stock { font-size:11px;margin:4px 0 12px;color:#788071; }
.letao-price { display:flex;align-items:baseline;flex-wrap:wrap;gap:3px;color:#254b3c; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-price strong { font-size:22px;line-height:1.3;letter-spacing:-.8px;font-variant-numeric:tabular-nums; }
.letao-price>span,.letao-price>small { font-size:10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-card .button { display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:10px 12px;margin-top:14px;font-size:12px;border-radius:9px;background:#214c3e;color:#faf7ed; }
@media(max-width:360px){ .letao-editorial { padding:22px 18px; }.letao-editorial>img{right:-8px;width:39%;}.letao-product-art{height:164px;}.letao-product-art img{height:136px;}html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-price strong{font-size:19px;}html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-card .mall-product-copy{padding:12px 10px;} }

/* A compact order center shared across shopping zones. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .shop-orders-panel { padding:18px 16px;margin-top:28px;border:1px solid #e1e5dc;border-radius:18px;background:#fffdf9; }
.shop-orders-panel>summary { display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none; }
.shop-orders-panel>summary::-webkit-details-marker { display:none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .shop-orders-panel>summary { font-size:16px; }
.shop-orders-panel>summary b { display:inline-block;min-width:24px;padding:3px 7px;margin-left:5px;border-radius:8px;background:#edf1e9;color:#42634f;text-align:center;font-size:12px;font-variant-numeric:tabular-nums; }
.shop-orders-chevron { color:#687967;transition:transform .2s; }
.shop-orders-panel[open] .shop-orders-chevron { transform:rotate(180deg); }
.shop-order-stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0 16px;padding:14px 0;background:#f3f4ed;border-radius:12px; }
.shop-order-stats>button { display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;border:0;border-right:1px solid #e0e5d9;background:none;font:inherit;color:#6b7768; }
.shop-order-stats>button:last-child { border-right:0; }
.shop-order-stats strong { font-size:24px;line-height:1.2;font-weight:600;color:#285343;font-variant-numeric:tabular-nums; }
.shop-order-stats span { font-size:12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .shop-order-filters { display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;background:none;padding:0 0 8px;margin:0;scrollbar-width:thin; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .shop-order-filters>button { flex:0 0 auto;min-width:58px;min-height:40px;padding:9px 13px;border:1px solid #e2e6dc;border-radius:20px;white-space:nowrap;font-size:12px;font-weight:500;background:#fafbf7;color:#62715e; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .shop-order-filters>button.active { background:#285343;border-color:#285343;color:white; }
.shop-orders-empty { display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 8px 22px;gap:12px; }
.shop-orders-empty>span { display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#eef1e8;color:#839079; }
.shop-orders-empty svg { width:25px;height:25px; }
.shop-orders-empty>strong { font-size:14px;font-weight:500;color:#4c5c48; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .shop-orders-empty>p { margin:0;font-size:12px;line-height:1.7;color:#899081; }
.shop-orders-more { width:100%;margin-top:12px; }

/* Trading area: gallery, product selection, then a focused execution panel. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .trade-board-tabs { padding:6px;gap:8px;margin:8px 0 12px;border:1px solid #dfe5dc;background:#e9ece3;border-radius:16px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .trade-board-tabs button { min-height:52px;border-radius:12px;font-size:15px;letter-spacing:1px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .trade-board-tabs button.active { background:#214a3c;color:#fff9e9;box-shadow:0 5px 12px #244b3e18; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page>.trade-note { margin:0 4px 22px;color:#7a8274;line-height:1.8; }
.trade-eyebrow { display:block;color:#8d7957;font-size:9px;letter-spacing:2px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-showcase h2,html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-workspace-heading h2 { margin:7px 0 0;font-size:21px;letter-spacing:1px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-showcase .text-button { color:#315c49;font-size:12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .hot-scroller { display:grid;grid-auto-flow:column;grid-auto-columns:44%;grid-template-columns:none;gap:12px;overflow-x:auto;padding:6px 0 14px;scroll-snap-type:x proximity; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .hot-card { min-width:0;width:100%;padding:0 0 14px;border:1px solid #e3e4da;border-radius:16px;background:#fffdf8;overflow:hidden;scroll-snap-align:start; }
.trade-product-art { height:158px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at bottom,#d0d2bb,transparent),#edf0e5; }
.trade-product-art img { height:136px;width:80%;object-fit:contain;filter:drop-shadow(5px 7px 6px #28453020); }
.trade-product-art>small { position:absolute;bottom:6px;right:8px;font-size:9px;color:#78806d; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .hot-card>strong { display:block;padding:0 12px;margin-top:14px;font-size:14px;line-height:1.6;white-space:normal; }
.trade-page .hot-card>.quote-line,.trade-page .hot-card>p,.trade-page .hot-card>small { margin-left:12px;margin-right:12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .hot-card .quote-line b { font-size:21px;color:#285343; }
.trade-workspace-heading { margin:22px 0 16px;padding-top:24px;border-top:1px solid #e1e3d8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .stock-switcher { gap:8px;padding:0 0 14px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .stock-switcher button { border:1px solid #e0e5da;background:#fffdf9;border-radius:12px;padding:12px 14px;min-width:120px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .stock-switcher button.active { border-color:#2a5742;background:#eaf0e5;box-shadow:inset 0 0 0 1px #2a5742; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .trade-quote-card { padding:22px;margin:4px 0 16px;border:0;border-radius:18px;background:linear-gradient(125deg,#183c30,#345b45);color:#faf5e9; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .trade-quote-card strong { color:#fff8e8;font-size:32px;font-weight:500; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .trade-quote-card small { color:#c5d2be; }
.trade-page .trade-quote-card>span { padding:8px 10px;border-radius:10px;background:#ffffffed;font-size:12px;line-height:1.8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .trade-panel { padding:20px 16px;background:#fffdf9;border:1px solid #e0e4d8;border-radius:20px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .segmented { height:auto;min-height:58px;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;padding:5px;border:1px solid #e2e7db;border-radius:15px;background:#eff1e9;gap:6px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .segmented button { display:flex;align-items:center;justify-content:center;min-width:0;min-height:46px;box-sizing:border-box;margin:0;padding:10px 12px;font-size:calc(14px * var(--font-scale));line-height:1.5;border-radius:10px;font-weight:500;transition:background .16s,color .16s; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .segmented button.active { color:#fffaf0;background:#285343;font-weight:650;box-shadow:0 2px 5px #244c3b18; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .available-line { padding:14px;margin:16px 0;background:#f0f3eb;border-radius:12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .sell-order-option { padding:14px 12px;border:1px solid #e1e5da;border-radius:12px;margin:8px 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .sell-order-option.active { border-color:#386149;background:#eff4e9; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .field { margin:20px 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .input-wrap { border-radius:12px;min-height:52px;background:#fafbf6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .estimate { padding:18px 14px;background:#edf1e7;border-radius:12px;margin:18px 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .submit-trade { min-height:52px;border-radius:12px;font-size:15px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .submit-trade:not(.sell) { background:#285343; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page :is(.reunion-direct,.reunion-section) { padding:20px 16px;margin:20px 0;border:1px solid #e1dfd4;background:#fffdf8;border-radius:20px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page :is(.reunion-direct,.reunion-section) h2 { font-size:21px;line-height:1.5;margin:0 0 8px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .reunion-direct>.section-head { background:linear-gradient(120deg,#3e452d,#656440);padding:20px;border-radius:14px;color:#fff5da;margin-bottom:18px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .reunion-direct>.section-head p { color:#e0d9b8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .commerce-notice { padding:16px;border-color:#e4dcc8;background:#f7f3e8;font-size:12px;line-height:1.9; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .empty-state { padding:24px 12px;border-radius:14px;background:#f2f4ed; }

/* WeChat support entry: contact details will be supplied by the operator. */
.wechat-support-menu > i { background:#e6f2e9;color:#285343; }
.wechat-support-empty { text-align:center;padding:24px 16px 30px; }
.wechat-support-empty > span { display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;background:#e6f2e9;color:#285343;border-radius:20px;font-size:26px; }
.wechat-support-empty h3 { margin:0 0 10px;font-size:20px; }
.wechat-support-empty p { margin:0;color:#777c76;font-size:14px;line-height:1.8; }

/* Platform administration directory, separate from personal preferences. */
.system-settings-intro { padding:24px;border-radius:22px;background:linear-gradient(135deg,#1f4437,#376351);color:#fff;margin:16px 0 26px; }
.system-settings-intro > span { font-size:12px;color:#d9e6d9;letter-spacing:2px; }
.system-settings-intro h2 { font-size:24px;margin:10px 0;line-height:1.4; }
.system-settings-intro p { font-size:13px;line-height:1.8;color:#e0e8df;margin:0 0 20px; }
.system-settings-intro a { display:flex;justify-content:space-between;color:#fff;text-decoration:none;border-top:1px solid #ffffff30;padding-top:16px;font-size:14px;font-weight:600; }
.system-settings-group { margin:0 0 24px; }
.system-settings-group > h2 { font-size:16px;margin:0 0 12px; }
.system-settings-group > div { overflow:hidden;border:1px solid #e0e5dc;border-radius:18px;background:#fffefa; }
.system-settings-link { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;text-decoration:none;color:#253c31;border-bottom:1px solid #edf0e9; }
.system-settings-link:last-child { border-bottom:0; }
.system-settings-link strong { display:block;font-size:15px;line-height:1.5; }
.system-settings-link small { display:block;font-size:12px;line-height:1.7;color:#788075;margin-top:5px; }
.system-settings-link > span { color:#7a8b7c;font-size:23px; }
.system-settings-link:focus-visible { outline:2px solid #285343;outline-offset:-3px; }
.system-settings-note { font-size:12px;line-height:1.8;color:#788075;padding:0 6px; }

.demo-account-notice{margin:12px 0;padding:14px 16px;border:1px solid #d6b16a;border-radius:14px;background:#fff7e8;color:#5c431c;font-size:14px;line-height:1.65}.demo-account-notice p{margin:5px 0 0}.demo-account-notice a{color:inherit;text-decoration:underline}

/* Unified interface: cool neutral surfaces, restrained depth, semantic status colors.
   Scoped to the mobile application and its desktop preview. */
html:root[data-app-id="exchange"][data-client="mobile-portrait"] { --ink:#262626;--muted:#646464;--soft:#707070;--line:#e6e6e6;--paper:#f6f6f6;--card:#fff;--accent:#595959;--accent-soft:#f1f1f1;--red:#c43b35;--red-deep:#a82e29;--red-soft:#fff0ee;--green:#167453;--green-soft:#eaf6ef;--gold:#936b25;--gold-soft:#faf3e6;--nav-height:92px;--reading-width:480px;--surface-shadow:0 2px 5px #27272703,0 12px 36px #27272706; background:#ededed; }
html[data-app-id="exchange"][data-client="mobile-portrait"] body { background:radial-gradient(ellipse at 20% 0,#fafafa,transparent 55%),#ededed;color:var(--ink);letter-spacing:0;line-height:1.6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mobile-shell { width:min(100%,var(--reading-width));max-width:var(--reading-width);background:var(--paper);box-shadow:0 0 80px #34343410; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .page { padding-inline:20px;padding-bottom:calc(112px + env(safe-area-inset-bottom)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(h1,h2,h3,strong) { font-family:var(--font); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(h1,h2,h3) { letter-spacing:-.035em;font-weight:650; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(input,select,textarea,strong,b) { font-variant-numeric:tabular-nums; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #58585870;outline-offset:3px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(button,a) { -webkit-tap-highlight-color:transparent;touch-action:manipulation; }
html[data-app-id="exchange"][data-client="mobile-portrait"] button { cursor:pointer;transition:background .18s ease,box-shadow .18s ease,transform .18s ease; }
html[data-app-id="exchange"][data-client="mobile-portrait"] button:active:not(:disabled) { transform:scale(.985); }
html[data-app-id="exchange"][data-client="mobile-portrait"] button:disabled { cursor:not-allowed;opacity:.5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .map-return-bar { height:38px;--map-return-height:38px;background:#f6f6f6e6;border-color:#e8e8e8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);justify-content:flex-end;padding-inline:20px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .map-return-bar button { background:transparent;border:0;min-height:32px;font-size:10px;letter-spacing:.03em;color:var(--muted);padding:4px 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar { min-height:84px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar-brand .mini-seal { background:linear-gradient(145deg,#363636,#191919);border-radius:12px;font-family:var(--font);box-shadow:0 4px 12px #32323216; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar-brand strong { font-size:calc(19px * var(--font-scale));letter-spacing:-.04em;font-weight:700; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar-brand small { font-size:calc(10px * var(--font-scale));color:var(--muted); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.round-button,.back-button) { border:1px solid #fff;background:#ffffffc9;color:#424242;box-shadow:0 3px 10px #2b2b2b06;min-height:44px;min-width:44px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .page-title { min-height:78px;grid-template-columns:44px minmax(0,1fr) 44px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .page-title h1 { font-size:calc(18px * var(--font-scale));font-weight:650; }
/* Floating material is reserved for navigation and modal surfaces. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav { position:fixed;left:50%;right:auto;transform:translateX(-50%);bottom:calc(12px + env(safe-area-inset-bottom));width:min(calc(100% - 28px),452px);height:70px;padding:6px 5px;border:1px solid #ffffffed;border-radius:25px;background:#ffffffed;box-shadow:0 8px 36px #2525251a,inset 0 1px 0 #fff;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav .nav-item { gap:4px;padding:6px 2px;border-radius:18px;color:#6d6d6d;min-height:54px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav .nav-item.active { color:var(--accent);background:#f1f1f1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav .nav-item span { font-size:11px;font-weight:600; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav .nav-item svg { width:22px;height:22px;stroke-width:1.7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav .nav-item::before { display:none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sheet-backdrop { background:#1717175c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet { width:min(100%,480px);border-radius:30px 30px 0 0;background:#fcfcfc;box-shadow:0 -16px 70px #1a1a1a20; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.sheet-head,.sheet-footer) { border-color:var(--line);background:#fcfcfc; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sheet-head h2 { font-size:calc(21px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.sheet-kicker,.sheet-head small) { color:var(--muted);letter-spacing:.06em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.button,.submit-trade) { border-radius:14px;min-height:48px;font-size:calc(12px * var(--font-scale));font-weight:600;line-height:1.5;letter-spacing:0;box-shadow:none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.button.primary,.button.primary.green,.submit-trade:not(.sell),.trade-page .submit-trade:not(.sell),.letao-product-card .button) { background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 5px 14px #58585812; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.button.ghost,.button.secondary) { background:#f1f1f1;color:#515151;border:1px solid transparent; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.input-wrap,.select-wrap,.search-wrap) { border:1px solid var(--line);border-radius:13px;background:#f9f9f9;min-height:48px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(input,select,textarea) { accent-color:var(--accent); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.field,.commerce-search) :is(input,select,textarea) { color:var(--ink); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .field > span b { font-weight:600; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.field i,.form-hint) { color:var(--muted);line-height:1.6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.commerce-search input,.mall-sort select) { border:1px solid var(--line);background:#fff;border-radius:12px;min-height:44px; }
/* One system for cards, lists and grouped controls. */
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.content-card,.chart-card,.book-card,.trade-panel,.asset-card,.menu-card,.home-holdings,.commerce-hub,.commerce-order,.commerce-product,.shop-orders-panel,.market-ranking-card,.market-breadth-card,.liquidity-card,.fund-bank-card,.fund-flow-card,.address-card,.identity-card,.safety-card,.reconciliation-card,.system-settings-group>div) { background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--surface-shadow); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.section-head h2,.system-settings-group>h2) { font-size:calc(17px * var(--font-scale));line-height:1.4;letter-spacing:-.03em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.section-head p,.risk-tip,.commerce-hub header p,.commerce-product p,.commerce-order p) { color:var(--muted);line-height:1.75; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .risk-tip { background:none;border:0;padding:16px 2px;font-size:calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.empty-state,.trade-page .empty-state,.shop-orders-empty) { background:#f7f7f7;border-radius:16px;color:var(--muted);box-shadow:none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.empty-state>i,.shop-orders-empty>span,.wechat-support-empty>span) { background:#efefef;color:#6d6d6d;border-radius:16px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.shop-orders-empty>strong,.shop-orders-empty>p) { color:var(--muted); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.commerce-notice,.trade-page .commerce-notice,.confirm-warning) { background:#f9f4e9;border:1px solid #eee2c9;border-radius:14px;color:#795c2b;font-size:calc(11px * var(--font-scale));line-height:1.8;padding:14px 16px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.segmented,.trade-page .segmented,.commerce-tabs,.letao-hub>.commerce-tabs,.trade-board-tabs,.fund-tabs,.asset-tabs,.record-tabs,.team-tabs) { background:#ededed;border:0;border-radius:15px;padding:4px;gap:4px;height:auto; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.segmented,.trade-page .segmented,.commerce-tabs,.trade-board-tabs,.fund-tabs,.asset-tabs,.record-tabs,.team-tabs) button { border:0;border-radius:11px;min-height:44px;line-height:1.5;color:#6b6b6b;background:transparent;font-size:calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.segmented,.trade-page .segmented,.commerce-tabs,.trade-board-tabs,.fund-tabs,.asset-tabs,.record-tabs,.team-tabs) button.active { color:var(--accent);background:#fff;box-shadow:0 2px 7px #30303014;font-weight:650; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.filter-chip.active,.shop-order-filters>button.active) { background:var(--accent-soft);color:var(--accent);border-color:#e1e1e1; }
/* Home: editorial hero and an uncluttered five-asset summary. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-commerce-shortcuts { margin:2px 0 24px;gap:12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action { gap:10px;font-size:calc(11px * var(--font-scale));font-weight:500; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:nth-child(n) i { width:52px;height:52px;border-radius:18px;background:linear-gradient(160deg,#fff,#f5f5f5);color:#585858;border:1px solid #fff;box-shadow:0 6px 15px #37373708; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:nth-child(n) svg { width:23px;height:23px;stroke-width:1.5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero { padding:28px 24px;border:1px solid #ffffff60;border-radius:28px;min-height:252px;background:linear-gradient(120deg,#1c1c1c,#393939);box-shadow:0 12px 32px #2b2b2b18;color:#fff; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero::before { background:radial-gradient(ellipse at 100% 0,#c1c1c150,transparent 65%),radial-gradient(ellipse at 90% 100%,#b3b3b320,transparent 55%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero::after { width:220px;height:220px;right:-110px;bottom:-70px;border:1px solid #e2e2e230;box-shadow:0 0 0 30px #e2e2e205,0 0 0 60px #e2e2e204; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-kicker { color:#d6d6d6;font-size:10px;letter-spacing:.16em;font-weight:500; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-kicker i { background:#c8c8c8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero h1 { max-width:100%;font-family:var(--font);font-size:calc(29px * var(--font-scale));font-weight:650;line-height:1.22;letter-spacing:-.045em;margin:22px 0 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero p { max-width:280px;color:#d2d2d2;font-size:calc(11px * var(--font-scale));line-height:1.7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-footer { margin-top:24px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-footer .market-pill { background:#ffffff12;color:#e6e6e6;border:1px solid #ffffff18;font-weight:500; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-footer .market-pill::before { background:#8be2c3;box-shadow:none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-link { color:#efefef;min-height:44px;font-size:calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings { padding:22px 18px;margin:22px 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings>header { margin-bottom:20px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings>header small { font-size:10px;color:var(--muted); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid { gap:10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button { padding:17px 14px;border:0;background:#f7f7f7;border-radius:16px;gap:7px;color:var(--ink); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button:first-child { background:linear-gradient(115deg,#f4f4f4,#f8f8f8);padding:20px 16px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid :is(span,small) { color:#707070;font-size:calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid strong { font-size:calc(23px * var(--font-scale));font-weight:600;letter-spacing:-.04em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button:first-child strong { font-size:calc(31px * var(--font-scale));color:#3a3a3a; }
/* Commerce and trading keep imagery prominent and controls predictable. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-hub { background:transparent;border:0;box-shadow:none;padding:0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-editorial { background:radial-gradient(ellipse at 95% 25%,#7b7b7b,transparent 65%),linear-gradient(130deg,#212121,#424242);border-radius:26px;color:white;box-shadow:0 10px 28px #3a3a3a14; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-editorial h2 { font-family:var(--font);font-weight:600;letter-spacing:-.04em;font-size:32px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-editorial-copy>small { color:#d9d9d9;letter-spacing:.15em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.letao-start>span,.letao-hero-caption) { color:#dfdfdf; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-start>strong { font-weight:550;letter-spacing:-.04em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-collection-heading small { color:#777777; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-collection-heading h3 { font-size:21px;letter-spacing:-.03em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.letao-product-card,.trade-page .hot-card) { border:1px solid var(--line);background:white;border-radius:20px;overflow:hidden;box-shadow:var(--surface-shadow); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.letao-product-art,.letao-product-card:nth-child(n) .letao-product-art,.mall-wine-art,.trade-product-art,.trade-page .trade-product-art) { background:radial-gradient(ellipse at 50% 90%,#d6d6d680,transparent 55%),linear-gradient(140deg,#f7f7f7,#ededed); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.letao-price,.mall-product-copy>strong,.shop-order-stats strong) { color:#3a3a3a; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-card .button { border-radius:12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-brand-banner { border-radius:22px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-brand-banner strong { font-family:var(--font);font-weight:600;letter-spacing:-.03em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.mall-wallet,.wine-progress-card) { background:#f8f8f8;border-color:var(--line);border-radius:18px;color:var(--ink); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .wine-progress-card progress { accent-color:var(--accent); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.commerce-balances button,.shop-order-stats,.trade-page .available-line,.trade-page .estimate,.preflight-estimate) { background:#f5f5f5;border-color:var(--line);border-radius:14px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-balances button strong { color:#3a3a3a; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .shop-orders-panel>summary b { background:#f3f3f3;color:#676767; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .shop-order-filters>button { background:white;color:var(--muted);border-color:var(--line);min-height:44px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .trade-panel { background:white;border-color:var(--line);border-radius:24px;box-shadow:var(--surface-shadow); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .input-wrap { background:#f9f9f9;border-color:var(--line); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .sell-order-option { border-color:var(--line);background:white; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .sell-order-option.active { border-color:#b2b2b2;background:#f5f5f5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page :is(.reunion-direct,.reunion-section) { border-color:var(--line);background:white;border-radius:24px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .reunion-direct>.section-head { background:linear-gradient(125deg,#323232,#5a5a5a);border-radius:18px;color:white; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .reunion-direct>.section-head p { color:#dfdfdf; }
/* Assets and profile: grouped rows with quiet separators. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-card { background:linear-gradient(130deg,#fff,#f4f4f4);color:var(--ink);padding:24px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-card :is(span,small) { color:var(--muted); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero { margin:10px 0 0;padding:24px 20px;background:linear-gradient(125deg,#292929,#4b4b4b);border-radius:26px;color:#fff;box-shadow:0 10px 28px #2c2c2c12; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .avatar { background:linear-gradient(140deg,#f0f0f0,#c6c6c6);color:#414141;border:1px solid #ffffff70;border-radius:19px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-account { background:#ffffff0d;border:1px solid #ffffff15;border-radius:14px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-account span { color:#d0d0d0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-user small { color:#d0d0d0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .verified-badge { color:#e4e4e4;background:#ffffff12;border:1px solid #ffffff15; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-asset { margin:16px 0 24px;background:white;border:1px solid var(--line);border-radius:20px;padding:20px 14px;box-shadow:var(--surface-shadow); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-card { overflow:hidden;margin-top:16px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row { min-height:80px;padding:17px 18px;border-color:#f0f0f0;background:white;gap:14px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row>i { width:38px;height:38px;border-radius:12px;background:#f4f4f4;color:#6b6b6b;font-size:16px;border:0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row strong { font-size:calc(13px * var(--font-scale));font-weight:600; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row small { font-size:calc(10px * var(--font-scale));color:var(--muted);line-height:1.6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row>span { color:#a7a7a7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .app-meta { color:var(--muted);font-size:10px;line-height:1.8;margin:24px 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .system-settings-intro { background:linear-gradient(120deg,#292929,#595959);border-radius:24px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .system-settings-link { color:var(--ink);border-color:#f0f0f0;padding:20px 18px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .system-settings-link small { color:var(--muted); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .system-settings-link:focus-visible { outline-color:var(--accent); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .system-settings-intro p { color:#e1e1e1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .wechat-support-empty>span { color:var(--accent); }
@media (hover:hover) {
 html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.menu-row,.system-settings-link,.home-holdings-grid>button):hover { background:#f5f5f5; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .button.primary:hover { filter:brightness(.95); }
}
@media (max-width:374px) {
 html[data-app-id="exchange"][data-client="mobile-portrait"] .page { padding-inline:16px; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .hero { padding:24px 20px; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .hero h1 { font-size:calc(26px * var(--font-scale)); }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings { padding:18px 14px; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid strong { font-size:calc(20px * var(--font-scale)); }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row { padding-inline:14px; }
}
@media (prefers-reduced-motion:reduce) {
 html[data-app-id="exchange"][data-client="mobile-portrait"] *,html[data-app-id="exchange"][data-client="mobile-portrait"] *::before,html[data-app-id="exchange"][data-client="mobile-portrait"] *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
}
@media (prefers-reduced-transparency:reduce) {
 html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.bottom-nav,.map-return-bar,.action-sheet) { background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none; }
}

html[data-app-id="exchange"][data-client="mobile-portrait"] .boot-screen { background:radial-gradient(ellipse at 50% 30%,#fff,#f5f5f5); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .brand-seal { background:linear-gradient(135deg,#333333,#212121);color:#fff;font-family:var(--font);border-radius:16px;box-shadow:0 8px 24px #34343420; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .boot-screen i::after { background:var(--accent); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .trade-quote-card { background:linear-gradient(125deg,#333333,#585858);border-radius:20px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .trade-quote-card strong { color:#fff;font-weight:550; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .trade-quote-card small { color:#dcdcdc; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .hot-card .quote-line b { color:#3b3b3b; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.trade-preflight,.confirm-summary,.receipt-ledger-list article,.entrust-history-card,.history-trade-card,.position-card,.fund-flow-card,.message-card,.pickup-card,.reservation-card,.team-goal-list article,.team-announcement-list article,.team-risk-list article,.team-action-list article) { background:white;border-color:var(--line);border-radius:18px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.market-cockpit,.team-hero,.team-dividend-card,.sweep-confirm-hero,.discovery-hero,.auction-detail-hero) { background:linear-gradient(130deg,#292929,#5c5c5c);color:white;box-shadow:0 8px 26px #2f2f2f1a;border-radius:24px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.market-cockpit header small,.market-cockpit-metrics span,.market-cockpit-metrics small,.market-turnover>span,.market-turnover>small) { color:#dcdcdc; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .market-cockpit :is(.rise,.fall) { background:#ffffffeb;border-radius:5px;padding:0 3px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.market-list,.market-ranking-card,.market-breadth-card,.allocation-card,.liquidity-card,.team-health-card,.team-stats-grid article) { background:white;border-color:var(--line);border-radius:20px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.market-row,.market-rank-row) { border-color:#f0f0f0;min-height:74px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .team-page { background:var(--paper); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.team-health-card article>i em,.team-goal-progress em) { background:linear-gradient(90deg,#838383,#b5b5b5); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-flow-hub .commerce-product { border-left:0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-flow-hub .commerce-product>.button { color:var(--accent);background:var(--accent-soft); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-commerce-shortcuts { background:transparent;border:0;box-shadow:none;padding:0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.trade-page .trade-selection-heading small,.trade-page .trade-section-head small) { color:var(--muted); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet>footer { padding-bottom:calc(14px + env(safe-area-inset-bottom)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-card header span,html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-card header button { color:#656565; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-card header button { min-width:44px;min-height:44px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-card .asset-grid span { color:#707070; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-card .asset-grid { border-color:var(--line); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-wallet { background:white;border-color:var(--line);border-radius:22px;box-shadow:var(--surface-shadow);padding:22px 18px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-wallet strong { color:#3b3b3b; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-wallet>div strong { font-size:24px;font-weight:600;letter-spacing:-.03em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-wallet :is(p,header span,div>span) { color:var(--muted); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mini-button { min-height:40px;border-radius:10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-tabs { gap:4px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .asset-tabs button { flex:1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid small { font-size:10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-wallet .button { width:100%;margin-top:8px; }

html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row>i svg { width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet>header small { color:var(--muted);font-weight:500;letter-spacing:.06em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .icon-button { width:44px;height:44px;background:#f1f1f1;color:#6c6c6c; }
html[data-app-id="exchange"][data-client="mobile-portrait"] #sheet-cancel[hidden]+#sheet-confirm { grid-column:1/-1; }

/* Optical polish: glass belongs to controls; content remains legible and solid. */
html[data-app-id="exchange"][data-client="mobile-portrait"] { --optical-shadow:0 10px 32px #39393910,0 2px 6px #39393905;--glass-border:#ffffffed; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mobile-shell { background:radial-gradient(ellipse 460px 440px at 100% 0,#ececec80,transparent 80%),var(--paper); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar-brand .mini-seal { color:#454545;background:linear-gradient(135deg,#fff 10%,#f3f3f3 55%,#e2e2e2);border:1px solid #fff;box-shadow:inset 0 -1px 2px #52525215,0 4px 12px #4b4b4b10; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.round-button,.back-button) { background:linear-gradient(145deg,#ffffff52,#ffffff29);border-color:#ffffff99;box-shadow:inset 0 1px 0 #ffffff99,0 4px 16px #48484810;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav { isolation:isolate;background:linear-gradient(155deg,#ffffffed,#fafaface 55%,#f1f1f1dd);border:1px solid #fff;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #b1b1b130,0 12px 36px #32323224,0 2px 5px #47474710;backdrop-filter:blur(28px) saturate(165%);-webkit-backdrop-filter:blur(28px) saturate(165%);border-radius:28px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav .nav-item.active { background:linear-gradient(145deg,#fdfdfd,#ececec);box-shadow:inset 0 1px 0 #fff,0 2px 6px #63636312;color:#4f4f4f; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav .nav-item.active svg { filter:drop-shadow(0 2px 3px #72727222); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.segmented,.trade-page .segmented,.commerce-tabs,.trade-board-tabs,.team-tabs) { background:#ecececb8;box-shadow:inset 0 1px 3px #30303006; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.segmented,.trade-page .segmented,.commerce-tabs,.trade-board-tabs,.team-tabs) button.active { background:linear-gradient(150deg,#fff,#fbfbfb);box-shadow:0 2px 8px #42424214,inset 0 1px 0 #fff; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.button.primary,.button.primary.green,.submit-trade:not(.sell),.trade-page .submit-trade:not(.sell),.letao-product-card .button) { background:linear-gradient(170deg,#5f5f5f,#545454);box-shadow:inset 0 1px 0 #ffffff30,0 5px 13px #5858581c; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero { isolation:isolate;background:linear-gradient(120deg,#1e1e1e 10%,#383838 65%,#494949);border-radius:30px;border-color:#d7d7d735;box-shadow:0 16px 36px #3939391e,inset 0 1px 0 #fff2; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero::before { pointer-events:none;inset:0;background:linear-gradient(90deg,#1c1c1cb3,transparent 85%),radial-gradient(ellipse at 100% 0,#c0c0c04d,transparent 50%),radial-gradient(ellipse at 100% 100%,#a0a0a033,transparent 55%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero::after { pointer-events:none;z-index:0;right:-82px;top:24px;bottom:auto;width:230px;height:230px;border:1px solid #eaeaea66;border-radius:50%;background:radial-gradient(circle at 24% 22%,#f8f8f84a,transparent 42%),linear-gradient(135deg,#c1c1c115,#b9b9b915);box-shadow:inset 8px 10px 22px #ffffff15,inset -9px -12px 24px #14141433,0 0 0 22px #e0e0e005,0 0 0 45px #e0e0e004;transform:rotate(-22deg); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero h1 { text-shadow:0 2px 18px #18181822; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-footer .hero-link { border-radius:22px;padding:0 15px;border:1px solid #dedede40;background:#ffffff12;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:nth-child(n) i { background:linear-gradient(145deg,#fff,#f2f2f2);border-color:#fff;box-shadow:inset 0 1px 2px #fff,0 7px 18px #3b3b3b10;color:#575757; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:nth-child(2) i { background:linear-gradient(145deg,#fff,#ededed);color:#616161; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:nth-child(3) i { background:linear-gradient(145deg,#fff,#e6f5f3);color:#2c756d; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:nth-child(4) i { background:linear-gradient(145deg,#fff,#fff0e6);color:#8d633d; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings { border-color:#eaeaea;box-shadow:var(--optical-shadow); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button:first-child { background:radial-gradient(ellipse at 100% 0,#e7e7e766,transparent 70%),linear-gradient(115deg,#f2f2f2,#f7f7f7); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button:not(:first-child) { background:#f8f8f8; }
/* Profile becomes a luminous identity surface, with the account number in its own inset. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero { position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#e9e9e973,transparent 65%),radial-gradient(ellipse at 0 100%,#e7e7e766,transparent 70%),linear-gradient(130deg,#fff,#f5f5f5);color:#323232;border:1px solid #fff;border-radius:28px;padding:26px 20px;box-shadow:var(--optical-shadow); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero::before { content:"";position:absolute;z-index:-1;pointer-events:none;right:-65px;top:-62px;width:200px;height:200px;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 24px #fff3,0 0 0 48px #fff2; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero .avatar { background:linear-gradient(145deg,#fff,#dadada);color:#505050;border:1px solid white;box-shadow:inset 0 1px 0 #fff,0 8px 16px #5b5b5b14;border-radius:19px;font-weight:500; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero .profile-user small { color:#626262; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero .verified-badge { color:#606060;background:#ffffffaa;border:1px solid #fff;font-weight:500; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero .profile-account { background:#ffffff94;border:1px solid white;box-shadow:inset 0 1px 1px #fff;margin-top:22px;padding:14px;border-radius:16px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero .profile-account span { color:#6f6f6f; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero .profile-account strong { color:#424242;letter-spacing:.1em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero .profile-account button { color:#525252;min-height:44px;min-width:44px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-asset { box-shadow:var(--optical-shadow);border:1px solid #fff; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-card { box-shadow:var(--optical-shadow);border-color:#eaeaea;border-radius:24px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-card .menu-row { background:transparent; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-card .menu-row>i { border:1px solid #fff;background:linear-gradient(145deg,#fcfcfc,#ededed);color:#636363;box-shadow:0 3px 8px #42424205; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-card .wechat-support-menu>i { background:linear-gradient(145deg,#f6fefa,#e0f2e9);color:#267251; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-card .system-settings-menu>i { background:linear-gradient(145deg,#f8f8f8,#eaeaea);color:#5b5b5b; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-card .menu-row>span { color:#959595;font-size:20px; }
/* Cooler product surfaces separate catalog art from transaction controls. */
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.letao-product-art,.letao-product-card:nth-child(n) .letao-product-art,.mall-wine-art,.trade-product-art,.trade-page .trade-product-art) { background:radial-gradient(ellipse at 25% 10%,#fff,transparent 60%),radial-gradient(ellipse at 90% 80%,#e0e0e06b,transparent 65%),linear-gradient(140deg,#f5f5f5,#eaeaea); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.letao-product-art,.mall-wine-art,.trade-page .trade-product-art) img { filter:drop-shadow(0 12px 12px #3f3f3f26); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-editorial { background:radial-gradient(ellipse at 100% 15%,#9a9a9a82,transparent 65%),linear-gradient(135deg,#222222,#4a4a4a);border:1px solid #dcdcdc2b;box-shadow:0 14px 34px #4949491c; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-editorial::after { border-color:#e7e7e755;box-shadow:0 0 0 28px #e2e2e20c,0 0 0 60px #dcdcdc08; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.letao-product-card,.trade-page .hot-card) { border-color:#eaeaea;box-shadow:0 6px 20px #49494908; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-brand-banner { box-shadow:0 12px 24px #3b3b3b12; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet { background:linear-gradient(165deg,#fff,#f9f9f9);border:1px solid #ffffffed;border-bottom:0;box-shadow:inset 0 1px 0 white,0 -18px 65px #25252526; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet>header { padding-top:6px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .icon-button { background:linear-gradient(145deg,#fff,#ededed);border:1px solid #fff;box-shadow:0 2px 6px #39393908; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .system-settings-intro { background:radial-gradient(ellipse at 100% 0,#a0a0a055,transparent 65%),linear-gradient(125deg,#252525,#505050);box-shadow:0 12px 24px #3f3f3f12; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.hot-card,.letao-product-card,.mall-product-card) { transition:transform .24s ease,box-shadow .24s ease; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.hot-card,.letao-product-card,.mall-product-card):hover { transform:translateY(-3px);box-shadow:0 14px 30px #41414114; }
}
@media(prefers-reduced-transparency:reduce) {
 html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav { background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.round-button,.back-button,.hero-footer .hero-link) { backdrop-filter:none;-webkit-backdrop-filter:none; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-footer .hero-link { background:#3c3c3c; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero .profile-account { background:#fff; }
}
/* Restrained palette: blue actions, neutral content, semantic red/green unchanged. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:nth-child(n) i { background:linear-gradient(145deg,#fff,#efefef);color:#5b5b5b;border-color:#fff; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-card .menu-row:nth-child(n)>i { background:linear-gradient(145deg,#fcfcfc,#efefef);color:#616161;border-color:#fff; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-card .wechat-support-menu>i { color:#34715b;background:#edf5f0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero { background:radial-gradient(ellipse at 100% 0,#e9e9e973,transparent 65%),radial-gradient(ellipse at 0 100%,#e7e7e766,transparent 70%),linear-gradient(130deg,#fff,#f6f6f6); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero .profile-user small { color:#5f5f5f; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero .verified-badge { color:#626262;background:#ffffffd6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row small { color:#646464; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-asset span { color:#646464; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid :is(span,small) { color:#646464; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button:first-child strong { color:#424242; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .shop-orders-empty>p { color:#707070; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-card .letao-stock { color:#707070; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .system-settings-link small { color:#646464; }

/* Silver / graphite hierarchy. Sizes reflect task importance, not decoration. */
html:root[data-app-id="exchange"][data-client="mobile-portrait"] { --ink:#1d1d1f;--muted:#626267;--soft:#6e6e73;--paper:#f5f5f7;--line:#e5e5e7;--accent:#252527;--accent-soft:#ededf0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] body { background:#eaeaec; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mobile-shell { background:radial-gradient(ellipse at 100% 0,#fff,transparent 65%),var(--paper); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar { min-height:74px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar-brand .mini-seal { width:30px;height:30px;font-size:16px;border-radius:10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar-brand strong { font-size:calc(18px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-commerce-shortcuts { margin:0 0 20px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:nth-child(n) i { width:44px;height:44px;border-radius:15px;color:#47474b;background:linear-gradient(145deg,#fff,#ececee); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:nth-child(n) svg { width:20px;height:20px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action { font-size:calc(10px * var(--font-scale));gap:7px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero { min-height:282px;padding:28px 24px;background:linear-gradient(125deg,#fbfbfc 0%,#e4e4e8 65%,#c9c9cf);border:1px solid white;color:#1d1d1f;box-shadow:0 16px 36px #15151a10,inset 0 1px 0 white; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero::before { background:radial-gradient(ellipse at 10% 10%,#fff,transparent 65%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero::after { right:-96px;top:36px;width:260px;height:260px;background:radial-gradient(circle at 25% 20%,#ffffffe0,transparent 42%),linear-gradient(130deg,#ffffff70,#c2c2ca60);border:1px solid #ffffffef;box-shadow:inset 10px 14px 24px #fff9,inset -10px -12px 24px #76768022,0 10px 25px #64646e14; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero h1 { font-size:calc(32px * var(--font-scale));font-weight:650;letter-spacing:-.055em;text-shadow:none;margin:23px 0 14px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-kicker { color:#64646b;font-size:9px;letter-spacing:.17em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-kicker i { background:#8e8e93; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero p { color:#55555c;font-size:calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-footer { margin-top:23px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-footer .market-pill { background:#ffffff9c;color:#4e4e55;border-color:#fff;font-size:calc(9px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-footer .hero-link { background:#252527;color:white;border:1px solid #252527;padding:0 15px;font-size:calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.button.primary,.button.primary.green,.submit-trade:not(.sell),.trade-page .submit-trade:not(.sell),.letao-product-card .button) { background:linear-gradient(170deg,#38383c,#202023);color:#fff;box-shadow:inset 0 1px 0 #ffffff25,0 5px 12px #10101414; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button:first-child { background:linear-gradient(120deg,#f4f4f6,#eaeaec); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button:first-child strong { font-size:calc(34px * var(--font-scale));color:#1d1d1f;letter-spacing:-.055em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid strong { font-size:calc(24px * var(--font-scale));font-weight:600;color:#29292d; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings>header small { font-size:10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button { gap:6px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav { height:66px;padding:4px 5px;background:linear-gradient(155deg,#ffffff14,#f1f1f308);border-color:#ffffff70;backdrop-filter:blur(1.8px) saturate(105%);-webkit-backdrop-filter:blur(1.8px) saturate(105%);box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #ffffff66,0 8px 26px #2020251a; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav .nav-item.active { color:#222225;background:linear-gradient(145deg,#ffffff29,#e3e3e614); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav .nav-item span { font-size:10px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav .nav-item svg { width:21px;height:21px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero { padding:22px 20px;background:radial-gradient(ellipse at 100% 0,#ededf3,transparent 65%),linear-gradient(130deg,#fff,#f1f1f4); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero .profile-account { margin-top:16px;padding:10px 14px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero .profile-user strong { font-size:calc(17px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row { min-height:70px;padding:14px 18px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row>i { width:34px;height:34px;border-radius:11px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row small { font-size:calc(10px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-art { height:210px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-art img { height:180px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-card h3 { font-size:calc(14px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-price strong { font-size:calc(24px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .hot-card .quote-line b { font-size:24px;color:#29292d; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-product-copy>strong { font-size:25px;color:#29292d; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-wine-art { min-height:240px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-wine-art img { height:200px; }
@media(max-width:374px) {
 html[data-app-id="exchange"][data-client="mobile-portrait"] .hero { padding:25px 20px; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .hero h1 { font-size:calc(29px * var(--font-scale)); }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button:first-child strong { font-size:calc(30px * var(--font-scale)); }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid strong { font-size:calc(21px * var(--font-scale)); }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-art { height:184px; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-art img { height:155px; }
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .map-return-bar { background:#f5f5f733;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav .nav-item { color:#454549;text-shadow:0 1px 2px #ffffffc9; }
/* Muted accents distinguish content while graphite remains the action color. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:nth-child(1) i { background:linear-gradient(145deg,#fffaf2,#eee0cb);color:#79572f; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:nth-child(2) i { background:linear-gradient(145deg,#fcf8ff,#e8deef);color:#735884; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:nth-child(3) i { background:linear-gradient(145deg,#f7fcf6,#dee9dc);color:#4a6b4e; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:nth-child(4) i { background:linear-gradient(145deg,#fff8f4,#f0ded4);color:#8a5b45; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero { background:radial-gradient(ellipse at 100% 0,#dfd5e980,transparent 60%),linear-gradient(120deg,#fffcf7,#eee4d4 62%,#d8c9b8); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero::after { background:radial-gradient(circle at 25% 20%,#ffffffeb,transparent 42%),linear-gradient(130deg,#fff4e780,#bdadb560);border-color:#fffaf2; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button:first-child { background:radial-gradient(ellipse at 100% 0,#f0e0c680,transparent 70%),linear-gradient(120deg,#faf6ef,#eee4d6); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button:first-child strong { color:#4d3e2c; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button[data-commerce-ledger="letao"] { background:#eef3eb; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button[data-commerce-ledger="consumption"] { background:#f2edf5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button[data-commerce-ledger="wine"] { background:#f8eee8; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button[data-commerce-ledger="energy"] { background:#f6f0e1; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .profile-hero { background:radial-gradient(ellipse at 100% 0,#e9dfed80,transparent 65%),radial-gradient(ellipse at 0 100%,#eee0c866,transparent 70%),linear-gradient(130deg,#fff,#f5f1eb); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-card .menu-row:nth-child(4n+1)>i { color:#725831;background:linear-gradient(145deg,#fffaf3,#f1e8d7); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-card .menu-row:nth-child(4n+2)>i { color:#576b4f;background:linear-gradient(145deg,#f9fcf7,#e5eddf); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-card .menu-row:nth-child(4n+3)>i { color:#715d7f;background:linear-gradient(145deg,#fcf9ff,#eee5f1); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-card .menu-row:nth-child(4n)>i { color:#845e4e;background:linear-gradient(145deg,#fff9f5,#f1e4dc); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-editorial { background:radial-gradient(ellipse at 100% 15%,#c2b29055,transparent 65%),linear-gradient(135deg,#292e29,#50594b); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-card:nth-child(4n+1) .letao-product-art { background:linear-gradient(145deg,#faf8f0,#e7dfcf); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-card:nth-child(4n+2) .letao-product-art { background:linear-gradient(145deg,#f7f8f3,#dfe7d9); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-card:nth-child(4n+3) .letao-product-art { background:linear-gradient(145deg,#fbf7f3,#ecddd4); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .letao-product-card:nth-child(4n) .letao-product-art { background:linear-gradient(145deg,#f9f6fa,#e8dfeb); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .hot-card:nth-child(odd) .trade-product-art { background:linear-gradient(145deg,#fcf9f1,#e9e0d0); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .hot-card:nth-child(even) .trade-product-art { background:linear-gradient(145deg,#f6f9f3,#e0e8da); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-wine-art { background:radial-gradient(ellipse at 50% 85%,#d6c5b34d,transparent 60%),linear-gradient(145deg,#faf7f1,#eae1d7); }
/* Keep an opaque alternative when transparency is explicitly reduced. */
@media(prefers-reduced-transparency:reduce) {
 html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav { background:#f7f7f9;backdrop-filter:none;-webkit-backdrop-filter:none; }
}
@supports not ((backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px))) {
 html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav { background:#fffffff0; }
}
@media(prefers-contrast:more) {
 html:root[data-app-id="exchange"][data-client="mobile-portrait"] { --muted:#4c4c4c;--line:#bebebe; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.bottom-nav,.menu-card,.home-holdings,.profile-asset,.profile-hero) { border-color:#a5a5a5; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav { background:#fff; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .hero :is(p,.hero-kicker) { color:#333; }
}

/* Product-led showcase. No scroll hijacking, continuous motion, or moving transaction fields. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-page .hero { background:#171719;color:#f5f5f7;min-height:410px;padding:28px 24px;border:1px solid #ffffff24;box-shadow:0 16px 38px #17171920; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-page .hero::before { background:radial-gradient(ellipse at 95% 80%,#b08c6c28,transparent 65%),linear-gradient(110deg,#131315,transparent 80%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-page .hero::after { display:none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-page .hero h1 { position:relative;z-index:2;max-width:76%;color:#f5f5f7;font-size:calc(31px * var(--font-scale));line-height:1.18;margin:20px 0 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-page .hero-kicker { color:#c5b5a1;font-size:9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-page .hero p { position:relative;z-index:2;max-width:57%;color:#c7c4c0;font-size:calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-page .hero-footer { margin-top:145px;position:relative;z-index:3; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-page .hero-footer .market-pill { color:#e2ded8;background:#ffffff12;border-color:#ffffff20; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-page .hero-footer .hero-link { background:#f4f0e9;color:#292624;border-color:#fff6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .home-page .hero .hero-showcase { position:absolute;z-index:1;right:0;top:104px;bottom:60px;width:55%;pointer-events:none;perspective:800px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-showcase::before { content:"";position:absolute;top:32px;right:-40px;width:238px;height:238px;border-radius:50%;border:1px solid #f6ddba99;box-shadow:inset 0 0 24px #dec09325,0 0 35px #d3aa7620,0 0 0 18px #f6ddba07;transform:rotate(-25deg) scaleX(.7); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-showcase::after { content:"";position:absolute;bottom:-7px;left:0;width:100%;height:25px;border-radius:50%;background:radial-gradient(ellipse,#dbc09b44,transparent 70%); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-showcase img { position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(12px 20px 16px #0009);transform:translate3d(calc(var(--motion-x,0) * 7px),calc(var(--motion-y,0) * 5px),0) rotate(calc(-8deg + var(--motion-x,0) * 3deg));transition:transform .6s cubic-bezier(.22,.8,.25,1); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-showcase small { position:absolute;z-index:2;right:16px;bottom:28px;color:#c4bbb0;font-size:9px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .hot-scroller { scroll-snap-type:x mandatory;scroll-padding-inline:20px;overscroll-behavior-x:contain;padding-top:5px;padding-bottom:18px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .hot-scroller>.hot-card { scroll-snap-align:start;scroll-snap-stop:normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.commerce-tabs,.trade-board-tabs,.shop-order-filters) { scroll-snap-type:x proximity; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.commerce-tabs,.trade-board-tabs,.shop-order-filters)>button { scroll-snap-align:start; }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.letao-product-art,.mall-wine-art,.trade-product-art) { perspective:800px; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.letao-product-art,.mall-wine-art,.trade-product-art) img { transition:transform .6s cubic-bezier(.2,.75,.25,1),filter .3s;transform:translate3d(calc(var(--motion-x,0) * 6px),calc(var(--motion-y,0) * 4px),0) rotateY(calc(var(--motion-x,0) * 5deg)); }
 html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.letao-product-card,.mall-product-card,.hot-card):hover { box-shadow:0 18px 32px #24242a16;transform:translateY(-4px); }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action i { transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .3s;transform:translate3d(calc(var(--motion-x,0) * 4px),calc(var(--motion-y,0) * 3px),0); }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .quick-action:hover i { box-shadow:0 10px 20px #20202614,inset 0 1px 0 #fff; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.hero-link,.button.primary):hover { filter:brightness(1.12);box-shadow:0 7px 20px #1d1d211c; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row { transition:background .2s; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row:hover { background:#f5f5f7; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row>span { transition:transform .25s ease; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .menu-row:hover>span { transform:translateX(3px); }
}
@media(max-width:374px) {
 html[data-app-id="exchange"][data-client="mobile-portrait"] .home-page .hero { padding:25px 20px;min-height:394px; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .home-page .hero h1 { font-size:calc(28px * var(--font-scale)); }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .home-page .hero .hero-showcase { top:121px;width:53%;bottom:66px; }
}
@media(prefers-reduced-motion:reduce) {
 html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-showcase img { transform:rotate(-8deg);transition:none; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .trade-page .hot-scroller { scroll-snap-type:x proximity;scroll-behavior:auto; }
}
@media(prefers-contrast:more) {
 html[data-app-id="exchange"][data-client="mobile-portrait"] .home-page .hero :is(p,.hero-kicker) { color:#fff; }
}

/* Notification badge: upright numerals, optical centering and clear separation. */
html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar-actions .round-button { width:44px;height:44px;overflow:visible; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .topbar-actions .round-button svg { width:20px;height:20px;stroke-width:1.7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .round-button .badge { top:-1px;right:-2px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:20px;height:20px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#cb3935;color:#fff;font-family:var(--font);font-size:10px;font-style:normal;font-weight:650;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 2px 5px #7c21191a;pointer-events:none; }

/* Shared secondary-page surfaces. Keep transaction status colors semantic. */
html[data-app-id="exchange"][data-client="mobile-portrait"] { --secondary-surface:linear-gradient(145deg,#ffffffed,#fafafbd9);--secondary-border:#e4e4e880;--secondary-shadow:0 8px 26px #29292d06,inset 0 1px 0 #fff; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.pickup-stock-card,.pickup-record-card,.record-card,.record-insight-card,.return-card,.return-policy-card,.reservation-card,.statement-card,.profile-detail-card,.qualification-card,.safety-permissions,.safety-freeze-card,.safety-risk-card,.safety-order-card,.venue-contact-card,.venue-session-card,.venue-good-card,.auction-card,.venue-card) { border:1px solid var(--secondary-border);border-radius:22px;background:var(--secondary-surface);box-shadow:var(--secondary-shadow);padding:18px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.pickup-list,.return-list,.reservation-list,.record-list,.statement-list) { gap:14px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.pickup-overview,.return-overview,.reservation-overview,.record-overview,.safety-hero,.statement-preview-card,.venue-detail-hero) { background:radial-gradient(ellipse at 100% 0,#b6a4892b,transparent 66%),linear-gradient(135deg,#29292c,#414143);color:#fff;border:1px solid #ffffff26;border-radius:24px;box-shadow:0 12px 26px #25252912; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.pickup-overview,.return-overview,.reservation-overview,.record-overview) { padding:22px 18px;gap:10px;margin-bottom:18px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.pickup-overview,.return-overview,.reservation-overview,.record-overview)>div { min-width:0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.pickup-overview,.return-overview,.reservation-overview,.record-overview) span { color:#d2d0ce;font-size:calc(11px * var(--font-scale));line-height:1.5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.pickup-overview,.return-overview,.reservation-overview,.record-overview) strong { font-size:calc(25px * var(--font-scale));font-weight:600;letter-spacing:-.04em;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.pickup-overview,.return-overview,.reservation-overview,.record-overview) small { color:#bfbcb7;font-size:calc(10px * var(--font-scale));line-height:1.6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sub-tabs { padding:5px;gap:5px;border:1px solid #ffffffb3;border-radius:17px;background:#eaeaecb8;box-shadow:inset 0 1px 3px #29292d04;margin:16px 0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sub-tabs button { min-height:44px;height:auto;border-radius:12px;font-size:calc(12px * var(--font-scale));color:#727276;padding:10px 14px;line-height:1.5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sub-tabs button.active { background:linear-gradient(150deg,#fff,#fafafa);box-shadow:0 3px 10px #24242810;color:#242426;font-weight:600; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-main { gap:14px;align-items:center; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-main>div:last-child { min-width:0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-main strong { font-size:calc(15px * var(--font-scale));font-weight:600;line-height:1.5;overflow-wrap:anywhere; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-main small { font-size:calc(11px * var(--font-scale));line-height:1.6;margin-top:5px;color:var(--muted); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-product-art { flex:0 0 66px;width:66px;height:76px;border-radius:16px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 85%,#dccfba8a,transparent 70%),linear-gradient(145deg,#faf8f4,#eee9e0); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-product-art img { width:100%;height:62px;object-fit:contain;padding:5px;filter:drop-shadow(0 5px 5px #342c2520); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-product-art>span { position:absolute;bottom:3px;inset-inline:0;text-align:center;font-size:9px;color:#82796b; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-values { margin-top:18px;padding-top:16px;border-color:#e8e8ed;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:center; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-values span { font-size:calc(11px * var(--font-scale));line-height:1.6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-values strong { font-size:calc(14px * var(--font-scale));font-weight:600;line-height:1.5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-values button { background:#29292c;color:#fff;border:1px solid #ffffff17;min-height:44px;padding:10px 15px;border-radius:13px;font-size:calc(12px * var(--font-scale));font-weight:600;box-shadow:0 4px 12px #27272b0f;white-space:normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-page>.commerce-notice { display:flex;align-items:center;gap:16px;justify-content:space-between;background:#f1f0ed;color:#686560;border:1px solid #e6e3dd90;border-radius:18px;margin-bottom:18px;font-size:calc(12px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-page>.commerce-notice .button { flex:0 0 auto;white-space:nowrap;background:#ffffffc9;color:#454340;border:1px solid #ffffff;border-radius:12px;min-height:44px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card header { flex-wrap:wrap;gap:12px;align-items:flex-start; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card header>strong { font-size:calc(15px * var(--font-scale));line-height:1.5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card header small { font-size:calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.pickup-record-grid,.return-values,.reservation-meta,.record-card-grid) { background:#f3f3f5;border-radius:14px;padding:14px;gap:12px;border:0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-grid { margin-top:18px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-grid>div { min-width:0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-grid span { font-size:calc(11px * var(--font-scale));line-height:1.5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-grid strong { font-size:calc(12px * var(--font-scale));font-weight:600;line-height:1.5;overflow-wrap:anywhere; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card>p { font-size:calc(12px * var(--font-scale));line-height:1.8;margin-top:16px;overflow-wrap:anywhere; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card footer { margin-top:16px;padding-top:14px;border-color:#e8e8ed;flex-wrap:wrap; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-record-card footer button { min-height:44px;border-color:#e6cfc9;border-radius:12px;background:#fbf3f0;font-size:calc(12px * var(--font-scale));padding:9px 14px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sub-page :is(.record-card,.return-card,.reservation-card,.statement-card,.address-card,.profile-detail-card) :is(p,small) { line-height:1.7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sub-page :is(.record-card,.return-card,.reservation-card,.statement-card,.address-card) header strong { font-size:calc(14px * var(--font-scale));line-height:1.5; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.status-chip,.statement-card header i) { border-radius:8px;padding:5px 9px;font-size:calc(11px * var(--font-scale));line-height:1.4; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .artifact-cover[data-tone] { background:linear-gradient(145deg,#75716c,#343436); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .artifact-cover[data-tone="3"] { background:linear-gradient(145deg,#998a73,#5c5246); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .artifact-cover[data-tone="4"] { background:linear-gradient(145deg,#968b9c,#58505d); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .artifact-cover[data-tone="5"] { background:linear-gradient(145deg,#8d9785,#535c4d); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .artifact-cover span { font-family:inherit;font-weight:500; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sub-page :is(button,a):focus-visible { outline:2px solid #81705b;outline-offset:3px; }
@media(hover:hover) and (pointer:fine) {
 html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.pickup-stock-card,.pickup-record-card,.return-card,.reservation-card,.statement-card) { transition:transform .2s ease,box-shadow .2s ease; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.pickup-stock-card,.pickup-record-card,.return-card,.reservation-card,.statement-card):hover { transform:translateY(-2px);box-shadow:0 12px 30px #29292d0d,inset 0 1px 0 #fff; }
}
@media(max-width:390px) {
 html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-page>.commerce-notice { display:block; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-page>.commerce-notice .button { display:flex;margin-top:12px;width:100%;justify-content:center; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-values { grid-template-columns:1fr 1fr; }
 html[data-app-id="exchange"][data-client="mobile-portrait"] .pickup-stock-values button { grid-column:1/-1;width:100%; }
}
@media(prefers-reduced-motion:reduce) {
 html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.pickup-stock-card,.pickup-record-card,.return-card,.reservation-card,.statement-card) { transition:none;transform:none!important; }
}
/* Legacy dark cards retain light foregrounds: replace the entire surface together. */
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.fund-bank-card,.identity-card,.statement-receipt-total,.safety-hero.healthy) { color:#fff;background:radial-gradient(ellipse at 100% 0,#b6a4892b,transparent 66%),linear-gradient(135deg,#29292c,#414143);border:1px solid #ffffff26;box-shadow:0 12px 26px #25252912; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .identity-card :is(strong,p,span) { color:inherit; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .identity-card small { color:#d0cdca; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-insight-card>header button.active { background:#343437;color:#fff;box-shadow:0 3px 8px #25252912; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .record-trend-day>i b { background:linear-gradient(180deg,#a2998d,#615c56); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-hero h1 { font-size:calc(22px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.safety-permissions,.safety-freeze-card,.safety-risk-card) h2 { font-size:calc(15px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.safety-permissions,.safety-freeze-card,.safety-risk-card)>p { font-size:calc(12px * var(--font-scale));line-height:1.7; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-permissions article { background:#f5f5f7;border-color:#e9e9ed;border-radius:13px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .safety-permissions article span { font-size:calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.statement-preview-card,.fund-bank-card) small { color:#c8c5c1; }
/* Remove leftover editorial serif typography from operational screens. */
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.team-hero h1,.discovery-hero h1,.auction-detail-hero h1,.venue-detail-hero h1,.activity-card strong,.auction-card-main>strong,.auction-card-art span,.venue-card-art strong) { font-family:var(--font);font-weight:600;letter-spacing:-.025em; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.auction-card-art,.venue-card-art) { background:radial-gradient(ellipse at 85% 0,#b4a48955,transparent 70%),linear-gradient(140deg,#494747,#2d2d30); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-date-presets button { min-height:40px;border-radius:10px;background:#f5f5f7;font-size:calc(11px * var(--font-scale)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.fund-date-presets button.active,.fund-custom-range>button) { background:#29292c;border-color:#29292c;color:#fff; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .fund-custom-range :is(input,button) { min-height:44px;height:auto;font-size:calc(12px * var(--font-scale));border-radius:11px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.return-card header button,.reservation-card footer button) { min-height:44px;font-size:calc(12px * var(--font-scale));border-radius:12px;padding:8px 12px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-button { min-height:44px;padding:12px;border-radius:13px;background:#f3f3f5;border-color:#e6e6eb;color:#444448;font-size:calc(12px * var(--font-scale));overflow-wrap:anywhere; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-head { padding:18px;border-radius:18px;background:linear-gradient(135deg,#29292c,#414143); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-head span { color:#d0cdca; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-head strong { font-size:calc(14px * var(--font-scale));overflow-wrap:anywhere; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-timeline strong { font-size:calc(14px * var(--font-scale));line-height:1.6; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .tracking-timeline span { font-size:calc(12px * var(--font-scale));line-height:1.6; }

/* Prominent entry shared by every My Team tab. */
.team-page .team-center-entry{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:18px 20px;border:1px solid #ffffff24;border-radius:22px;background:linear-gradient(135deg,#27272a,#434347);color:#fff;text-decoration:none;box-shadow:0 8px 24px #1d1d1f12;transition:transform .2s,box-shadow .2s}
.team-center-entry .team-center-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border:1px solid #ffffff24;border-radius:14px;background:#ffffff0d;color:#d9c9af;font-size:25px}
.team-center-entry>span:nth-child(2){flex:1;min-width:0}.team-center-entry strong{display:block;font-size:18px;line-height:1.5;font-weight:650}.team-center-entry small{display:block;margin-top:4px;color:#d0ced4;font-size:12px;line-height:1.6}.team-center-entry>span:last-child{color:#d9c9af;font-size:22px}
.team-center-entry:focus-visible{outline:3px solid #a18b6a;outline-offset:3px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.team-page .team-center-entry:hover{transform:translateY(-2px);box-shadow:0 12px 30px #1d1d1f1c}}

.team-center-entry small.team-center-hint{margin-top:5px;color:#b5b3ba;font-size:11px;font-weight:400;line-height:1.5;letter-spacing:.02em}

/* Authoritative control palette. Green/red tokens belong to status, never branding. */
html:root[data-app-id="exchange"][data-client="mobile-portrait"] {
 --action-fill:linear-gradient(170deg,#38383c,#202023);--action-ink:#fff;--action-shadow:inset 0 1px 0 #ffffff25,0 5px 12px #10101414;
 --control-fill:#ededf0;--control-ink:#454549;--control-line:#e2e2e7;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.button.primary,.button.primary.green,.auction-flow-hub .commerce-product:first-child>.button,.record-export-panel button,.venue-session-card>button:not(:disabled),.team-goal-list footer button,.team-risk-list footer button,.team-action-list button,.team-announcement-list footer button,.venue-section-tabs button.active,.sell-execution-tabs button.active,.sweep-price-chips.sell button.active) { background:var(--action-fill);color:var(--action-ink);border-color:var(--accent);box-shadow:var(--action-shadow); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-flow-hub .commerce-product { border-left-color:var(--control-line); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .auction-flow-hub .commerce-product>.button.ghost { background:var(--control-fill);color:var(--control-ink);border-color:transparent;box-shadow:none; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .font-size-options button.active { color:var(--accent);background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.commerce-search button,.commerce-pagination button,.venue-reservation footer button,.commerce-order-button>span:last-child) { color:var(--control-ink); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.commerce-search button,.commerce-pagination button,.venue-reservation footer button) { background:#f3f3f5;border-color:var(--control-line); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.commerce-product>strong,.commerce-balances strong,.commerce-order-head b) { color:var(--ink); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.commerce-timeline,.commerce-ledger small,.commerce-order small) { color:var(--muted); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(#shop-asset,#mall-asset,#mall-address,#spec-address,#commerce-address) { color:var(--ink);border-color:var(--line);background:#fff; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(button,input,select,textarea,a):focus-visible { outline-color:#81705b; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-brand-banner { background:#29292c; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .mall-brand-banner>span { background:linear-gradient(90deg,#1d1d1fc2,transparent); }

/* Physical feedback without changing layout, scrolling the page, or moving form fields. */
html[data-app-id="exchange"]{--interaction-spring:cubic-bezier(.2,.85,.22,1.18)}
html[data-app-id="exchange"] :is(button,a,summary){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
html[data-app-id="exchange"] :is(.bottom-nav .nav-item,.quick-action,.menu-row,.team-center-entry,.system-settings-link,.venue-good-card,.letao-product-card,.mall-product-card,.hot-card){transition:translate .4s var(--interaction-spring),scale .3s var(--interaction-spring),box-shadow .25s ease,background-color .2s ease}
html[data-app-id="exchange"] :is(.bottom-nav .nav-item svg,.bottom-nav .nav-item>span,.menu-row>span,.system-settings-link>span,.team-center-entry>span:last-child){transition:translate .35s var(--interaction-spring),scale .3s var(--interaction-spring)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html[data-app-id="exchange"] .bottom-nav .nav-item.pointer-engaged :is(svg,span){translate:calc(var(--motion-x,0)*3px) calc(var(--motion-y,0)*2px)}
 html[data-app-id="exchange"] .bottom-nav .nav-item:hover svg{scale:1.08}
 html[data-app-id="exchange"] :is(.team-center-entry,.venue-good-card).pointer-engaged{translate:calc(var(--motion-x,0)*2px) calc(var(--motion-y,0)*2px)}
 html[data-app-id="exchange"] :is(.menu-row,.system-settings-link):hover{background-color:#f3f3f6}
 html[data-app-id="exchange"] :is(.menu-row,.system-settings-link,.team-center-entry).pointer-engaged>span:last-child{translate:calc(2px + var(--motion-x,0)*2px) 0}
 html[data-app-id="exchange"] :is(.market-rank-tabs,.team-tabs,.sub-tabs,.commerce-tabs,.asset-tabs) button:not(:disabled):hover{box-shadow:inset 0 0 0 1px #8a8a951f}
}
@media(prefers-reduced-motion:no-preference){
 html[data-app-id="exchange"] :is(.bottom-nav .nav-item,.quick-action,.menu-row,.team-center-entry,.system-settings-link,.venue-good-card,.letao-product-card,.mall-product-card,.hot-card):not(:disabled):active{scale:.98;translate:0 1px;transition-duration:.09s}
 html[data-app-id="exchange"] :is(.button,.market-rank-tabs button,.team-tabs button,.sub-tabs button,.commerce-tabs button,.asset-tab):not(:disabled):active{scale:.985;transition:scale .09s ease}
 html[data-app-id="exchange"] :is(.market-rank-tabs,.team-tabs,.sub-tabs,.commerce-tabs,.asset-tabs) button{transition:background-color .22s ease,box-shadow .22s ease,scale .22s var(--interaction-spring)}
}
/* Horizontal shelves settle nearby; vertical reading is never hijacked. */
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.hot-scroller,.commerce-tabs,.trade-board-tabs,.shop-order-filters){scroll-snap-type:x proximity;scroll-padding-inline:12px}
html[data-app-id="exchange"] :is(.hot-scroller,.commerce-tabs,.trade-board-tabs,.shop-order-filters)>*{scroll-snap-align:start;scroll-margin-inline:8px}
html[data-app-id="exchange"] :is(button,a,summary):focus-visible{outline:2px solid #9a8260;outline-offset:4px}
@media(prefers-reduced-motion:reduce){
 html[data-app-id="exchange"] :is(button,a,summary,.letao-product-card,.mall-product-card,.hot-card){transition:none!important;scale:1!important;translate:none!important}
 html[data-app-id="exchange"] :is(.bottom-nav .nav-item svg,.bottom-nav .nav-item>span,.menu-row>span,.system-settings-link>span,.team-center-entry>span:last-child){transition:none!important;translate:none!important;scale:1!important}
}

/* One bottle model for mouse and touch, with a soft lift on contact. */
@media(prefers-reduced-motion:no-preference){
 html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-showcase img{transform:translate3d(calc(var(--motion-x,0)*9px),calc(var(--motion-y,0)*6px),0) rotateX(calc(var(--motion-y,0)*-5deg)) rotateY(calc(var(--motion-x,0)*9deg)) rotate(calc(-8deg + var(--motion-x,0)*3deg));transition:transform .65s cubic-bezier(.18,.85,.22,1.12),filter .4s ease;backface-visibility:hidden;user-select:none;-webkit-user-drag:none}
 html[data-app-id="exchange"][data-client="mobile-portrait"] .hero.pointer-engaged .hero-showcase img{transition-duration:.12s}
 html[data-app-id="exchange"][data-client="mobile-portrait"] .hero.bottle-touching .hero-showcase img{transform:translate3d(calc(var(--motion-x,0)*9px),calc(var(--motion-y,0)*6px - 5px),18px) rotateX(calc(var(--motion-y,0)*-5deg)) rotateY(calc(var(--motion-x,0)*9deg)) rotate(calc(-8deg + var(--motion-x,0)*3deg)) scale(1.035);filter:drop-shadow(16px 28px 20px #000a) brightness(1.07)}
 html[data-app-id="exchange"][data-client="mobile-portrait"] .hero-showcase::after{transition:transform .5s ease,opacity .5s ease;transform:translateX(calc(var(--motion-x,0)*-4px))}
 html[data-app-id="exchange"][data-client="mobile-portrait"] .hero.bottle-touching .hero-showcase::after{transform:scale(.9);opacity:.7}
}

/* Responsive by CSS viewport, including iOS Safari and Android WebViews. */
html[data-app-id="exchange"][data-client="mobile-portrait"] {
  -webkit-text-size-adjust:100%; text-size-adjust:100%;
  scroll-padding-block:calc(16px + env(safe-area-inset-top)) calc(110px + env(safe-area-inset-bottom));
}
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.mobile-shell,#app,.page) { min-height:100vh; min-height:100dvh; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .page { padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.field,.input-wrap,.home-holdings-grid>button,.commerce-product,.market-row>div,.team-center-entry>span) { min-width:0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(input,select,textarea) { max-width:100%;min-width:0;font-size:max(16px,calc(14px * var(--font-scale))) !important;scroll-margin-block:24px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(button,.button,summary) { touch-action:manipulation; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.icon-button,.stepper button,.filter-chip,.nav-item) { min-height:44px;min-width:44px; }
html[data-app-id="exchange"][data-client="mobile-portrait"] :is(.home-holdings-grid strong,.sheet-body p,.confirm-summary strong,.menu-row span,.commerce-order-card,.team-center-entry small) { overflow-wrap:anywhere; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .sheet-backdrop { bottom:var(--sheet-keyboard-offset,0px);padding-inline:env(safe-area-inset-left) env(safe-area-inset-right); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet {
  display:flex;flex-direction:column;min-height:0;overflow:hidden;
  max-height:88vh;max-height:calc(var(--sheet-visible-height,100vh) - env(safe-area-inset-top) - 12px);max-height:min(92dvh,calc(var(--sheet-visible-height,100dvh) - env(safe-area-inset-top) - 12px));
  padding-bottom:0;
}
html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet>header { flex-shrink:0; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet .sheet-body { min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch; }
html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet>footer { flex-shrink:0;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);padding-bottom:calc(14px + env(safe-area-inset-bottom)); }
html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet :is(footer button,header button) { min-height:44px;white-space:normal; }
html[data-app-id="exchange"][data-client="mobile-portrait"].keyboard-open .bottom-nav { visibility:hidden;pointer-events:none; }
html[data-app-id="exchange"][data-client="mobile-portrait"].keyboard-open .action-sheet>footer { padding-bottom:12px; }
@media(max-width:359px) {
  html[data-app-id="exchange"][data-client="mobile-portrait"] .page { padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right)); }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid strong { font-size:clamp(18px,6.3vw,23px);letter-spacing:-.03em; }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .home-holdings-grid>button:first-child strong { font-size:clamp(25px,9vw,32px); }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet { padding-inline:14px;border-radius:24px 24px 0 0; }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .page-title { grid-template-columns:44px minmax(0,1fr) 44px;gap:4px; }
}
@media(min-width:480px) and (max-width:1024px) {
  html:root[data-app-id="exchange"][data-client="mobile-portrait"] { --reading-width:600px; }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .page { padding-inline:max(24px,env(safe-area-inset-left)); }
}
@media(orientation:landscape) and (max-height:500px) {
  html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav { height:60px;bottom:max(6px,env(safe-area-inset-bottom)); }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .page { padding-bottom:calc(82px + env(safe-area-inset-bottom)); }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet { max-height:calc(var(--sheet-visible-height,100dvh) - 8px);border-radius:20px 20px 0 0; }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet>header { padding-top:0; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav { background:rgba(250,250,252,.96); }
}
/* Expanded foldables / 4:3 tablets: keep a continuous reading width across
   1024px, rather than snapping back to the narrow phone layout. */
@media(min-width:600px) {
  html:root[data-app-id="exchange"][data-client="mobile-portrait"] { --reading-width:720px; }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .page { padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right)); }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .action-sheet { width:min(calc(100% - 32px),560px); }
}
@media(max-width:319px) {
  html[data-app-id="exchange"][data-client="mobile-portrait"] .home-page .hero h1 { font-size:26px; }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .home-commerce-shortcuts { gap:4px; }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .bottom-nav { width:calc(100% - 16px); }
  html[data-app-id="exchange"][data-client="mobile-portrait"] .commerce-balances { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Batch 2: readable, consistent navigation and dense individual order selection. */
html[data-app-id="exchange"] .bottom-nav {height:78px!important;padding:7px!important;background:rgba(250,249,247,.18)!important;backdrop-filter:blur(1.2px) saturate(110%)!important;-webkit-backdrop-filter:blur(1.2px) saturate(110%)!important;border:1px solid #fff9;box-shadow:0 8px 32px #25232320;z-index:60}
html[data-app-id="exchange"] .bottom-nav .nav-item {color:#717175!important;border-radius:19px;min-height:58px;text-shadow:none!important}
html[data-app-id="exchange"] .bottom-nav .nav-item.active {background:rgba(229,217,198,.32)!important;color:#55432d!important;box-shadow:inset 0 1px 0 #fff9,0 2px 8px #42362510}
html[data-app-id="exchange"] .bottom-nav .nav-item span {font-size:12px!important;font-weight:650;line-height:1.25}
html[data-app-id="exchange"] .bottom-nav .nav-item svg {width:23px;height:23px}
html[data-app-id="exchange"] .page {padding-bottom:calc(118px + env(safe-area-inset-bottom))}
.mall-dual-prices {display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;min-width:0}
.mall-price-choice {display:flex;flex-direction:column;gap:7px;align-items:flex-start;min-width:0;padding:12px 9px;border:1px solid #ded9d2;background:#f7f5f1;border-radius:15px;color:#302a24;text-align:left;cursor:pointer}
.mall-price-choice strong {font-size:clamp(13px,2.8vw,18px);overflow-wrap:anywhere}.mall-price-choice small,.mall-price-choice span {font-size:11px;color:#6b6258}.mall-price-choice b {font-size:12px;margin-top:auto}.mall-price-choice:disabled {opacity:.5;cursor:default}
.desk-tools {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:12px 0}.desk-tools .button{width:auto!important;padding:9px 12px!important;font-size:12px!important;min-height:42px}
.desk-orders{display:grid;grid-template-columns:1fr;max-height:520px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid #e4e1dc;border-radius:18px;background:#fff}
.desk-order{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0;border:0;border-bottom:1px solid #eeece9;background:transparent;padding:10px 12px;min-height:53px;text-align:left;color:#28262a;cursor:pointer}.desk-order>span{min-width:0;display:grid;gap:4px}.desk-order strong{font-size:13px}.desk-order small{font-size:10px;color:#787576;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desk-order b{font-size:17px;white-space:nowrap}.desk-order.active{background:#eee5d7;box-shadow:inset 3px 0 #8c7050}.desk-order:focus-visible{outline:2px solid #8c7050;outline-offset:-3px}
@media(min-width:768px){.desk-orders{grid-template-columns:1fr 1fr;max-height:560px}.desk-order{border-right:1px solid #eeece9}.mall-price-choice strong{font-size:17px}}
@media(max-width:359px){.mall-dual-prices{grid-template-columns:1fr}.bottom-nav .nav-item span{font-size:11px!important}}

/* Single-item timed auction, gold/red accents without fabricated urgency. */
html[data-app-id="exchange"] .timed-stage{overflow:hidden;border-radius:26px;background:#181719;color:#f8f3eb;box-shadow:0 20px 45px #17141424}
html[data-app-id="exchange"] .timed-heading{padding:22px 22px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;letter-spacing:.06em;color:#e5cda9}
html[data-app-id="exchange"] .timed-status{border:1px solid #ccb28d44;border-radius:30px;padding:6px 10px;color:#c6c0b7;background:#ffffff09;white-space:nowrap}
html[data-app-id="exchange"] .timed-status.is-live{color:#ffdfc5;background:#b0453038;border-color:#df80645c}
html[data-app-id="exchange"] .timed-art{height:310px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 55%,#9b682c52,transparent 64%);overflow:hidden}
html[data-app-id="exchange"] .timed-art img{width:78%;height:calc(100% - 42px);object-fit:contain;position:absolute;inset:18px 0 24px;margin:auto;filter:drop-shadow(0 20px 15px #0008);transition:transform .5s ease}
html[data-app-id="exchange"] .timed-art:hover img{transform:translateY(-5px) rotate(-2deg)}
html[data-app-id="exchange"] .timed-orbit{position:absolute;width:235px;height:235px;border:1px solid #c8a26450;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 24px #d4ba9405}
html[data-app-id="exchange"] .timed-art-caption{position:absolute;bottom:6px;font-size:11px;letter-spacing:.16em;color:#d9c39d}
html[data-app-id="exchange"] .timed-copy{padding:22px}
html[data-app-id="exchange"] .timed-copy>small{color:#baa583;font-size:10px;letter-spacing:.14em}
html[data-app-id="exchange"] .timed-copy h2{font-size:29px;line-height:1.2;margin:10px 0 14px;color:#fff}
html[data-app-id="exchange"] .timed-intro{font-size:14px;line-height:1.8;color:#c9c4be;white-space:pre-wrap;overflow-wrap:anywhere}
html[data-app-id="exchange"] .timed-price{margin:24px 0;display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}
html[data-app-id="exchange"] .timed-price>span{font-size:12px;color:#c8bfae}
html[data-app-id="exchange"] .timed-price strong{font-size:38px;color:#f8dcad;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
html[data-app-id="exchange"] .timed-price strong small{font-size:19px;margin-right:4px}
html[data-app-id="exchange"] .timed-countdown{padding:19px 12px;text-align:center;background:#ffffff06;border:1px solid #ffffff12;border-radius:18px;display:grid;gap:10px}
html[data-app-id="exchange"] .timed-countdown>span{font-size:13px;color:#e0d4c2}
html[data-app-id="exchange"] .timed-countdown strong{font-size:32px;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#fff}
html[data-app-id="exchange"] .timed-countdown small{font-size:11px;color:#b8b1a7}
html[data-app-id="exchange"] .timed-buy{width:100%;margin-top:18px;min-height:56px;border:1px solid #edc88f;border-radius:16px;background:linear-gradient(115deg,#f1ddbb,#c9a76f);color:#342615;font-size:17px;font-weight:700;box-shadow:0 8px 24px #d7a46022;transition:transform .2s}
html[data-app-id="exchange"] .timed-buy:active:not(:disabled){transform:scale(.98)}
html[data-app-id="exchange"] .timed-buy:disabled{background:#ffffff0c;color:#bcb4a8;border-color:#ffffff1a;box-shadow:none;cursor:default}
html[data-app-id="exchange"] .timed-rule{font-size:12px!important;line-height:1.7;color:#b8b1a7;text-align:center}
html[data-app-id="exchange"] .timed-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font-size:11px;color:#c7b998;padding:12px 0;border-top:1px solid #ffffff12}
html[data-app-id="exchange"] .timed-item-id{display:block;text-align:center;overflow-wrap:anywhere}
html[data-app-id="exchange"] .timed-refresh{display:block;margin:16px auto 0;background:none;border:0;color:#c0b7a6;font-size:12px;padding:8px}
@media(max-width:359px){html[data-app-id="exchange"] .timed-copy{padding:16px}html[data-app-id="exchange"] .timed-art{height:260px}html[data-app-id="exchange"] .timed-countdown strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){html[data-app-id="exchange"] .timed-art img,html[data-app-id="exchange"] .timed-buy{transition:none;transform:none!important}}

/* Compact trading header and countdown immediately above the featured item. */
html[data-app-id="exchange"][data-client] .trade-page .topbar{margin-bottom:14px;min-height:48px}
html[data-app-id="exchange"][data-client] .trade-page .trade-board-tabs{margin-top:0;margin-bottom:10px}
html[data-app-id="exchange"][data-client] .trade-page .trade-panel{margin-top:0;padding-top:12px}
html[data-app-id="exchange"][data-client] .trade-page .trade-panel>.segmented{margin-bottom:10px}
html[data-app-id="exchange"] .auction-countdown{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:14px 16px;border-radius:18px;border:1px solid #d7c9b44d;background:linear-gradient(120deg,#f4eee4,#faf9f6);color:#574936}
html[data-app-id="exchange"] .auction-countdown>div{display:grid;gap:4px;min-width:0}
html[data-app-id="exchange"] .auction-countdown span{font-size:13px;font-weight:650}
html[data-app-id="exchange"] .auction-countdown small{font-size:10px;line-height:1.4;color:#817769}
html[data-app-id="exchange"] .auction-countdown strong{font-size:clamp(18px,5vw,28px);font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.03em;color:#342c23}
@media(max-width:359px){html[data-app-id="exchange"] .auction-countdown{padding:12px 10px;gap:6px}html[data-app-id="exchange"] .auction-countdown strong{font-size:18px}}

html[data-app-id="exchange"] .home-ad-carousel{margin:0 0 16px;min-width:0}
html[data-app-id="exchange"] .home-ad-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:28px}
html[data-app-id="exchange"] .home-ad-track::-webkit-scrollbar{display:none}
html[data-app-id="exchange"] .home-ad-slide{min-width:0;aspect-ratio:1/1.08;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;border-radius:28px}
html[data-app-id="exchange"][data-client] .home-page .home-ad-slide>.hero{height:100%;min-height:0;margin:0;box-sizing:border-box}
html[data-app-id="exchange"] .home-ad-poster{height:100%;width:100%;background:#e8f4fa;display:grid;place-items:center}
html[data-app-id="exchange"] .home-ad-poster img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}
html[data-app-id="exchange"] .home-ad-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 0 0}
html[data-app-id="exchange"] .home-ad-controls>div{display:flex;align-items:center;gap:4px}
html[data-app-id="exchange"] .home-ad-controls button{border:0;background:transparent;color:#7c7162;cursor:pointer;min-width:32px;height:32px;padding:8px;font-size:25px;border-radius:50%}
html[data-app-id="exchange"] .home-ad-controls [data-ad-index]{position:relative;font-size:0;min-width:28px;width:28px}
html[data-app-id="exchange"] .home-ad-controls [data-ad-index]::after{content:"";display:block;width:6px;height:6px;border-radius:99px;background:#cec9c1;margin:auto;transition:width .2s,background .2s}
html[data-app-id="exchange"] .home-ad-controls [aria-pressed="true"]::after{width:18px;background:#75634a}
html[data-app-id="exchange"] .home-ad-track:focus-visible,html[data-app-id="exchange"] .home-ad-controls button:focus-visible{outline:2px solid #998363;outline-offset:2px}

/* Auction product details share the configured introduction. */
html[data-app-id="exchange"] .timed-detail-trigger{width:100%;padding:0;border:0;border-radius:0;color:inherit;cursor:pointer;font:inherit;appearance:none}
html[data-app-id="exchange"] .timed-name-trigger{padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
html[data-app-id="exchange"] [data-timed-detail]:focus-visible{outline:2px solid #d9c39d;outline-offset:-4px}
html[data-app-id="exchange"] .timed-product-detail img{display:block;width:100%;height:240px;object-fit:contain;border-radius:20px;background:radial-gradient(ellipse,#665239,#181819);margin-bottom:20px}
html[data-app-id="exchange"] .timed-product-detail p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}
html[data-app-id="exchange"] .timed-detail-meta{display:flex;justify-content:space-between;gap:16px;padding:16px 0}
html[data-app-id="exchange"] .timed-product-detail small{overflow-wrap:anywhere;color:var(--muted,#777)}

/* Responsive masonry: independent auction cards, no fixed row heights. */
html[data-app-id="exchange"] .auction-feed-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 16px}
html[data-app-id="exchange"] .auction-feed-toolbar strong{display:block;font-size:20px}
html[data-app-id="exchange"] .auction-feed-toolbar span{display:block;color:#777;font-size:12px;margin-top:5px}
html[data-app-id="exchange"] .auction-waterfall{columns:2;column-gap:12px}
html[data-app-id="exchange"] .auction-waterfall .timed-auction-card{display:inline-block;vertical-align:top;width:100%;break-inside:avoid;margin:0 0 12px;border-radius:24px;overflow:hidden}
html[data-app-id="exchange"] .timed-auction-card .timed-heading{padding:14px 12px 0;gap:6px;font-size:10px;flex-wrap:wrap}
html[data-app-id="exchange"] .timed-auction-card .timed-status{font-size:10px;padding:5px 8px}
html[data-app-id="exchange"] .timed-auction-card .timed-art{height:190px}
html[data-app-id="exchange"] .timed-auction-card:nth-child(3n+2) .timed-art{height:225px}
html[data-app-id="exchange"] .timed-auction-card .timed-orbit{width:160px;height:160px}
html[data-app-id="exchange"] .timed-auction-card .timed-art-caption{font-size:10px;letter-spacing:0}
html[data-app-id="exchange"] .timed-auction-card .timed-copy{padding:12px}
html[data-app-id="exchange"] .timed-auction-card h2{font-size:18px;line-height:1.35;margin:4px 0 10px;overflow-wrap:anywhere}
html[data-app-id="exchange"] .timed-auction-card .timed-intro{font-size:12px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 12px}
html[data-app-id="exchange"] .timed-auction-card-clock{display:grid;gap:6px;padding:12px 0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}
html[data-app-id="exchange"] .timed-auction-card-clock span,html[data-app-id="exchange"] .timed-auction-card-clock small{font-size:10px;color:#c9c4be;overflow-wrap:anywhere}
html[data-app-id="exchange"] .timed-auction-card-clock strong{font-size:17px;color:#ecd7b4;font-variant-numeric:tabular-nums;white-space:nowrap}
html[data-app-id="exchange"] .timed-auction-card .timed-price{display:flex;flex-wrap:wrap;gap:5px 8px;align-items:baseline;margin:14px 0}
html[data-app-id="exchange"] .timed-auction-card .timed-price strong{font-size:24px;overflow-wrap:anywhere}
html[data-app-id="exchange"] .timed-auction-card .timed-price span{font-size:10px}
html[data-app-id="exchange"] .timed-auction-card .timed-buy{font-size:13px;min-height:44px;padding:10px 6px;border-radius:14px}
html[data-app-id="exchange"] .timed-auction-card .timed-rule{font-size:10px;line-height:1.6;margin:10px 0 0}
@media(min-width:900px){html[data-app-id="exchange"] .auction-waterfall{columns:3;column-gap:18px}html[data-app-id="exchange"] .timed-auction-card .timed-art{height:250px}html[data-app-id="exchange"] .timed-auction-card:nth-child(3n+2) .timed-art{height:290px}}
@media(max-width:359px){html[data-app-id="exchange"] .auction-waterfall{columns:1}}
/* Product market dashboard */
html[data-app-id="exchange"] .market-display-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 4px 12px;gap:16px}
html[data-app-id="exchange"] .market-display-heading h1{font-size:28px;letter-spacing:-1px;margin:10px 0}
html[data-app-id="exchange"] .market-display-heading p{font-size:13px;color:#777}
html[data-app-id="exchange"] .market-display-heading span{font-size:10px;letter-spacing:2px;color:#9e8865}
html[data-app-id="exchange"] .market-display-heading button{border:1px solid #ddd;background:#fff;border-radius:50%;width:44px;height:44px;font-size:22px}
html[data-app-id="exchange"] .market-display-period{display:flex;gap:6px;background:#e9e9ec;border-radius:16px;padding:5px;width:max-content}
html[data-app-id="exchange"] .market-display-period button{border:0;border-radius:12px;padding:10px 20px;background:none;color:#666}
html[data-app-id="exchange"] .market-display-period button[aria-pressed="true"]{background:#fff;color:#222;box-shadow:0 2px 6px #0001}
html[data-app-id="exchange"] .market-waterfall{columns:2;column-gap:14px;margin-top:18px}
html[data-app-id="exchange"] .market-product-card{display:inline-block;box-sizing:border-box;width:100%;break-inside:avoid;margin-bottom:14px;padding:18px;background:#fff;border:1px solid #e6e5e3;border-radius:24px;box-shadow:0 8px 24px #17171406;overflow:hidden}
html[data-app-id="exchange"] .market-product-card header{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
html[data-app-id="exchange"] .market-product-card h2{font-size:18px;line-height:1.4;margin:0 0 5px;overflow-wrap:anywhere}
html[data-app-id="exchange"] .market-product-card small{color:#858585;font-size:10px}
html[data-app-id="exchange"] .market-source{font-size:10px;border-radius:8px;background:#f3f2ef;color:#696055;padding:4px 7px;height:max-content}
html[data-app-id="exchange"] .market-source.manual{background:#fbf0dc;color:#835e29}
html[data-app-id="exchange"] .market-card-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:18px 0 6px}
html[data-app-id="exchange"] .market-card-price strong{font-size:28px;letter-spacing:-.8px}
html[data-app-id="exchange"] .market-card-price span{font-size:12px}
html[data-app-id="exchange"] .market-product-card .positive{color:#bc4c42}html[data-app-id="exchange"] .market-product-card .negative{color:#21806c}
html[data-app-id="exchange"] .market-candles{width:100%;display:block;margin:12px 0;min-height:110px}
html[data-app-id="exchange"] .market-chart-empty{padding:36px 8px;text-align:center;color:#999;font-size:12px;line-height:1.8;background:#fafafa;border-radius:16px;margin:12px 0}
html[data-app-id="exchange"] .market-card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px;border-top:1px solid #eee;padding-top:16px}
html[data-app-id="exchange"] .market-card-metrics strong{display:block;margin-top:6px;font-size:16px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
html[data-app-id="exchange"] .market-card-metrics i{font-size:10px;font-style:normal;color:#999;margin-left:4px}
html[data-app-id="exchange"] .market-card-book{margin-top:18px;border-top:1px solid #eee;padding-top:14px;font-size:12px}
html[data-app-id="exchange"] .market-card-book summary{cursor:pointer;font-weight:600;list-style:none}
html[data-app-id="exchange"] .market-card-book summary span{float:right;font-size:10px;color:#999}
html[data-app-id="exchange"] .market-book-columns{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:12px}
html[data-app-id="exchange"] .market-book-columns h3{font-size:12px}.market-book-columns h3 small{display:block}
html[data-app-id="exchange"] .market-book-columns section div{display:flex;gap:4px;justify-content:space-between;flex-wrap:wrap;font-size:10px;padding:7px 0;border-bottom:1px solid #f2f2f2}
html[data-app-id="exchange"] .market-chart-detail{border:0;background:none;color:#7b6548;padding:16px 0 0;font-size:12px;text-align:left;min-height:44px}
html[data-app-id="exchange"] .market-data-note{font-size:10px;color:#858585;line-height:1.8;margin:12px 0 0}
html[data-app-id="exchange"] .market-detail-table{overflow:auto}html[data-app-id="exchange"] .market-detail-table table{width:100%;border-collapse:collapse;font-size:12px}html[data-app-id="exchange"] .market-detail-table td,html[data-app-id="exchange"] .market-detail-table th{padding:12px 8px;text-align:left;border-bottom:1px solid #eee}
@media(max-width:599px){html[data-app-id="exchange"] .market-waterfall{columns:1}}
@media(min-width:1100px){html[data-app-id="exchange"] .market-waterfall{columns:3}}

/* Chart-only themes; do not change the surrounding product dashboard. */
html[data-app-id="exchange"] .market-chart-surface{--chart-bg:#fafaf9;--chart-fg:#666;--chart-line:#dededc;--chart-control:#ececea;--chart-selected:#fff;background:var(--chart-bg);color:var(--chart-fg);border:1px solid var(--chart-line);border-radius:16px;padding:8px 8px 0;margin:14px 0}
html[data-app-id="exchange"] .market-chart-surface[data-theme="dark"]{--chart-bg:#191a1d;--chart-fg:#b8bac0;--chart-line:#33353b;--chart-control:#292b30;--chart-selected:#45474e;color-scheme:dark}
html[data-app-id="exchange"] .market-chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;padding:0 2px}
html[data-app-id="exchange"] .market-chart-toolbar>div{display:flex;padding:3px;border-radius:10px;background:var(--chart-control)}
html[data-app-id="exchange"] .market-chart-toolbar button{border:0;background:transparent;color:var(--chart-fg);padding:8px 12px;border-radius:8px;font:inherit;min-height:36px;cursor:pointer}
html[data-app-id="exchange"] .market-chart-toolbar button[aria-pressed="true"]{background:var(--chart-selected);box-shadow:0 1px 4px #0001}
html[data-app-id="exchange"] .market-chart-toolbar button:focus-visible{outline:2px solid #b19462;outline-offset:1px}
html[data-app-id="exchange"] .market-chart-surface .market-candles text{fill:var(--chart-fg)}
html[data-app-id="exchange"] .market-chart-surface .market-candles>path{stroke:var(--chart-fg);stroke-opacity:.2}
html[data-app-id="exchange"] .market-chart-surface .market-chart-empty{background:transparent;color:var(--chart-fg)}
html[data-app-id="exchange"] .market-chart-surface[data-theme="dark"] .candle-up rect{fill:#ef8076}
html[data-app-id="exchange"] .market-chart-surface[data-theme="dark"] .candle-up line{stroke:#ef8076}
html[data-app-id="exchange"] .market-chart-surface[data-theme="dark"] .candle-down rect{fill:#56c5a8}
html[data-app-id="exchange"] .market-chart-surface[data-theme="dark"] .candle-down line{stroke:#56c5a8}

/* Compact period control belongs to each product, not the whole page. */
html[data-app-id="exchange"] .market-card-period{display:inline-flex;gap:2px;padding:3px;margin:4px 0 10px;background:#f0f0f2;border-radius:11px;max-width:100%;box-sizing:border-box}
html[data-app-id="exchange"] .market-card-period button{border:0;background:transparent;color:#777;border-radius:8px;font-size:11px;line-height:1.2;padding:8px 12px;min-height:32px;cursor:pointer}
html[data-app-id="exchange"] .market-card-period button[aria-pressed="true"]{background:#fff;color:#242426;box-shadow:0 1px 5px #00000010;font-weight:600}
html[data-app-id="exchange"] .market-card-period button:focus-visible{outline:2px solid #b19462;outline-offset:1px}
html[data-app-id="exchange"] .market-period-note{display:block}
html[data-app-id="exchange"] .market-chart-open{display:block;width:100%;border:0;padding:0;background:transparent;color:var(--chart-fg);cursor:zoom-in;border-radius:10px}
html[data-app-id="exchange"] .market-chart-open>span{display:block;font-size:10px;text-align:right;padding:0 4px 10px}
html[data-app-id="exchange"] .market-chart-open:focus-visible{outline:2px solid #b19462}
html[data-app-id="exchange"] .pro-chart-dialog{--pro-bg:#fbfbfc;--pro-panel:#f0f0f2;--pro-text:#252529;--pro-muted:#76767d;--pro-line:#dedee2;--pro-up:#c65348;--pro-down:#21806c;--pro-accent:#ac8650;box-sizing:border-box;width:min(1200px,96vw);max-width:96vw;max-height:94dvh;padding:24px;border:1px solid var(--pro-line);border-radius:24px;background:var(--pro-bg);color:var(--pro-text);box-shadow:0 30px 100px #0004;overflow:auto}
html[data-app-id="exchange"] .pro-chart-dialog[data-theme="dark"]{--pro-bg:#18191d;--pro-panel:#25272d;--pro-text:#efeff2;--pro-muted:#b1b3bd;--pro-line:#373940;--pro-up:#ef8076;--pro-down:#56c5a8;--pro-accent:#d9bc8c;color-scheme:dark}
html[data-app-id="exchange"] .pro-chart-dialog::backdrop{background:#1119;backdrop-filter:blur(8px)}
html[data-app-id="exchange"] .pro-chart-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
html[data-app-id="exchange"] .pro-chart-header h2{font-size:23px;margin:6px 0;color:var(--pro-text)}
html[data-app-id="exchange"] .pro-chart-header small{font-size:11px;color:var(--pro-muted)}
html[data-app-id="exchange"] .pro-chart-dialog button,html[data-app-id="exchange"] .pro-chart-dialog select{font:inherit;font-size:12px;border:1px solid var(--pro-line);border-radius:9px;background:var(--pro-panel);color:var(--pro-text);min-height:36px;padding:6px 10px;cursor:pointer}
html[data-app-id="exchange"] .pro-chart-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-top:1px solid var(--pro-line);border-bottom:1px solid var(--pro-line);padding:12px 0}
html[data-app-id="exchange"] .pro-chart-controls label{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--pro-muted);margin:0}
html[data-app-id="exchange"] .pro-chart-controls input{width:15px;height:15px;accent-color:#a5875a}
html[data-app-id="exchange"] .pro-ohlc{font-size:12px;line-height:1.9;padding:14px 0;min-height:45px;font-variant-numeric:tabular-nums}
html[data-app-id="exchange"] .pro-chart-canvas svg{display:block;width:100%;height:auto;touch-action:pan-x pan-y}
html[data-app-id="exchange"] .pro-chart-canvas:focus-visible{outline:1px solid var(--pro-accent)}
html[data-app-id="exchange"] .pro-grid{fill:none;stroke:var(--pro-line);stroke-dasharray:3 5}
html[data-app-id="exchange"] .pro-axis{fill:var(--pro-muted);font-size:11px}
html[data-app-id="exchange"] .pro-crosshair line{stroke:var(--pro-muted);stroke-dasharray:4 4;stroke-width:1;pointer-events:none}
html[data-app-id="exchange"] .pro-chart-navigation{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0}
html[data-app-id="exchange"] .pro-window-label,html[data-app-id="exchange"] .pro-chart-help{font-size:11px;color:var(--pro-muted);line-height:1.8}
html[data-app-id="exchange"] .pro-chart-empty{padding:60px 16px;text-align:center;color:var(--pro-muted)}
@media(max-width:600px){html[data-app-id="exchange"] .pro-chart-dialog{padding:16px;width:100vw;max-width:100vw;max-height:96dvh;border-radius:20px}html[data-app-id="exchange"] .pro-chart-controls{gap:8px}html[data-app-id="exchange"] .pro-chart-header h2{font-size:20px}html[data-app-id="exchange"] .pro-chart-canvas{overflow-x:auto}html[data-app-id="exchange"] .pro-chart-canvas svg{min-width:660px}html[data-app-id="exchange"] .pro-chart-controls select{max-width:90px}}

/* Period options sit inside each chart frame and follow its colour scheme. */
html[data-app-id="exchange"] .market-chart-surface .market-card-period{display:flex;width:max-content;margin:8px 2px 2px;padding:2px;background:var(--chart-control);border-radius:9px}
html[data-app-id="exchange"] .market-chart-surface .market-card-period button{padding:7px 11px;min-height:30px;font-size:11px;color:var(--chart-fg);border-radius:7px}
html[data-app-id="exchange"] .market-chart-surface .market-card-period button[aria-pressed="true"]{background:var(--chart-selected);color:var(--chart-fg)}
/* Market Studio: native typography, restrained glass, clear information levels. */
html[data-app-id="exchange"] .pro-chart-dialog{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;--pro-bg:#f9f9fb;--pro-panel:#eeeef1;--pro-muted:#74747c;border-radius:30px;padding:28px;box-shadow:0 36px 120px #0005,inset 0 1px 0 #fff6}
html[data-app-id="exchange"] .pro-chart-dialog[data-theme="dark"]{--pro-bg:#141518;--pro-panel:#232428;--pro-line:#ffffff12;--pro-muted:#a1a1aa;box-shadow:0 36px 120px #0009,inset 0 1px 0 #ffffff15}
html[data-app-id="exchange"] .pro-chart-header{align-items:flex-start;margin-bottom:22px}
html[data-app-id="exchange"] .pro-chart-header small{font-size:9px;letter-spacing:2px;color:var(--pro-accent)}
html[data-app-id="exchange"] .pro-chart-header small span{letter-spacing:.5px;color:var(--pro-muted)}
html[data-app-id="exchange"] .pro-chart-header h2{font-size:26px;font-weight:600;letter-spacing:-.8px;margin:9px 0}
html[data-app-id="exchange"] .pro-source-pill{display:inline-block;font-size:10px;color:var(--pro-muted);background:var(--pro-panel);padding:5px 9px;border-radius:20px}
html[data-app-id="exchange"] .pro-chart-header button{width:36px;border-radius:50%;flex-shrink:0}
html[data-app-id="exchange"] .pro-primary-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border:1px solid var(--pro-line);border-radius:18px;background:color-mix(in srgb,var(--pro-panel) 75%,transparent);padding:8px;box-shadow:0 5px 20px #00000008;backdrop-filter:blur(18px)}
html[data-app-id="exchange"] .pro-primary-controls label{display:block;min-width:0;padding:4px 6px;font-size:10px}
html[data-app-id="exchange"] .pro-primary-controls select{display:block;width:100%;max-width:none;margin-top:3px;background:transparent;border:0;padding:4px 0;font-size:13px;min-height:30px;font-weight:500}
html[data-app-id="exchange"] .pro-indicator-settings{margin-top:12px;border-bottom:1px solid var(--pro-line)}
html[data-app-id="exchange"] .pro-indicator-settings>summary{font-size:12px;cursor:pointer;padding:12px 2px;color:var(--pro-text)}
html[data-app-id="exchange"] .pro-indicator-settings>summary span{font-size:10px;color:var(--pro-muted);margin-left:10px}
html[data-app-id="exchange"] .pro-indicator-settings .pro-chart-controls{border:0;padding:6px 0 14px;gap:12px}
html[data-app-id="exchange"] .pro-ohlc{padding:20px 0 4px;min-height:168px}
html[data-app-id="exchange"] .pro-quote{display:flex;align-items:center;justify-content:space-between;gap:12px}
html[data-app-id="exchange"] .pro-quote small{display:block;color:var(--pro-muted);font-size:10px;font-weight:400;line-height:1.6}
html[data-app-id="exchange"] .pro-quote strong{display:block;font-size:34px;letter-spacing:-1.3px;font-weight:600;line-height:1.5}
html[data-app-id="exchange"] .pro-quote>span{font-size:16px;font-weight:500;text-align:right}
html[data-app-id="exchange"] .pro-rise{color:var(--pro-up)}html[data-app-id="exchange"] .pro-fall{color:var(--pro-down)}
html[data-app-id="exchange"] .pro-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:14px 0 10px}
html[data-app-id="exchange"] .pro-stats small{display:block;color:var(--pro-muted);font-size:10px}
html[data-app-id="exchange"] .pro-stats b{font-size:12px;font-weight:500;overflow-wrap:anywhere}
html[data-app-id="exchange"] .pro-indicator-legend{display:flex;gap:14px;font-size:10px;color:#6c9993}
html[data-app-id="exchange"] .pro-ma-one{color:#bb8a3f}html[data-app-id="exchange"] .pro-ma-two{color:#a17bc2}
html[data-app-id="exchange"] .pro-chart-canvas{border-radius:16px;overflow:hidden;margin-top:8px}
html[data-app-id="exchange"] .pro-chart-canvas svg{min-width:0}
html[data-app-id="exchange"] .pro-axis{font-size:10px;font-variant-numeric:tabular-nums}
html[data-app-id="exchange"] .pro-grid{stroke-opacity:.6}
html[data-app-id="exchange"] .pro-window-label{text-align:center;font-size:10px;margin:4px 0 12px}
html[data-app-id="exchange"] .pro-chart-navigation{position:sticky;bottom:4px;z-index:2;display:flex;width:max-content;max-width:100%;margin:0 auto;justify-content:center;gap:4px;padding:6px;border:1px solid var(--pro-line);border-radius:22px;background:color-mix(in srgb,var(--pro-bg) 80%,transparent);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);box-shadow:0 10px 30px #0002,inset 0 1px 0 #ffffff15}
html[data-app-id="exchange"] .pro-chart-navigation button{border:0;background:transparent;min-width:36px;border-radius:16px;font-size:14px}
html[data-app-id="exchange"] .pro-chart-navigation button:last-child{font-size:11px;background:var(--pro-panel)}
html[data-app-id="exchange"] .pro-nav-caption{font-size:10px;color:var(--pro-muted);padding:0 4px}
html[data-app-id="exchange"] .pro-chart-guide{margin:20px 0 0;color:var(--pro-muted);font-size:11px}
html[data-app-id="exchange"] .pro-chart-guide summary{cursor:pointer;text-align:center}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html[data-app-id="exchange"] .pro-chart-dialog button{transition:transform .18s ease,background .18s ease}html[data-app-id="exchange"] .pro-chart-dialog button:hover{transform:translateY(-2px);background:var(--pro-panel)}}
@media(max-width:600px){html[data-app-id="exchange"] .pro-chart-dialog{padding:20px 16px;border-radius:24px;width:calc(100vw - 12px);max-width:calc(100vw - 12px)}html[data-app-id="exchange"] .pro-chart-header h2{font-size:22px}html[data-app-id="exchange"] .pro-primary-controls{gap:2px;padding:5px}html[data-app-id="exchange"] .pro-primary-controls select{font-size:12px;max-width:none}html[data-app-id="exchange"] .pro-quote strong{font-size:30px}html[data-app-id="exchange"] .pro-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}html[data-app-id="exchange"] .pro-ohlc{min-height:208px}html[data-app-id="exchange"] .pro-chart-canvas svg{min-width:0}html[data-app-id="exchange"] .pro-indicator-settings>summary span{font-size:9px;margin-left:5px}}
/* Native select popups need explicit colours, separate from glass surfaces. */
html[data-app-id="exchange"] .pro-chart-dialog select{color-scheme:light}
html[data-app-id="exchange"] .pro-chart-dialog select option,
html[data-app-id="exchange"] .pro-chart-dialog select optgroup{background-color:#fff;color:#242426}
html[data-app-id="exchange"] .pro-chart-dialog[data-theme="dark"] select{color-scheme:dark}
html[data-app-id="exchange"] .pro-chart-dialog[data-theme="dark"] select option,
html[data-app-id="exchange"] .pro-chart-dialog[data-theme="dark"] select optgroup{background-color:#292b30;color:#f5f5f7}
html[data-app-id="exchange"] .pro-chart-dialog select:focus-visible{outline:2px solid #b89a67;outline-offset:2px}
/* Short, paginated product overview. */
html[data-app-id="exchange"] .market-display-page{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",sans-serif}
html[data-app-id="exchange"] .market-display-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 2px 10px;scroll-margin-top:12px}
html[data-app-id="exchange"] .market-display-summary h1{font-size:19px;letter-spacing:-.5px;margin:0;font-weight:600}
html[data-app-id="exchange"] .market-display-summary h1 span{font-size:10px;font-weight:400;letter-spacing:0;color:#888;margin-left:8px}
html[data-app-id="exchange"] .market-display-summary p{font-size:10px;color:#85858d;margin:6px 0 0;line-height:1.7}
html[data-app-id="exchange"] .market-display-summary>button{width:36px;height:36px;border:1px solid #e4e4e8;border-radius:50%;background:#fff;color:#666;flex-shrink:0;font-size:20px}
html[data-app-id="exchange"] .market-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:10px 0 14px}
html[data-app-id="exchange"] .market-pagination button{border:1px solid #e5e5e9;background:#fff;border-radius:12px;min-width:38px;min-height:36px;font-size:22px;line-height:1;color:#333;cursor:pointer}
html[data-app-id="exchange"] .market-pagination button:disabled{opacity:.32;cursor:default}
html[data-app-id="exchange"] .market-pagination>span{color:#888;font-size:12px;font-variant-numeric:tabular-nums}
html[data-app-id="exchange"] .market-pagination b{color:#27272b;font-weight:600}
html[data-app-id="exchange"] .market-pagination small{font-size:10px;margin-left:10px;color:#999}
html[data-app-id="exchange"] .market-waterfall{margin-top:0;column-gap:12px}
html[data-app-id="exchange"] .market-product-card{padding:14px;margin-bottom:12px;border-radius:20px;box-shadow:0 4px 16px #17171404}
html[data-app-id="exchange"] .market-product-card header{align-items:flex-start;gap:6px}
html[data-app-id="exchange"] .market-product-card h2{font-size:16px;margin:0 0 2px;line-height:1.4}
html[data-app-id="exchange"] .market-card-price{margin:10px 0 3px;gap:8px}
html[data-app-id="exchange"] .market-card-price strong{font-size:25px;font-weight:600}
html[data-app-id="exchange"] .market-card-price span{font-size:11px}
html[data-app-id="exchange"] .market-product-card .market-chart-surface{margin:9px 0 12px;border-radius:13px;padding:5px 6px 0}
html[data-app-id="exchange"] .market-product-card .market-candles{height:145px;min-height:0;margin:4px 0}
html[data-app-id="exchange"] .market-chart-toolbar button{font-size:10px;min-height:28px;padding:5px 10px}
html[data-app-id="exchange"] .market-chart-open>span{font-size:9px;padding-bottom:6px}
html[data-app-id="exchange"] .market-card-metrics{gap:10px 8px;padding-top:10px}
html[data-app-id="exchange"] .market-card-metrics strong{font-size:14px;margin-top:3px;line-height:1.4}
html[data-app-id="exchange"] .market-chart-detail{padding:10px 0 0;font-size:11px;min-height:34px}
html[data-app-id="exchange"] .market-product-card .market-data-note{font-size:9px;margin:2px 0 0}
html[data-app-id="exchange"] .market-page-footnote{font-size:10px;line-height:1.7;color:#999;text-align:center;margin:16px 0 6px}
/* Scrolling always takes priority over inspecting chart data. */
html[data-app-id="exchange"] .pro-chart-canvas,
html[data-app-id="exchange"] .pro-chart-canvas svg{touch-action:pan-y pinch-zoom}
html[data-app-id="exchange"] .pro-chart-dialog{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
html[data-app-id="exchange"] .pro-chart-navigation .pro-return{font-size:11px;white-space:nowrap;background:var(--pro-panel);padding-inline:10px}
@media(max-width:380px){html[data-app-id="exchange"] .pro-chart-navigation{gap:2px;padding:4px}html[data-app-id="exchange"] .pro-chart-navigation button{min-width:29px;padding-inline:7px}}
html[data-app-id="exchange"] .pro-chart-canvas{position:relative}
html[data-app-id="exchange"] .pro-time-tooltip{position:absolute;z-index:3;pointer-events:none;max-width:220px;padding:10px 12px;border:1px solid var(--pro-line);border-radius:12px;background:var(--pro-panel);color:var(--pro-text);box-shadow:0 8px 24px #0002;font-variant-numeric:tabular-nums}
html[data-app-id="exchange"] .pro-time-tooltip strong{display:block;font-size:12px;font-weight:600;margin-bottom:5px}
html[data-app-id="exchange"] .pro-time-tooltip span{display:block;font-size:11px;line-height:1.7}
html[data-app-id="exchange"] .pro-time-tooltip small{display:block;font-size:10px;color:var(--pro-muted);margin-top:4px}
/* Compact chart settings strip. */
html[data-app-id="exchange"] .pro-primary-controls{gap:4px;padding:4px 6px;border-radius:13px;box-shadow:0 3px 12px #00000006}
html[data-app-id="exchange"] .pro-primary-controls label{padding:3px 5px;font-size:9px;line-height:1.3}
html[data-app-id="exchange"] .pro-primary-controls select{margin-top:1px;padding:2px 0;min-height:26px;font-size:12px;font-weight:500;line-height:1.4;border-radius:6px}
html[data-app-id="exchange"] .pro-chart-header{margin-bottom:14px}
html[data-app-id="exchange"] .pro-indicator-settings{margin-top:5px}
html[data-app-id="exchange"] .pro-indicator-settings>summary{padding:10px 2px;font-size:11px}
@media(max-width:600px){html[data-app-id="exchange"] .pro-primary-controls{gap:2px;padding:4px;border-radius:12px}html[data-app-id="exchange"] .pro-primary-controls label{padding:3px 4px;font-size:9px}html[data-app-id="exchange"] .pro-primary-controls select{font-size:11px;min-height:25px}html[data-app-id="exchange"] .pro-chart-header{margin-bottom:12px}}
/* Professional overview: price axis, moving averages and volume pane. */
html[data-app-id="exchange"] .market-product-card .market-chart-surface{padding:9px 8px 0;border-color:var(--chart-line);border-radius:15px}
html[data-app-id="exchange"] .market-chart-toolbar{padding-bottom:7px}
html[data-app-id="exchange"] .market-chart-toolbar>span{font-size:11px;font-weight:600}
html[data-app-id="exchange"] .market-chart-toolbar>span small{margin-left:6px;color:var(--chart-fg);font-size:9px;opacity:.8;font-weight:400}
html[data-app-id="exchange"] .market-product-card .market-candles-pro{height:auto;aspect-ratio:360/218;width:100%;margin:4px 0 6px}
html[data-app-id="exchange"] .market-chart-surface .market-candles-pro .mini-grid{stroke:var(--chart-fg);stroke-opacity:.17;stroke-width:.6;stroke-dasharray:2 4;fill:none}
html[data-app-id="exchange"] .market-chart-surface .market-candles-pro .vertical{stroke-opacity:.09}
html[data-app-id="exchange"] .market-chart-surface .market-candles-pro .mini-divider{stroke:var(--chart-fg);stroke-opacity:.18;stroke-width:.7}
html[data-app-id="exchange"] .market-chart-surface .market-candles-pro .mini-ma5{fill:#b8934e}
html[data-app-id="exchange"] .market-chart-surface .market-candles-pro .mini-ma20{fill:#a17bc2}
html[data-app-id="exchange"] .market-chart-surface .market-candles-pro .mini-last-line{stroke-width:.7;stroke-dasharray:3 3;stroke-opacity:.7}
html[data-app-id="exchange"] .market-chart-surface .mini-last-line.up{stroke:#bf554e}html[data-app-id="exchange"] .market-chart-surface .mini-last-line.down{stroke:#23816f}
html[data-app-id="exchange"] .market-chart-surface .mini-last-pill.up{fill:#a53e38}html[data-app-id="exchange"] .market-chart-surface .mini-last-pill.down{fill:#1e7565}
html[data-app-id="exchange"] .market-chart-surface .market-candles-pro .mini-last-price{fill:#fff;font-weight:500}
html[data-app-id="exchange"] .market-chart-open{outline:none;box-shadow:none;border-radius:6px}
html[data-app-id="exchange"] .market-chart-open:focus-visible{outline:1px solid var(--chart-fg);outline-offset:-1px}
html[data-app-id="exchange"] .market-chart-open>span{border-top:1px solid var(--chart-line);padding:7px 2px 8px;font-size:9px;opacity:.85}
/* Layered market surfaces: quiet depth at rest, deliberate feedback on interaction. */
html[data-app-id="exchange"] .market-display-page{background:radial-gradient(ellipse at 96% 8%,#d9c8a21a,transparent 38%),radial-gradient(ellipse at 0 32%,#ffffffb3,transparent 50%);isolation:isolate}
html[data-app-id="exchange"] .market-display-summary h1{letter-spacing:-.6px}
html[data-app-id="exchange"] .market-display-summary>button{background:#ffffffb3;backdrop-filter:blur(12px);box-shadow:0 5px 14px #27231d0a,inset 0 1px 0 #fff;border-color:#ffffffd9}
html[data-app-id="exchange"] .market-product-card{position:relative;background:linear-gradient(145deg,#fff 0%,#fdfdfd 72%,#f8f7f5 100%);border:1px solid #ffffffd9;box-shadow:0 2px 4px #27231d04,0 10px 24px -15px #27231d26,0 24px 40px -30px #27231d30,inset 0 1px 0 #fff;outline:1px solid #e3e2df85;outline-offset:-1px;transform:translateZ(0)}
html[data-app-id="exchange"] .market-product-card .market-chart-surface{box-shadow:inset 0 1px 2px #00000008,0 1px 0 #ffffffcc;background:linear-gradient(145deg,#f8f8f7,#f1f2f2);border-color:#dfe0df}
html[data-app-id="exchange"] .market-product-card .market-chart-surface[data-theme="dark"]{background:radial-gradient(ellipse at 10% 0,#bba07312,transparent 55%),linear-gradient(145deg,#222428,#121316);border-color:#3b3c40;box-shadow:0 10px 20px -10px #13141966,inset 0 1px 0 #ffffff0d,inset 0 -1px 0 #0005}
html[data-app-id="exchange"] .market-chart-toolbar{border-bottom:1px solid color-mix(in srgb,var(--chart-fg) 10%,transparent);margin-bottom:6px}
html[data-app-id="exchange"] .market-card-price strong{color:#222226;text-shadow:0 1px 0 #fff;letter-spacing:-1px}
html[data-app-id="exchange"] .market-chart-toolbar>div{box-shadow:inset 0 1px 2px #0000000b}
html[data-app-id="exchange"] .market-chart-toolbar button[aria-pressed="true"]{box-shadow:0 2px 6px #0002,inset 0 1px 0 #ffffff20}
html[data-app-id="exchange"] .market-display-page>.market-pagination{width:max-content;max-width:100%;box-sizing:border-box;margin:14px auto 18px;padding:5px 8px;gap:14px;border:1px solid #ffffffd9;border-radius:18px;background:#ffffff99;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);box-shadow:0 6px 20px -8px #26231e26,inset 0 1px 0 #fff}
html[data-app-id="exchange"] .market-pagination button{background:#ffffffc9;border-color:#e9e8e5;box-shadow:0 2px 5px #00000006}
html[data-app-id="exchange"] .market-source{box-shadow:inset 0 1px 0 #ffffff80;border:1px solid #eee8dc80}
html[data-app-id="exchange"] .market-chart-detail{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:7px;padding:10px 0 3px;border-top:1px solid #ecebe8;color:#806947}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html[data-app-id="exchange"] .market-product-card{transition:transform .22s ease,box-shadow .22s ease,outline-color .22s ease}
 html[data-app-id="exchange"] .market-product-card:hover{transform:translateY(-3px);outline-color:#d8c9b7;box-shadow:0 4px 8px #27231d06,0 18px 30px -18px #27231d3d,0 28px 44px -28px #27231d35,inset 0 1px 0 #fff}
 html[data-app-id="exchange"] .market-display-summary>button,html[data-app-id="exchange"] .market-pagination button{transition:transform .18s ease,box-shadow .18s ease}
 html[data-app-id="exchange"] .market-display-summary>button:hover,html[data-app-id="exchange"] .market-pagination button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 12px #26231e18}
 html[data-app-id="exchange"] .market-pagination button:not(:disabled):active{transform:translateY(0) scale(.97)}
}
@media(prefers-reduced-motion:reduce){html[data-app-id="exchange"] .market-product-card{transition:none;transform:none}}
/* Fit actual auction count instead of reserving empty columns. */
html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"]{columns:1}
html[data-app-id="exchange"] .auction-feed-toolbar{margin:14px 0 12px;gap:10px}
html[data-app-id="exchange"] .auction-feed-toolbar strong{font-size:18px}
html[data-app-id="exchange"] .auction-feed-toolbar span{font-size:11px}
html[data-app-id="exchange"] .auction-feed-toolbar .timed-refresh{width:auto;flex:0 0 auto;margin:0;padding:8px 10px;min-height:36px;font-size:12px;color:#78654d;border:1px solid #e9e4dc;border-radius:11px;background:#f8f6f2}
html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"] .timed-art{height:225px}
html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"] .timed-copy{padding:16px 18px}
html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"] .timed-heading{padding:16px 18px 0}
html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"] .timed-auction-card-clock{grid-template-columns:1fr auto;align-items:center}
html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"] .timed-auction-card-clock small{grid-column:1/-1}
@media(min-width:900px){html[data-app-id="exchange"] .auction-waterfall[data-auction-count="2"]{columns:2}html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"] .timed-art{height:260px}}
html[data-app-id="exchange"] .auction-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;font-size:12px}
html[data-app-id="exchange"] .auction-pagination button{border:1px solid #e6e3dd;border-radius:11px;background:#faf9f6;color:#685a47;min-height:38px;padding:8px 12px;font-size:12px}
html[data-app-id="exchange"] .auction-pagination button:disabled{opacity:.35;cursor:default}
html[data-app-id="exchange"] .auction-pagination span{text-align:center;color:#555;font-variant-numeric:tabular-nums}
html[data-app-id="exchange"] .auction-pagination small{display:block;font-size:9px;color:#999;margin-top:3px}

/* Fit the professional chart to the available screen, including phone rotation. */
html[data-app-id="exchange"] .pro-chart-dialog{width:min(1440px,100vw);max-width:100vw;max-height:100dvh}
@media(max-width:600px){
 html[data-app-id="exchange"] .pro-chart-dialog{width:100vw;max-width:100vw;padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));border-radius:18px}
 html[data-app-id="exchange"] .pro-ohlc{min-height:0;padding-top:8px}
 html[data-app-id="exchange"] .pro-quote strong{font-size:25px;line-height:1.25}
 html[data-app-id="exchange"] .pro-stats{padding:8px 0;gap:6px}
 html[data-app-id="exchange"] .pro-chart-header h2{font-size:18px;margin:4px 0}
}
@media(orientation:landscape) and (max-height:600px){
 html[data-app-id="exchange"] .pro-chart-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(180px,.8fr) minmax(300px,1.2fr);gap:4px 16px;align-content:start}
 html[data-app-id="exchange"] .pro-chart-header{margin:0;align-items:center}
 html[data-app-id="exchange"] .pro-chart-header h2{font-size:16px;margin:2px 0}
 html[data-app-id="exchange"] .pro-chart-header small{font-size:8px;letter-spacing:1px}
 html[data-app-id="exchange"] .pro-source-pill{font-size:8px;padding:1px 5px}
 html[data-app-id="exchange"] .pro-primary-controls{margin:0;padding:2px}
 html[data-app-id="exchange"] .pro-primary-controls label{padding:2px 4px;font-size:9px}
 html[data-app-id="exchange"] .pro-primary-controls select{min-height:25px;font-size:11px}
 html[data-app-id="exchange"] .pro-indicator-settings{grid-column:1/-1;margin:0}
 html[data-app-id="exchange"] .pro-indicator-settings>summary{padding:3px 0;font-size:10px}
 html[data-app-id="exchange"] .pro-ohlc{grid-column:1/-1;min-height:0;display:flex;align-items:center;gap:16px;padding:0}
 html[data-app-id="exchange"] .pro-quote{gap:12px;flex-shrink:0}
 html[data-app-id="exchange"] .pro-quote strong{font-size:20px;line-height:1.2}
 html[data-app-id="exchange"] .pro-quote small{font-size:8px}
 html[data-app-id="exchange"] .pro-quote>span{font-size:11px}
 html[data-app-id="exchange"] .pro-stats{flex:1;padding:0;gap:8px}
 html[data-app-id="exchange"] .pro-stats small{font-size:8px}
 html[data-app-id="exchange"] .pro-stats b{font-size:10px}
 html[data-app-id="exchange"] .pro-indicator-legend{gap:6px;font-size:8px;flex-direction:column}
 html[data-app-id="exchange"] .pro-chart-canvas{grid-column:1/-1;margin:0}
 html[data-app-id="exchange"] .pro-window-label{grid-column:1;margin:0;align-self:center}
 html[data-app-id="exchange"] .pro-chart-navigation{grid-column:2;position:static;padding:2px;margin:0 0 0 auto}
 html[data-app-id="exchange"] .pro-chart-navigation button{min-height:30px;padding:3px 9px}
 html[data-app-id="exchange"] .pro-chart-guide{grid-column:1/-1;margin:3px 0}
}
@media(orientation:landscape) and (max-height:600px){html[data-app-id="exchange"] .pro-chart-dialog{grid-auto-rows:max-content}html[data-app-id="exchange"] .pro-chart-canvas{min-height:max-content}}

html[data-app-id="exchange"] .home-page .hero .hero-topbar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}
html[data-app-id="exchange"] .home-page .hero .hero-topbar .hero-kicker{min-width:0;font-size:clamp(7px,2vw,10px);letter-spacing:.13em;white-space:nowrap}
html[data-app-id="exchange"] .home-page .hero .hero-topbar .hero-link{position:static;flex-shrink:0;min-height:36px;padding:0 12px;border-radius:20px;border:1px solid #ffffff35;background:#f4f0e9;color:#292624;font-size:11px;font-weight:600;white-space:nowrap}

html[data-app-id="exchange"] .timed-heading .timed-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}
html[data-app-id="exchange"] .timed-heading .timed-status small{font-size:9px;opacity:.8}
html[data-app-id="exchange"] .timed-heading .timed-status b{font-size:12px;font-weight:600;letter-spacing:.03em}

/* Put the product first; keep long descriptions available without crowding checkout. */
html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"] .timed-art{height:clamp(300px,52svh,520px);width:100%;border:0;padding:0}
html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"] .timed-art img{width:94%;height:calc(100% - 30px);inset:4px 0 26px}
html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"] .timed-orbit{width:78%;height:auto;aspect-ratio:1}
html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"] .timed-copy{padding:12px 18px 18px}
html[data-app-id="exchange"] .timed-description{margin:8px 0 12px;color:#c9c4be;font-size:12px;line-height:1.65}
html[data-app-id="exchange"] .timed-description summary{list-style:none;cursor:pointer}
html[data-app-id="exchange"] .timed-description summary::-webkit-details-marker{display:none}
html[data-app-id="exchange"] .timed-description-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
html[data-app-id="exchange"] .timed-description-toggle{display:flex;align-items:center;gap:6px;color:#ddc8a5;min-height:36px;font-size:11px}
html[data-app-id="exchange"] .timed-description-toggle i{font-style:normal}
html[data-app-id="exchange"] .timed-description .when-open{display:none}
html[data-app-id="exchange"] .timed-description[open] .when-open{display:inline}
html[data-app-id="exchange"] .timed-description[open] .when-closed,html[data-app-id="exchange"] .timed-description[open] .timed-description-preview{display:none}
html[data-app-id="exchange"] .timed-description[open] .timed-description-toggle i{transform:rotate(180deg)}
html[data-app-id="exchange"] .timed-auction-card .timed-description[open] .timed-intro{display:block;-webkit-line-clamp:unset;overflow:visible;margin:0 0 8px}
@media(min-width:760px){
 html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"] .timed-auction-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center}
 html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"] .timed-heading{grid-column:1/-1;padding:16px 20px 0}
 html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"] .timed-art{height:clamp(340px,58svh,580px)}
 html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"] .timed-copy{padding:20px}
}

/* A single prominent, factual countdown and a quieter product summary. */
html[data-app-id="exchange"] .timed-auction-card{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}
html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"] .timed-heading.is-counting{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:16px 18px 14px;gap:10px}
html[data-app-id="exchange"] .is-counting .timed-event-label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;font-weight:500;color:#e6e3dd;letter-spacing:.03em}
html[data-app-id="exchange"] .is-counting .timed-event-label::before{content:"";width:5px;height:5px;border-radius:50%;background:#edbd83;box-shadow:0 0 0 4px #edbd8310}
html[data-app-id="exchange"] .timed-heading.is-counting .timed-status{display:flex;flex-direction:column;align-items:flex-end;gap:3px;width:auto;box-sizing:border-box;padding:0;border:0;border-radius:0;background:none;box-shadow:none;white-space:nowrap}
html[data-app-id="exchange"] .timed-heading.is-counting .timed-status small{color:#9e9b96;font-size:9px;font-weight:400;letter-spacing:.08em;opacity:1}
html[data-app-id="exchange"] .timed-heading.is-counting .timed-status b{color:#f4d5ab;font-size:23px;font-weight:500;line-height:1.15;letter-spacing:.02em;font-variant-numeric:tabular-nums}
html[data-app-id="exchange"] .auction-waterfall[data-auction-count="1"] .timed-copy h2{font-size:20px;font-weight:600;letter-spacing:-.4px;margin:0 0 4px}
html[data-app-id="exchange"] .timed-description{margin:0 0 8px;border-bottom:1px solid #ffffff12;padding-bottom:4px}
html[data-app-id="exchange"] .timed-description-toggle{justify-content:space-between;color:#aaa6a2;min-height:36px}
html[data-app-id="exchange"] .timed-start-time{display:block;font-size:10px;color:#aaa6a2;margin:8px 0}
html[data-app-id="exchange"] .timed-auction-card .timed-price{margin:8px 0 12px;justify-content:space-between}
html[data-app-id="exchange"] .timed-auction-card .timed-price strong{font-size:28px;font-weight:600;letter-spacing:-.8px}
html[data-app-id="exchange"] .timed-auction-card .timed-buy{min-height:48px;border-radius:16px;font-size:14px;font-weight:600}
html[data-app-id="exchange"] .timed-auction-card .timed-buy:disabled{opacity:1;background:#35312d;color:#cfb99d;border:1px solid #ffffff12;box-shadow:none}
html[data-app-id="exchange"] .timed-auction-card .timed-rule{text-align:center;color:#96918b;font-size:9px;margin-top:8px}


html[data-app-id="exchange"] .home-ad-poster{position:relative}
html[data-app-id="exchange"] .home-ad-poster .home-ad-rules{position:absolute;top:16px;right:16px;z-index:4;min-height:36px;padding:0 12px;border:1px solid #ffffff80;border-radius:20px;background:#f4f0e9;color:#292624;box-shadow:0 3px 12px #00000015;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer}
/* Translucent rules controls stay readable over both photography and dark artwork. */
html[data-app-id="exchange"] .home-page .hero .hero-topbar .hero-link,
html[data-app-id="exchange"] .home-ad-poster .home-ad-rules{
 background:rgba(248,246,242,.03);color:#292624;border:1px solid rgba(255,255,255,.18);
 backdrop-filter:blur(2px) saturate(110%);-webkit-backdrop-filter:blur(2px) saturate(110%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 2px 8px rgba(0,0,0,.04);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html[data-app-id="exchange"] .home-page .hero .hero-topbar .hero-link,
 html[data-app-id="exchange"] .home-ad-poster .home-ad-rules{background:rgba(248,246,242,.03)}
}

html[data-app-id="exchange"] .home-page .hero .hero-topbar .hero-link{color:#fff;text-shadow:0 1px 3px #0008}

html[data-app-id="exchange"] .home-ad-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding-top:8px;min-height:40px}
html[data-app-id="exchange"] .home-ad-bottom .home-ad-controls{padding:0;gap:8px}
html[data-app-id="exchange"] .home-ad-rules-link{grid-column:2;border:0;background:transparent;color:#706452;font:inherit;font-size:11px;font-weight:500;padding:8px 10px;min-height:40px;border-radius:12px;white-space:nowrap;cursor:pointer}
html[data-app-id="exchange"] .home-ad-rules-link:focus-visible{outline:2px solid #998363;outline-offset:2px}
/* Align carousel navigation and rules on one shared horizontal centerline. */
html[data-app-id="exchange"] .home-ad-bottom{box-sizing:border-box;min-height:48px;padding:6px 4px;gap:12px}
html[data-app-id="exchange"] .home-ad-bottom .home-ad-controls{display:flex;align-items:center;justify-content:center;min-width:0;height:40px;gap:6px;margin:0}
html[data-app-id="exchange"] .home-ad-bottom .home-ad-controls>div{display:flex;align-items:center;justify-content:center;min-width:0;height:40px;gap:0}
html[data-app-id="exchange"] .home-ad-bottom .home-ad-controls button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;min-width:28px;height:40px;min-height:40px;padding:0;margin:0;line-height:1;border-radius:10px}
html[data-app-id="exchange"] .home-ad-bottom .home-ad-controls [data-ad-index]{flex:0 1 24px;width:24px;min-width:16px;font-size:0}
html[data-app-id="exchange"] .home-ad-bottom .home-ad-controls [data-ad-index]::after{flex-shrink:0;margin:0}
html[data-app-id="exchange"] .home-ad-bottom .home-ad-rules-link{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:40px;min-height:40px;padding:0 4px;margin:0;line-height:1;font-size:12px}
html[data-app-id="exchange"] .home-ad-bottom{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
html[data-app-id="exchange"] .home-ad-bottom .home-ad-controls{grid-column:2;grid-row:1}
html[data-app-id="exchange"] .home-ad-bottom .home-ad-rules-link{grid-column:3;grid-row:1;justify-self:end}
html[data-app-id="exchange"] .home-ad-bottom .home-ad-controls{gap:4px}
html[data-app-id="exchange"] .home-ad-bottom .home-ad-controls [data-ad-step]{width:24px;min-width:24px;flex-basis:24px}
html[data-app-id="exchange"] .home-ad-bottom .home-ad-controls [data-ad-index]{width:18px;min-width:12px;flex-basis:18px}
html[data-app-id="exchange"] .home-ad-bottom .home-ad-controls [aria-pressed="true"]::after{width:14px}
/* Constrain poster intrinsic sizes so tall images cannot stretch the carousel row. */
html[data-app-id="exchange"] .home-ad-poster{min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr)}
html[data-app-id="exchange"] .home-ad-poster img{min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
html[data-app-id="exchange"] .home-ad-poster.home-ad-product{display:flex;flex-direction:column;background:#fff;align-items:stretch}
html[data-app-id="exchange"] .home-ad-product-heading{flex:none;padding:20px 20px 10px;position:relative;z-index:1;color:#28282b}
html[data-app-id="exchange"] .home-ad-product-heading small{display:block;font-size:8px;letter-spacing:.2em;color:#8c7b66;margin-bottom:8px}
html[data-app-id="exchange"] .home-ad-product-heading strong{display:block;font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.3px}
html[data-app-id="exchange"] .home-ad-product img{flex:1 1 0;height:0;width:100%;object-fit:contain;padding:0 0 16px;box-sizing:border-box}
html[data-app-id="exchange"] .home-ad-product[data-product-tone="tea"]{background:#131511}
html[data-app-id="exchange"] .home-ad-product[data-product-tone="tea"] .home-ad-product-heading{color:#f2ebdc}
html[data-app-id="exchange"] .home-ad-product[data-product-tone="tea"] .home-ad-product-heading small{color:#b9a989}
html[data-app-id="exchange"] .catalog-scene{background:#f8f7f4;overflow:hidden}
html[data-app-id="exchange"] .catalog-scene img{object-fit:contain;transform:none;max-width:100%;max-height:100%}
html[data-app-id="exchange"] .letao-product-art img{object-fit:contain;max-width:100%;max-height:100%}

html[data-app-id="exchange"] .commerce-products.zone99-waterfall{display:block;columns:1;column-gap:0}
html[data-app-id="exchange"] .zone99-card{display:inline-block;vertical-align:top;box-sizing:border-box;width:100%;break-inside:avoid;margin:0 0 12px;border:1px solid #e8e6e1;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 5px 16px #382e1d08}
html[data-app-id="exchange"] .zone99-image{background:#f6f5f2;line-height:0}
html[data-app-id="exchange"] .zone99-image img{width:100%;height:auto;max-height:260px;object-fit:contain;display:block;margin:auto}
html[data-app-id="exchange"] .zone99-copy{padding:12px}
html[data-app-id="exchange"] .zone99-copy>small{font-size:10px;color:#958269}
html[data-app-id="exchange"] .zone99-copy h3{font-size:15px;line-height:1.5;margin:5px 0;overflow-wrap:anywhere}
html[data-app-id="exchange"] .zone99-copy p{font-size:11px;line-height:1.5;color:#888;margin:6px 0 10px}
html[data-app-id="exchange"] .zone99-copy strong{font-size:21px;display:block;margin:8px 0}
html[data-app-id="exchange"] .zone99-copy strong small{font-size:11px;font-weight:400;color:#888}
html[data-app-id="exchange"] .zone99-copy .button{width:100%;min-width:0;padding:9px 4px;font-size:12px;min-height:36px}


html[data-app-id="exchange"] .zone99-image img{max-height:420px;object-fit:contain}
html[data-app-id="exchange"] .zone99-copy{padding:16px}
html[data-app-id="exchange"] .zone99-copy h3{font-size:18px}

/* Compute auction: one product, one timer, a compact payment hierarchy. */
html[data-app-id="exchange"] .auction-buy-desk{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;min-width:0}
html[data-app-id="exchange"] .auction-buy-desk .auction-feed-toolbar{margin:2px 0 16px;align-items:center;gap:12px}
html[data-app-id="exchange"] .auction-buy-desk .auction-feed-toolbar strong{font-size:20px;font-weight:650;letter-spacing:-.5px}
html[data-app-id="exchange"] .auction-buy-desk .auction-feed-toolbar span{font-size:11px;color:#85858a;margin-top:3px}
html[data-app-id="exchange"] .auction-buy-desk .timed-refresh{margin:0;padding:8px 11px;min-height:40px;border-radius:13px;background:#f2f2f5;border:0;color:#626269;font-size:12px}
html[data-app-id="exchange"] .auction-buy-desk .auction-waterfall{columns:auto;display:block}
html[data-app-id="exchange"] .auction-buy-desk .auction-waterfall .timed-auction-card{display:block;margin:0;border:1px solid #e6e6eb;border-radius:24px;background:#fff;color:#222;box-shadow:0 12px 30px #20202b0c,0 2px 5px #20202b04}
html[data-app-id="exchange"] .auction-buy-desk .auction-waterfall .timed-heading{padding:14px 16px;min-height:62px;box-sizing:border-box;background:#1c1d20;flex-wrap:nowrap;gap:8px}
html[data-app-id="exchange"] .auction-buy-desk .timed-event-label{font-size:11px;color:#e1e1e6;font-weight:500}
html[data-app-id="exchange"] .auction-buy-desk .timed-heading .timed-status{font-size:11px;padding:5px 10px;border-radius:12px}
html[data-app-id="exchange"] .auction-buy-desk .timed-heading.is-counting .timed-status{display:flex;flex-direction:row;align-items:center;gap:8px;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:7px 10px}
html[data-app-id="exchange"] .auction-buy-desk .timed-heading.is-counting .timed-status small{font-size:10px;color:#c0b6a7;letter-spacing:0}
html[data-app-id="exchange"] .auction-buy-desk .timed-heading.is-counting .timed-status b{font-size:20px;font-weight:600;letter-spacing:-.4px;color:#f8d8aa;font-variant-numeric:tabular-nums}
html[data-app-id="exchange"] .auction-buy-desk .auction-waterfall .timed-art{height:clamp(230px,32svh,310px);padding:0;background:radial-gradient(ellipse at 50% 70%,#423a30,#1c1d20 78%);border:0;display:block}
html[data-app-id="exchange"] .auction-buy-desk .auction-waterfall .timed-art img{inset:0;margin:auto;width:100%;height:100%;max-width:100%;object-fit:contain;filter:none;transform:none}
html[data-app-id="exchange"] .auction-buy-desk .timed-orbit{display:none}
html[data-app-id="exchange"] .auction-buy-desk .timed-art-caption{right:12px;bottom:12px;padding:6px 9px;border:1px solid #ffffff25;border-radius:20px;background:#18181b96;color:#fff;font-size:10px;letter-spacing:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[data-app-id="exchange"] .auction-buy-desk .auction-waterfall .timed-copy{padding:16px}
html[data-app-id="exchange"] .auction-buy-desk .auction-waterfall .timed-copy h2{margin:0;font-size:19px;line-height:1.4;font-weight:650;letter-spacing:-.4px;color:#202024}
html[data-app-id="exchange"] .auction-buy-desk .timed-name-trigger{color:inherit;font:inherit;text-align:left}
html[data-app-id="exchange"] .auction-buy-desk .timed-description{margin:4px 0 12px;padding:0;border:0}
html[data-app-id="exchange"] .auction-buy-desk .timed-description-toggle{min-height:32px;font-size:11px;color:#76767c}
html[data-app-id="exchange"] .auction-buy-desk .timed-description[open] .timed-intro{font-size:13px;color:#58585f;line-height:1.7;margin:8px 0}
html[data-app-id="exchange"] .auction-buy-desk .timed-start-time{font-size:11px;color:#76767c}
html[data-app-id="exchange"] .auction-buy-desk .timed-price{margin:0;padding:12px 0 0;border-top:1px solid #ededf0;align-items:center;gap:8px}
html[data-app-id="exchange"] .auction-buy-desk .timed-price>span{font-size:11px;color:#73737a}
html[data-app-id="exchange"] .auction-buy-desk .timed-price strong{font-size:28px;font-weight:650;letter-spacing:-1px;color:#222227}
html[data-app-id="exchange"] .auction-buy-desk .timed-buy{margin:12px 0 0;min-height:46px;border-radius:14px;background:#242426;color:#fff;border:1px solid #242426;box-shadow:0 4px 10px #0000000a;font-size:14px;font-weight:600}
html[data-app-id="exchange"] .auction-buy-desk .timed-buy:disabled{background:#f2f0ec;color:#837057;border:1px solid #e9e3db;box-shadow:none}
html[data-app-id="exchange"] .auction-buy-desk .timed-rule{font-size:10px!important;line-height:1.5;margin:9px 0 0;color:#8b8b92}
html[data-app-id="exchange"] .auction-buy-desk .auction-pagination{display:flex;justify-content:space-between;align-items:center;margin:14px 0;padding:0;gap:10px}
html[data-app-id="exchange"] .auction-buy-desk .auction-pagination button{min-height:42px;border:1px solid #e8e8ed;background:#fff;color:#52525a;border-radius:13px;padding:8px 14px;font-size:12px}
html[data-app-id="exchange"] .auction-buy-desk .auction-pagination button:disabled{opacity:.4}
html[data-app-id="exchange"] .auction-buy-desk .auction-pagination>span{font-size:12px;font-variant-numeric:tabular-nums;color:#55555d}
html[data-app-id="exchange"] .auction-buy-desk .auction-pagination small{display:none}
html[data-app-id="exchange"] .auction-buy-desk>[data-buy-intents]{width:100%;min-height:44px;margin:0;background:#f3f3f6;border:0;border-radius:14px;color:#65656d;font-size:12px}
html[data-app-id="exchange"] .auction-buy-desk button:focus-visible,html[data-app-id="exchange"] .auction-buy-desk summary:focus-visible{outline:2px solid #92734b;outline-offset:3px}
@media(max-width:359px){html[data-app-id="exchange"] .auction-buy-desk .timed-heading.is-counting .timed-status{gap:4px;padding:7px}.auction-buy-desk .timed-status small{max-width:30px;white-space:normal}html[data-app-id="exchange"] .auction-buy-desk .timed-heading.is-counting .timed-status b{font-size:17px}}
@media(min-width:760px){html[data-app-id="exchange"] .auction-buy-desk .auction-waterfall .timed-auction-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center}html[data-app-id="exchange"] .auction-buy-desk .auction-waterfall .timed-heading{grid-column:1/-1}html[data-app-id="exchange"] .auction-buy-desk .auction-waterfall .timed-art{height:clamp(260px,48svh,420px)}html[data-app-id="exchange"] .auction-buy-desk .auction-waterfall .timed-copy{padding:24px}}
html[data-app-id="exchange"] .auction-buy-desk .auction-waterfall .timed-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px}
html[data-app-id="exchange"] .auction-buy-desk .timed-copy>h2,html[data-app-id="exchange"] .auction-buy-desk .timed-description,html[data-app-id="exchange"] .auction-buy-desk .timed-rule{grid-column:1/-1}
html[data-app-id="exchange"] .auction-buy-desk .timed-description{border-bottom:1px solid #ededf0;padding-bottom:6px}
html[data-app-id="exchange"] .auction-buy-desk .timed-price{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;border:0;padding:0;margin:0}
html[data-app-id="exchange"] .auction-buy-desk .timed-price strong{font-size:26px;line-height:1.2}
html[data-app-id="exchange"] .auction-buy-desk .timed-buy{align-self:center;margin:0;font-size:12px;line-height:1.4;padding:10px 6px}
html[data-app-id="exchange"] .auction-buy-desk .auction-waterfall .timed-heading.is-counting{padding:12px 16px}
@media(max-width:759px){html[data-app-id="exchange"] .auction-buy-desk .auction-waterfall .timed-art{height:clamp(220px,29svh,290px)}}

/* Discovery auction catalog: consistent tracks keep every row aligned. */
html[data-app-id="exchange"][data-client] .commerce-hub.letao-hub{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;min-width:0}
html[data-app-id="exchange"][data-client] .letao-hub .letao-editorial{height:154px;min-height:0;margin:0 0 12px;padding:20px;border-radius:22px;box-sizing:border-box;background:linear-gradient(125deg,#292d30,#525951);box-shadow:0 8px 24px #23252b12;overflow:hidden}
html[data-app-id="exchange"][data-client] .letao-hub .letao-editorial-copy{position:relative;z-index:2;width:72%}
html[data-app-id="exchange"][data-client] .letao-hub .letao-editorial-copy>small{font-size:9px;letter-spacing:.17em;color:#c3c9c1}
html[data-app-id="exchange"][data-client] .letao-hub .letao-editorial h2{font-family:inherit;font-size:24px;line-height:1.25;letter-spacing:-.5px;margin:10px 0 0;color:#fff}
html[data-app-id="exchange"][data-client] .letao-hub .letao-editorial h2 em{font-family:inherit;font-size:12px;font-style:normal;font-weight:400;letter-spacing:.02em;color:#e4e7e1}
html[data-app-id="exchange"][data-client] .letao-hub .letao-hero-note{font-size:10px;color:#c5cbc5;line-height:1.5;margin:10px 0 0;white-space:nowrap}
html[data-app-id="exchange"][data-client] .letao-hub .letao-editorial>img{height:136px;width:32%;right:6px;bottom:4px;top:auto;object-fit:contain;transform:none}
html[data-app-id="exchange"][data-client] .letao-hub .letao-hero-caption{font-size:8px;right:12px;bottom:7px;color:#d3d7d2}
html[data-app-id="exchange"][data-client] .letao-hub>[data-compute-team]{min-height:36px;font-size:11px;padding:8px 12px;border-radius:12px;margin:0 0 12px}
html[data-app-id="exchange"][data-client] .letao-hub>.commerce-tabs{margin:0 0 12px;padding:4px;border-radius:14px;gap:3px}
html[data-app-id="exchange"][data-client] .letao-hub>.commerce-tabs button{min-height:38px;padding:8px 6px;white-space:nowrap;font-size:11px}
html[data-app-id="exchange"][data-client] .letao-hub .commerce-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;margin:12px 0 16px;align-items:stretch}
html[data-app-id="exchange"][data-client] .letao-hub .commerce-search input{width:100%;min-width:0;box-sizing:border-box;min-height:42px;border:1px solid #e6e6ec;border-radius:12px;padding:10px;font-size:12px;background:#fff}
html[data-app-id="exchange"][data-client] .letao-hub .commerce-search button{min-width:0;min-height:42px;padding:8px 9px;font-size:11px;border:1px solid #e6e6ec;border-radius:12px;white-space:nowrap;background:#f7f7f9;color:#62626a}
html[data-app-id="exchange"][data-client] .letao-hub .commerce-search [data-commerce-clear]{grid-column:2;grid-row:2}
html[data-app-id="exchange"][data-client] .letao-hub .commerce-search [data-commerce-sort]{grid-column:3;grid-row:1}
html[data-app-id="exchange"][data-client] .letao-hub>.commerce-products.mall-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:12px;columns:auto;margin:0}
html[data-app-id="exchange"][data-client] .letao-hub .letao-product-card{display:flex;flex-direction:column;min-width:0;width:auto;height:100%;box-sizing:border-box;padding:0;margin:0;overflow:hidden;border:1px solid #e7e7ec;border-radius:18px;background:#fff;box-shadow:0 4px 14px #22222c05;transform:none}
html[data-app-id="exchange"][data-client] .letao-hub .letao-product-card:nth-child(n) .letao-product-art{position:relative;flex:none;height:auto;min-height:0;aspect-ratio:1/1;background:#f1f2f3;overflow:hidden;border-radius:0}
html[data-app-id="exchange"][data-client] .letao-hub .letao-product-art img{position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;object-fit:contain;filter:none;transform:none}
html[data-app-id="exchange"][data-client] .letao-hub .letao-art-code{position:absolute;top:8px;left:8px;z-index:1;max-width:calc(100% - 16px);padding:3px 6px;border-radius:6px;background:#ffffffc9;color:#6f7179;font-size:8px;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-app-id="exchange"][data-client] .letao-hub .letao-product-art>small{position:absolute;right:8px;bottom:7px;font-size:8px;color:#73747a}
html[data-app-id="exchange"][data-client] .letao-hub .letao-product-card .mall-product-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:12px;gap:0}
html[data-app-id="exchange"][data-client] .letao-hub .letao-product-card h3{font-family:inherit;font-size:14px;line-height:1.45;font-weight:600;color:#26262b;letter-spacing:-.15px;height:2.9em;min-height:2.9em;max-height:2.9em;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .letao-hub .letao-product-card .letao-stock{height:16px;line-height:16px;font-size:9px;color:#91919a;margin:6px 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-app-id="exchange"][data-client] .letao-hub .letao-price{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:48px;gap:2px;margin:auto 0 12px}
html[data-app-id="exchange"][data-client] .letao-hub .letao-price>span{font-size:10px;color:#82828b}
html[data-app-id="exchange"][data-client] .letao-hub .letao-price strong{font-size:23px;line-height:1.2;letter-spacing:-.6px;font-weight:650;font-variant-numeric:tabular-nums;color:#25252a;max-width:100%;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .letao-hub .letao-product-card .button{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;min-height:42px;margin:0;padding:10px 11px;font-family:inherit;font-size:11px;font-weight:600;line-height:1.4;border:0;border-radius:11px;background:#29292d;color:#fff;box-shadow:none}
html[data-app-id="exchange"][data-client] .letao-hub .letao-product-card .button:disabled{background:#efeff2;color:#8c8c93}
html[data-app-id="exchange"][data-client] .letao-hub .commerce-pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:18px 0;font-size:11px}
html[data-app-id="exchange"][data-client] .letao-hub .commerce-pagination button{min-height:42px;border-radius:12px;padding:8px 12px}
html[data-app-id="exchange"][data-client] .letao-hub .shop-orders-panel{margin-top:20px}
html[data-app-id="exchange"][data-client] .letao-hub button:focus-visible{outline:2px solid #92734b;outline-offset:3px}
@media(min-width:700px){html[data-app-id="exchange"][data-client] .letao-hub>.commerce-products.mall-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(min-width:1100px){html[data-app-id="exchange"][data-client] .letao-hub>.commerce-products.mall-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:359px){html[data-app-id="exchange"][data-client] .letao-hub .letao-product-card .mall-product-copy{padding:10px}html[data-app-id="exchange"][data-client] .letao-hub .letao-price strong{font-size:21px}html[data-app-id="exchange"][data-client] .letao-hub .letao-editorial{padding:16px}html[data-app-id="exchange"][data-client] .letao-hub .letao-hero-note{font-size:9px}}

html[data-app-id="exchange"][data-client] .letao-hub>.commerce-products.mall-catalog>.trade-note{grid-column:1/-1;padding:24px 12px;text-align:center;color:#777780}

/* Compute mall: compact introduction, balanced utility links and clear navigation. */
html[data-app-id="exchange"][data-client] .commerce-hub.compute-mall-hub{padding:18px;min-width:0;border-radius:24px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
html[data-app-id="exchange"][data-client] .compute-mall-hub>header{margin:0 0 18px;padding:0}
html[data-app-id="exchange"][data-client] .compute-mall-hub>header small{display:block;font-size:11px;line-height:1.5;color:#81877f;letter-spacing:.02em;margin:0 0 8px}
html[data-app-id="exchange"][data-client] .compute-mall-hub>header h2{font-family:inherit;font-size:23px;font-weight:650;line-height:1.35;letter-spacing:-.6px;margin:0 0 10px;color:#252528}
html[data-app-id="exchange"][data-client] .compute-mall-hub>header p{font-size:12px;line-height:1.7;color:#7b7b83;margin:0;max-width:42em}
html[data-app-id="exchange"][data-client] .compute-mall-hub .mall-quick-links{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:10px;margin:0 0 20px}
html[data-app-id="exchange"][data-client] .compute-mall-hub .mall-wallet{min-width:0;margin:0;padding:0;border:1px solid #e8e8ed;border-radius:13px;background:#f8f8fa;box-shadow:none}
html[data-app-id="exchange"][data-client] .compute-mall-hub .mall-wallet summary{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px;padding:10px 12px;box-sizing:border-box;font-size:12px;font-weight:550;line-height:1.4;color:#53535c;list-style:none;cursor:pointer}
html[data-app-id="exchange"][data-client] .compute-mall-hub .mall-wallet summary::-webkit-details-marker{display:none}
html[data-app-id="exchange"][data-client] .compute-mall-hub .mall-wallet summary i{font-style:normal;font-size:13px;color:#96969f;transition:transform .2s}
html[data-app-id="exchange"][data-client] .compute-mall-hub .mall-wallet[open]{grid-column:1/-1}
html[data-app-id="exchange"][data-client] .compute-mall-hub .mall-wallet[open] summary i{transform:rotate(180deg)}
html[data-app-id="exchange"][data-client] .compute-mall-hub .mall-quick-links>[data-compute-team]{width:100%;min-width:0;min-height:46px;margin:0;padding:10px 8px;border:1px solid #e8e8ed;border-radius:13px;background:#f8f8fa;color:#53535c;font-size:12px;font-weight:550;line-height:1.4;box-shadow:none}
html[data-app-id="exchange"][data-client] .compute-mall-hub .mall-wallet .commerce-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px 10px;margin:0}
html[data-app-id="exchange"][data-client] .compute-mall-hub .commerce-balances button{min-width:0;border-radius:11px;padding:12px;background:#fff}
html[data-app-id="exchange"][data-client] .compute-mall-hub>.commerce-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:4px;margin:0 0 16px;background:#f0f0f3;border:0;border-radius:14px;overflow:visible}
html[data-app-id="exchange"][data-client] .compute-mall-hub>.commerce-tabs button{min-width:0;min-height:40px;margin:0;padding:8px 2px;font-size:11px;line-height:1.4;white-space:nowrap;border:0;border-radius:11px;background:transparent;color:#7c7c85}
html[data-app-id="exchange"][data-client] .compute-mall-hub>.commerce-tabs button.active{color:#28282d;background:#fff;font-weight:600;box-shadow:0 2px 6px #20202b0b}
html[data-app-id="exchange"][data-client] .compute-mall-hub>.trade-note{font-size:11px;line-height:1.6;color:#898992;margin:0 0 12px}
html[data-app-id="exchange"][data-client] .compute-mall-hub .commerce-search{display:flex;gap:8px;margin:0 0 18px}
html[data-app-id="exchange"][data-client] .compute-mall-hub .commerce-search input{flex:1;min-width:0;width:0;min-height:42px;box-sizing:border-box;padding:10px 12px;font-size:12px;border:1px solid #e7e7ed;border-radius:12px;background:#fff}
html[data-app-id="exchange"][data-client] .compute-mall-hub .commerce-search button{min-height:42px;padding:8px 12px;border:1px solid #e7e7ed;border-radius:12px;background:#f7f7f9;font-size:12px;color:#62626c}
html[data-app-id="exchange"][data-client] .compute-mall-hub .zone99-waterfall{gap:16px}
html[data-app-id="exchange"][data-client] .compute-mall-hub .zone99-copy .button{min-height:44px;margin-top:10px;border-radius:12px;font-size:13px}
html[data-app-id="exchange"][data-client] .compute-mall-hub button:focus-visible,html[data-app-id="exchange"][data-client] .compute-mall-hub summary:focus-visible{outline:2px solid #92734b;outline-offset:3px}
@media(max-width:359px){html[data-app-id="exchange"][data-client] .commerce-hub.compute-mall-hub{padding:14px}html[data-app-id="exchange"][data-client] .compute-mall-hub>header h2{font-size:21px}html[data-app-id="exchange"][data-client] .compute-mall-hub .mall-wallet summary{padding-inline:9px;font-size:11px}html[data-app-id="exchange"][data-client] .compute-mall-hub .mall-quick-links>[data-compute-team]{font-size:11px}html[data-app-id="exchange"][data-client] .compute-mall-hub>.commerce-tabs button{font-size:10px}}

/* Shared product principles: stable content, clear actions, restrained navigation material. */
html[data-app-id="exchange"]{--ui-text:#242428;--ui-secondary:#62626c;--ui-tertiary:#72727c;--ui-surface:#fff;--ui-subtle:#f3f3f6;--ui-border:#e4e4eb;--ui-focus:#765b39;--ui-radius:18px;--ui-control-radius:12px;--ui-gap:12px;--ui-material:rgba(250,250,252,.94);--ui-navigation-shadow:0 8px 28px #20202a12;--ui-duration:160ms;--ui-ease:cubic-bezier(.2,.7,.2,1)}
html[data-app-id="exchange"][data-client] body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
html[data-app-id="exchange"][data-client] :is(button,input,select,textarea){font-family:inherit}
html[data-app-id="exchange"][data-client] :is(button,a,summary){touch-action:manipulation}
html[data-app-id="exchange"][data-client] :is(.button,.commerce-search button,.commerce-pagination button,.auction-pagination button,.icon-button,.round-button,.back-button){min-height:44px}
html[data-app-id="exchange"][data-client] :is(.icon-button,.round-button,.back-button){min-width:44px}
html[data-app-id="exchange"][data-client] :is(.commerce-tabs,.asset-tabs,.trade-board-tabs,.segmented,.fund-tabs) button{min-height:44px;line-height:1.4}
html[data-app-id="exchange"][data-client] :is(.button,.commerce-search button,.commerce-pagination button){border-radius:var(--ui-control-radius);transition:background-color var(--ui-duration) var(--ui-ease),box-shadow var(--ui-duration) var(--ui-ease),opacity var(--ui-duration) var(--ui-ease)}
html[data-app-id="exchange"][data-client] :is(.button,.icon-button):disabled{cursor:default}
html[data-app-id="exchange"][data-client] :is(button,a,summary,input,select,textarea):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
html[data-app-id="exchange"][data-client] :is(.commerce-product,.market-product-card,.asset-card,.record-card,.profile-detail-card){backdrop-filter:none;-webkit-backdrop-filter:none}
/* Navigation is the floating plane. Text keeps a sufficiently opaque backing. */
html[data-app-id="exchange"][data-client] .bottom-nav{background:var(--ui-material);border:1px solid #ffffffdc;box-shadow:var(--ui-navigation-shadow),inset 0 1px 0 #fff;backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}
html[data-app-id="exchange"][data-client] .bottom-nav .nav-item{color:#686872;min-height:52px}
html[data-app-id="exchange"][data-client] .bottom-nav .nav-item.active{color:#342d24;background:#eeeae3;box-shadow:none}
html[data-app-id="exchange"][data-client] .bottom-nav .nav-item span{font-size:calc(11px * var(--font-scale,1));font-weight:550;line-height:1.3}
html[data-app-id="exchange"][data-client] :is(.trade-note,.letao-stock,.timed-rule,.letao-collection-heading>span,.commerce-pagination>span){color:var(--ui-secondary)}
html[data-app-id="exchange"][data-client] .letao-hub .letao-product-card .letao-stock{color:var(--ui-tertiary)}
html[data-app-id="exchange"][data-client] .letao-hub .letao-price>span,html[data-app-id="exchange"][data-client] .compute-mall-hub>header p{color:var(--ui-secondary)}
html[data-app-id="exchange"][data-client] .letao-hub .letao-product-card h3{font-size:calc(14px * var(--font-scale,1))}
html[data-app-id="exchange"][data-client] .compute-mall-hub>header h2{font-size:calc(21px * var(--font-scale,1))}
html[data-app-id="exchange"][data-client] .auction-buy-desk .timed-description-toggle{font-size:calc(12px * var(--font-scale,1));color:var(--ui-secondary);min-height:40px}
html[data-app-id="exchange"][data-client] :is(.compute-mall-hub,.letao-hub)>.commerce-tabs button{font-size:calc(11px * var(--font-scale,1));white-space:normal;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .compute-mall-hub .mall-quick-links>[data-compute-team],html[data-app-id="exchange"][data-client] .compute-mall-hub .mall-wallet summary{font-size:calc(12px * var(--font-scale,1));min-height:46px}
/* Readable, stable dialogs; material belongs to the surrounding navigation, not forms. */
html[data-app-id="exchange"][data-client] .action-sheet{background:#fff;color:var(--ui-text);border:1px solid #e4e4eb;border-radius:24px 24px 0 0;box-shadow:0 -8px 40px #1c1c261c;backdrop-filter:none;-webkit-backdrop-filter:none;overscroll-behavior:contain}
html[data-app-id="exchange"][data-client] .action-sheet>header{padding:20px 20px 12px;gap:12px}
html[data-app-id="exchange"][data-client] .action-sheet>header h2{font-size:calc(20px * var(--font-scale,1));line-height:1.35;letter-spacing:-.3px;color:#242428}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body{padding:8px 20px 20px;color:var(--ui-text)}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body :is(p,label){font-size:calc(13px * var(--font-scale,1));line-height:1.65}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body :is(input,select,textarea){font-size:16px;line-height:1.5;min-height:44px;max-width:100%;box-sizing:border-box;color:#242428;background:#f8f8fa;border:1px solid #dcdce4;border-radius:12px;padding:10px 12px}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body :is(input[type=checkbox],input[type=radio]){min-height:20px;min-width:20px;accent-color:#34343a}
html[data-app-id="exchange"][data-client] .action-sheet>footer{position:sticky;bottom:0;padding:12px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--ui-border);background:#fff;gap:10px}
html[data-app-id="exchange"][data-client] .action-sheet>footer .button{min-height:48px;font-size:calc(14px * var(--font-scale,1));line-height:1.4}
html[data-app-id="exchange"][data-client] .action-sheet[aria-busy=true] #sheet-confirm{cursor:progress;opacity:.75}
html[data-app-id="exchange"][data-client] .toast{max-width:min(calc(100% - 40px),440px);background:#28282e;color:white;font-size:calc(13px * var(--font-scale,1));line-height:1.5;box-shadow:0 6px 24px #0002}
html[data-app-id="exchange"][data-client] :is(.letao-product-card,.mall-product-card,.hot-card,.menu-row,.team-center-entry,.system-settings-link,.bottom-nav .nav-item) {translate:none;scale:1}
html[data-app-id="exchange"][data-client] :is(.letao-product-card,.mall-product-card,.hot-card):hover{transform:none;translate:none;scale:1}
html[data-app-id="exchange"][data-client] .bottom-nav .nav-item.pointer-engaged :is(svg,span){translate:none;scale:1}
html[data-app-id="exchange"][data-client] :is(.letao-product-art,.mall-wine-art) img{transform:none!important}
html[data-app-id="exchange"][data-client][data-font-size="large"] :is(.letao-hub .letao-product-card h3,.zone99-copy h3){display:block;height:auto;min-height:2.9em;max-height:none;-webkit-line-clamp:unset;overflow:visible}
@media(max-width:600px){html[data-app-id="exchange"][data-client][data-font-size="large"] .letao-hub>.commerce-products.mall-catalog{grid-template-columns:minmax(0,1fr)}html[data-app-id="exchange"][data-client][data-font-size="large"] .letao-hub .letao-product-art{max-height:300px}html[data-app-id="exchange"][data-client][data-font-size="large"] .compute-mall-hub .mall-quick-links{grid-template-columns:1fr}}
@media(min-width:760px){html[data-app-id="exchange"][data-client] .action-sheet{border-radius:24px;margin-bottom:20px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-app-id="exchange"][data-client] .bottom-nav{background:#fafafc}}
@media(prefers-reduced-transparency:reduce){html[data-app-id="exchange"][data-client] :is(.bottom-nav,.map-return-bar,.timed-art-caption){background:#f8f8fa;color:#29292e;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){html[data-app-id="exchange"]{--ui-secondary:#36363e;--ui-tertiary:#494952;--ui-border:#92929c;--ui-material:#fff}html[data-app-id="exchange"][data-client] :is(.button,.commerce-product,.action-sheet,.commerce-tabs){border:1px solid #797982}html[data-app-id="exchange"][data-client] button:disabled{opacity:1;color:#595962;background:#ededf0}}
@media(prefers-reduced-motion:reduce){html[data-app-id="exchange"] *,html[data-app-id="exchange"] *::before,html[data-app-id="exchange"] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(forced-colors:active){html[data-app-id="exchange"][data-client] :is(.button,.bottom-nav,.action-sheet,.commerce-product){border:1px solid CanvasText}html[data-app-id="exchange"][data-client] :is(button,a,summary):focus-visible{outline:2px solid Highlight}}

/* 107(3): AI gradient accents and clearer navigation without changing transaction states. */
.mobile-shell {background:linear-gradient(145deg,#f4f5ff 0%,#f8f7ff 46%,#edf7fa 100%);}
.home-page .hero,.market107-overview,.trade107-overview {background:linear-gradient(125deg,#ebe7ff 0%,#f5eeff 48%,#e7f3fb 100%);}
.bottom-nav .nav-item {color:#47435c;font-weight:650;min-height:52px;}
.bottom-nav .nav-item svg {width:25px;height:25px;stroke-width:2;opacity:1;}
.bottom-nav .nav-item.active {color:#312064;background:#eee8ff;border-radius:14px;}
.bottom-nav .nav-item span {font-size:12px;}
.market107-province-chart {padding:14px 0;border-bottom:1px solid #e0deeb;}
.market107-province-chart>summary {font-weight:650;color:#38324f;cursor:pointer;min-height:32px;}
.market107-province-chart [data-province-chart-body] {padding-top:12px;min-width:0;overflow:auto;}
[data-payment-countdown] {padding:12px;background:#eee8ff;color:#352264;font-weight:700;border-radius:12px;}

/* Secondary pages: consistent content surfaces, accessible actions and readable detail. */
html[data-app-id="exchange"][data-client] .sub-page{--deep-space:16px;color:#242428}
html[data-app-id="exchange"][data-client] .sub-page>.topbar{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e5eb;min-height:76px;align-items:center}
html[data-app-id="exchange"][data-client] .sub-page .topbar-brand strong{font-size:calc(20px * var(--font-scale,1));letter-spacing:-.4px;white-space:normal;line-height:1.3}
html[data-app-id="exchange"][data-client] .sub-page .topbar-brand small{font-size:calc(11px * var(--font-scale,1));color:#686872;line-height:1.5}
html[data-app-id="exchange"][data-client] .sub-page .topbar-actions{flex-shrink:0}
html[data-app-id="exchange"][data-client] .sub-page :is(.pickup-stock-card,.pickup-record-card,.record-card,.return-card,.reservation-card,.statement-card,.address-card,.profile-detail-card,.qualification-card,.safety-permissions,.safety-freeze-card,.safety-risk-card,.safety-order-card,.venue-contact-card,.venue-session-card,.venue-good-card,.auction-card,.venue-card,.fund-date-panel,.record-export-panel,.timeline-record-card,.identity-card,.font-size-settings,.message-summary){background:#fff;border:1px solid #e5e5eb;border-radius:18px;box-shadow:0 2px 8px #24242803;padding:16px;transform:none}
html[data-app-id="exchange"][data-client] .sub-page :is(.pickup-list,.return-list,.reservation-list,.record-list,.statement-list,.address-list,.fund-flow-list){display:grid;gap:12px}
html[data-app-id="exchange"][data-client] .sub-page :is(.section-head,.address-head){margin:24px 0 12px;gap:12px;align-items:center}
html[data-app-id="exchange"][data-client] .sub-page .section-head h2{font-size:calc(16px * var(--font-scale,1));font-weight:650;letter-spacing:-.2px;line-height:1.4}
html[data-app-id="exchange"][data-client] .sub-page .section-head p{font-size:calc(11px * var(--font-scale,1));color:#686872;line-height:1.6;margin-top:4px}
html[data-app-id="exchange"][data-client] .sub-page :is(.sub-tabs,.filter-row){gap:4px;margin:14px 0;overflow-x:auto;max-width:100%;scrollbar-width:none}
html[data-app-id="exchange"][data-client] .sub-page .sub-tabs{padding:4px;background:#ececf0;border:0;border-radius:13px;box-shadow:none}
html[data-app-id="exchange"][data-client] .sub-page .sub-tabs button{min-height:44px;flex-shrink:0;padding:9px 12px;border-radius:10px;color:#62626c;font-size:calc(12px * var(--font-scale,1));line-height:1.4}
html[data-app-id="exchange"][data-client] .sub-page .sub-tabs button.active{background:#fff;color:#242428;box-shadow:0 2px 6px #2424280b}
html[data-app-id="exchange"][data-client] .sub-page :is(.filter-chip,.fund-date-presets button){min-height:40px;line-height:1.4;padding:8px 12px;border-radius:10px}
html[data-app-id="exchange"][data-client] .sub-page :is(.pickup-overview,.return-overview,.reservation-overview,.record-overview){background:#fff;border:1px solid #e5e5eb;border-radius:18px;box-shadow:none;color:#242428;padding:18px 14px;gap:12px;margin:0 0 16px}
html[data-app-id="exchange"][data-client] .sub-page :is(.pickup-overview,.return-overview,.reservation-overview,.record-overview) :is(span,small){color:#686872;line-height:1.6}
html[data-app-id="exchange"][data-client] .sub-page :is(.pickup-overview,.return-overview,.reservation-overview,.record-overview) strong{color:#242428;font-size:calc(21px * var(--font-scale,1));line-height:1.5;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
html[data-app-id="exchange"][data-client] .sub-page :is(.pickup-record-grid,.reservation-meta,.record-card-grid,.timeline-record-values,.fund-metrics){border:0;border-radius:12px;background:#f5f5f8;padding:12px;gap:12px}
html[data-app-id="exchange"][data-client] .sub-page :is(.timeline-record-values,.fund-metrics,.pickup-record-grid)>div{min-width:0;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .sub-page :is(.timeline-record-values,.fund-metrics) strong{font-size:calc(14px * var(--font-scale,1));font-variant-numeric:tabular-nums;line-height:1.5}
html[data-app-id="exchange"][data-client] .sub-page :is(.fund-flow-card,.message-card){background:#fff;border:1px solid #e5e5eb;border-radius:16px;padding:16px;box-shadow:none;text-align:left;gap:12px;min-width:0}
html[data-app-id="exchange"][data-client] .sub-page :is(.fund-flow-card,.message-card) :is(strong,p,small){overflow-wrap:anywhere;line-height:1.6}
html[data-app-id="exchange"][data-client] .sub-page :is(.message-card,.identity-card)>div{min-width:0}
html[data-app-id="exchange"][data-client] .sub-page :is(.address-card,.identity-card) button{min-height:44px;padding:8px 12px;border-radius:10px;background:#f2f2f6;color:#34343b;border:0;flex-shrink:0}
html[data-app-id="exchange"][data-client] .sub-page .address-card footer button{color:#a23b35;background:#fbefed}
html[data-app-id="exchange"][data-client] .sub-page .identity-card{display:flex;align-items:center;gap:12px;margin-bottom:16px}
html[data-app-id="exchange"][data-client] .sub-page .identity-card small{overflow-wrap:anywhere;line-height:1.6;white-space:normal}
html[data-app-id="exchange"][data-client] .sub-page .font-size-settings{margin-bottom:16px}
html[data-app-id="exchange"][data-client] .sub-page .profile-detail-card>div{padding:14px 0;gap:16px;align-items:flex-start;border-color:#ededf2}
html[data-app-id="exchange"][data-client] .sub-page .profile-detail-card strong{max-width:65%;overflow-wrap:anywhere;text-align:right;line-height:1.6}
html[data-app-id="exchange"][data-client] .sub-page .profile-detail-card span{white-space:nowrap;color:#62626c}
html[data-app-id="exchange"][data-client] .sub-page :is(input,select,textarea){font:inherit;font-size:16px;min-height:44px;max-width:100%;border-radius:10px;box-sizing:border-box}
html[data-app-id="exchange"][data-client] .sub-page input[type=checkbox]{min-height:20px}
html[data-app-id="exchange"][data-client] .sub-page :is(.empty-state,.safety-empty){padding:36px 20px;background:#f8f8fa;border:1px dashed #dcdce4;border-radius:18px;box-shadow:none;text-align:center}
html[data-app-id="exchange"][data-client] .sub-page .empty-state strong{font-size:calc(15px * var(--font-scale,1));line-height:1.5}
html[data-app-id="exchange"][data-client] .sub-page .empty-state span{color:#686872;font-size:calc(12px * var(--font-scale,1));line-height:1.7;max-width:32em;margin-inline:auto}
html[data-app-id="exchange"][data-client] .sub-page .risk-tip{font-size:calc(11px * var(--font-scale,1));line-height:1.8;margin-top:20px;color:#686872}
html[data-app-id="exchange"][data-client] .deep-disclosure{margin:16px 0;background:#fff;border:1px solid #e5e5eb;border-radius:14px;padding:0 14px}
html[data-app-id="exchange"][data-client] .deep-disclosure>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:calc(13px * var(--font-scale,1));font-weight:600;gap:12px;list-style:none}
html[data-app-id="exchange"][data-client] .deep-disclosure>summary::-webkit-details-marker{display:none}
html[data-app-id="exchange"][data-client] .deep-disclosure>summary span{font-size:11px;color:#686872;font-weight:400}
html[data-app-id="exchange"][data-client] .deep-disclosure[open]>summary span{font-size:0}
html[data-app-id="exchange"][data-client] .deep-disclosure[open]>summary span::after{content:'收起';font-size:11px}
html[data-app-id="exchange"][data-client] .profile-menu-group{margin:24px 0}
html[data-app-id="exchange"][data-client] .profile-menu-group>h2{font-size:calc(13px * var(--font-scale,1));color:#62626c;font-weight:550;margin:0 4px 10px}
html[data-app-id="exchange"][data-client] .profile-menu-group .menu-card{margin:0;border:1px solid #e5e5eb;border-radius:18px;padding:0 16px;background:#fff;box-shadow:none;overflow:hidden}
html[data-app-id="exchange"][data-client] .profile-menu-group .menu-row{min-height:74px;padding:14px 0;gap:12px;border-bottom:1px solid #ededf2;background:#fff;align-items:center;box-shadow:none}
html[data-app-id="exchange"][data-client] .profile-menu-group .menu-row:last-child{border-bottom:0}
html[data-app-id="exchange"][data-client] .profile-menu-group .menu-row>div{min-width:0}
html[data-app-id="exchange"][data-client] .profile-menu-group .menu-row strong{font-size:calc(14px * var(--font-scale,1));font-weight:600;line-height:1.5}
html[data-app-id="exchange"][data-client] .profile-menu-group .menu-row small{display:block;white-space:normal;font-size:calc(11px * var(--font-scale,1));color:#686872;line-height:1.6;margin-top:3px}
html[data-app-id="exchange"][data-client] .profile-menu-group .menu-row>i{width:32px;height:32px;flex:0 0 32px;background:#f3f3f7;border-radius:9px;color:#62626c;box-shadow:none}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body :is(.confirm-summary,.order-detail-summary,.order-detail-info){background:#f5f5f8;border:1px solid #e6e6ed;border-radius:16px;padding:16px;margin:8px 0 16px;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .confirm-summary>div{padding:12px 0;min-height:44px;align-items:flex-start;flex-wrap:wrap;gap:8px}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .confirm-summary strong{font-size:calc(13px * var(--font-scale,1));line-height:1.6;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body :is(.confirm-summary,.order-detail-summary)>p{margin:8px 0}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body :is(.order-detail-summary,.order-detail-info)>h3{font-size:calc(17px * var(--font-scale,1));margin:6px 0 12px;line-height:1.5}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .deep-eyebrow{color:#686872;font-size:11px}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .order-detail-summary>.button{width:100%;margin:8px 0 0;min-height:44px}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .order-detail-info{background:#fff}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .order-detail-info dl{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px 12px;margin:0;font-size:calc(12px * var(--font-scale,1));line-height:1.7}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .order-detail-info dt{color:#686872}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .order-detail-info dd{margin:0;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .deep-section-title{font-size:calc(15px * var(--font-scale,1));margin:24px 0 12px}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .commerce-timeline{padding:0 0 0 20px;margin:12px 0 20px}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .commerce-timeline li{font-size:calc(12px * var(--font-scale,1));line-height:1.7;padding:8px 0;color:#62626c}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .commerce-ledger article{padding:16px 0;border-bottom:1px solid #e5e5eb}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .commerce-ledger header{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .commerce-ledger small{overflow-wrap:anywhere;color:#686872}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .commerce-order-button{width:100%;text-align:left;background:#fff;border:1px solid #e5e5eb;border-radius:16px;padding:16px;margin-bottom:12px;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .commerce-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body .commerce-order-head b{flex-shrink:0;font-size:11px;border-radius:6px;padding:4px 7px;background:#f0f0f5}
@media(max-width:420px){html[data-app-id="exchange"][data-client] .sub-page :is(.fund-custom-range,.safety-freeze-grid){grid-template-columns:minmax(0,1fr)}html[data-app-id="exchange"][data-client] .sub-page .fund-custom-range>b{display:none}html[data-app-id="exchange"][data-client] .sub-page :is(.record-proof-summary,.record-export-panel){flex-wrap:wrap;gap:12px}html[data-app-id="exchange"][data-client] .sub-page :is(.timeline-record-card footer,.address-card header){flex-wrap:wrap;gap:8px}html[data-app-id="exchange"][data-client] .sub-page .record-overview{grid-template-columns:1fr 1fr}html[data-app-id="exchange"][data-client] .sub-page .record-overview>div:last-child{grid-column:1/-1;border-top:1px solid #ededf2;padding-top:10px}}
@media(min-width:900px){html[data-app-id="exchange"][data-client] .profile-page .profile-menu-group .menu-card{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}html[data-app-id="exchange"][data-client] .account-settings-page .address-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-contrast:more){html[data-app-id="exchange"][data-client] .sub-page :is(.profile-detail-card,.address-card,.message-card,.fund-flow-card){border-color:#94949d}}
html[data-app-id="exchange"][data-client] .sub-page .identity-card strong{color:#242428;font-size:calc(16px * var(--font-scale,1));line-height:1.5}
html[data-app-id="exchange"][data-client] .sub-page .identity-card small{color:#62626c;font-size:calc(11px * var(--font-scale,1))}
html[data-app-id="exchange"][data-client] .sub-page .identity-card>div:not(.avatar){flex:1}
html[data-app-id="exchange"][data-client] .sub-page .timeline-record-card footer>div{display:flex;flex-wrap:wrap;gap:8px}
html[data-app-id="exchange"][data-client] .sub-page .timeline-record-card footer button{min-height:44px;padding:8px 10px;border-radius:10px}
html[data-app-id="exchange"][data-client] .sub-page>.page-title{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center;margin-bottom:18px;min-height:64px}
html[data-app-id="exchange"][data-client] .sub-page>.page-title h1{font-size:calc(19px * var(--font-scale,1));font-weight:650;letter-spacing:-.4px;line-height:1.4;white-space:normal;text-align:center;margin:0}
html[data-app-id="exchange"][data-client] .sub-page>.page-title button{width:44px;height:44px;box-shadow:0 2px 8px #24242806;background:#fff;border:1px solid #e5e5eb;border-radius:14px}
/* Team services stay aligned even with long labels and enlarged text. */
html[data-app-id="exchange"][data-client] .action-sheet .compute-team-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:20px 0 24px}
html[data-app-id="exchange"][data-client] .action-sheet .compute-team-action{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:72px;margin:0;padding:14px 16px;border:1px solid #e5e5eb;border-radius:14px;background:#f7f7fa;color:#242428;text-align:left;box-shadow:none;white-space:normal}
html[data-app-id="exchange"][data-client] .action-sheet .compute-team-action>span{min-width:0;display:grid;gap:4px}
html[data-app-id="exchange"][data-client] .action-sheet .compute-team-action strong{font-size:calc(14px * var(--font-scale,1));font-weight:600;line-height:1.5;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .action-sheet .compute-team-action small{font-size:calc(11px * var(--font-scale,1));font-weight:400;line-height:1.5;color:#686872}
html[data-app-id="exchange"][data-client] .action-sheet .compute-team-action>i{flex:0 0 16px;text-align:center;font-style:normal;font-size:22px;font-weight:400;color:#85858f}
html[data-app-id="exchange"][data-client] .action-sheet .compute-team-action:active{background:#eaeaf0}
@media(hover:hover){html[data-app-id="exchange"][data-client] .action-sheet .compute-team-action:hover{background:#eeeef3}}

/* Consistent product image, copy and action slots. */
html[data-app-id="exchange"][data-client] .selection-mall-hub>.commerce-products{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;columns:auto;align-items:stretch}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-product-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;background:#fff;border:1px solid #e5e5eb;border-radius:18px;overflow:hidden;box-shadow:0 2px 10px #24242805}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-detail-button{display:flex;flex-direction:column;width:100%;padding:0;margin:0;border:0;background:transparent;text-align:left;color:#242428;box-shadow:none;border-radius:0}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub .mall-wine-art,.compute-mall-hub .zone99-image){display:flex;position:relative;align-items:center;justify-content:center;box-sizing:border-box;width:100%;aspect-ratio:4/3;height:auto;min-height:0;max-height:none;padding:24px;background:#f5f5f7;overflow:hidden;gap:12px}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub .mall-wine-art,.compute-mall-hub .zone99-image) img{display:block;position:static;box-sizing:border-box;width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;object-fit:contain;margin:0;padding:0;filter:none;transform:none}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-wine-art.pair img{width:calc(50% - 6px);max-width:calc(50% - 6px)}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-wine-art>span{position:absolute;left:12px;top:12px;padding:4px 8px;background:#fffffff0;border-radius:6px;color:#62626c;font-size:11px;line-height:1.5}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub .mall-product-copy,.compute-mall-hub .zone99-copy){display:flex;flex-direction:column;box-sizing:border-box;gap:6px;padding:16px;width:100%;min-width:0}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub .mall-product-copy,.compute-mall-hub .zone99-copy)>small{font-size:calc(11px * var(--font-scale,1));color:#686872;line-height:1.5}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub .mall-product-copy,.compute-mall-hub .zone99-copy) h3{font-size:calc(17px * var(--font-scale,1));font-weight:600;line-height:1.5;letter-spacing:-.2px;margin:0;min-height:3em;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub .mall-product-copy,.compute-mall-hub .zone99-copy)>p{font-size:calc(12px * var(--font-scale,1));line-height:1.6;min-height:1.6em;margin:0;color:#686872;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-product-copy>span{margin-top:6px;font-size:calc(12px * var(--font-scale,1));color:#62533f;line-height:1.5}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-dual-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px;gap:10px;margin-top:auto}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-price-choice{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:12px;border:1px solid #e5e5eb;border-radius:12px;background:#f7f7fa;color:#242428;box-shadow:none;white-space:normal}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-price-choice strong{font-size:calc(15px * var(--font-scale,1));font-variant-numeric:tabular-nums;line-height:1.5;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-price-choice :is(small,span,b){font-size:calc(11px * var(--font-scale,1));line-height:1.5}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-price-choice:disabled{opacity:1;background:#f4f4f6;color:#777780}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-product-card>.trade-note{margin:0;padding:12px 16px 16px;color:#686872;font-size:calc(11px * var(--font-scale,1));line-height:1.5}
html[data-app-id="exchange"][data-client] .compute-mall-hub .zone99-waterfall{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;columns:auto}
html[data-app-id="exchange"][data-client] .compute-mall-hub .zone99-card{display:flex;flex-direction:column;margin:0;min-width:0;border:1px solid #e5e5eb;border-radius:18px;box-shadow:0 2px 10px #24242805}
html[data-app-id="exchange"][data-client] .compute-mall-hub .zone99-copy>strong{font-size:calc(23px * var(--font-scale,1));font-weight:650;font-variant-numeric:tabular-nums;margin:6px 0}
html[data-app-id="exchange"][data-client] .compute-mall-hub .zone99-copy .button{width:100%;min-height:46px;margin:0;padding:12px;line-height:1.5;border-radius:12px}
@media(min-width:760px){html[data-app-id="exchange"][data-client] .selection-mall-hub>.commerce-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:359px){html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-dual-prices{grid-template-columns:1fr}}
@media(max-width:600px){html[data-app-id="exchange"][data-client][data-font-size="large"] .selection-mall-hub .mall-dual-prices{grid-template-columns:1fr}}
html[data-app-id="exchange"][data-client] .team-service-page{display:grid;gap:16px;padding-bottom:8px}
html[data-app-id="exchange"][data-client] .team-service-back{justify-self:start;min-height:44px;padding:8px 0;color:#62533f;background:transparent;border:0;font-size:13px;box-shadow:none}
html[data-app-id="exchange"][data-client] .team-service-intro{padding:18px;border:1px solid #e5e5eb;border-radius:16px;background:#f5f5f8}
html[data-app-id="exchange"][data-client] .team-service-step{font-size:calc(11px * var(--font-scale,1));line-height:1.6;color:#686872;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .team-service-page h3{font-size:calc(17px * var(--font-scale,1));font-weight:650;line-height:1.5;margin:6px 0 10px;letter-spacing:-.2px}
html[data-app-id="exchange"][data-client] .team-service-page p{margin:0;color:#62626c;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .team-service-form{padding:16px;border:1px solid #e5e5eb;border-radius:16px;background:#fff;min-width:0}
html[data-app-id="exchange"][data-client] .team-service-form .field{display:grid;gap:8px;margin:16px 0 0}
html[data-app-id="exchange"][data-client] .team-service-form .field>span{font-weight:600;color:#34343b}
html[data-app-id="exchange"][data-client] .team-service-form :is(input,textarea,select){width:100%;margin:0}
html[data-app-id="exchange"][data-client] .team-service-form small{font-size:calc(11px * var(--font-scale,1));line-height:1.6;color:#686872}
html[data-app-id="exchange"][data-client] .team-service-note{padding:0 4px}
html[data-app-id="exchange"][data-client] .team-service-note h4{font-size:13px;line-height:1.6;margin:0 0 6px;color:#44444d}
html[data-app-id="exchange"][data-client] .team-service-note ul{padding-left:18px;margin:0;color:#686872;font-size:calc(12px * var(--font-scale,1));line-height:1.8}
html[data-app-id="exchange"][data-client] .team-service-balance{display:grid;gap:4px;margin-top:16px;padding-top:12px;border-top:1px solid #e0e0e8}
html[data-app-id="exchange"][data-client] .team-service-balance span{font-size:12px;color:#686872}
html[data-app-id="exchange"][data-client] .team-service-balance strong,html[data-app-id="exchange"][data-client] .team-transfer-total{font-size:calc(28px * var(--font-scale,1));font-variant-numeric:tabular-nums;line-height:1.4;color:#242428}
html[data-app-id="exchange"][data-client] .team-service-values{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;margin:8px 0;font-size:calc(12px * var(--font-scale,1));line-height:1.7}
html[data-app-id="exchange"][data-client] .team-service-values dt{color:#686872}
html[data-app-id="exchange"][data-client] .team-service-values dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:600;font-variant-numeric:tabular-nums}
html[data-app-id="exchange"][data-client] .team-service-page .team-service-caption{font-size:calc(11px * var(--font-scale,1));line-height:1.7;margin-top:8px}
html[data-app-id="exchange"][data-client] .team-service-goods{border:1px solid #e5e5eb;border-radius:14px;padding:0 14px}
html[data-app-id="exchange"][data-client] .team-service-goods summary{min-height:48px;display:flex;align-items:center;font-size:13px;cursor:pointer}
html[data-app-id="exchange"][data-client] .team-service-goods>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #e5e5eb;overflow-wrap:anywhere;font-size:12px}
/* Separate OPC record actions, including their keyboard focus rings. */
html[data-app-id="exchange"][data-client] .opc-record-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;padding:4px}
html[data-app-id="exchange"][data-client] .opc-record-actions>.button{width:100%;min-width:0;min-height:48px;height:100%;margin:0;padding:12px 8px;border:1px solid #e2e2e8;border-radius:12px;background:#fff;color:#44444d;box-shadow:none;font-size:calc(12px * var(--font-scale,1));font-weight:550;line-height:1.5;white-space:normal}
@media(max-width:359px){html[data-app-id="exchange"][data-client] .opc-record-actions{grid-template-columns:minmax(0,1fr);gap:12px}}
@media(max-width:600px){html[data-app-id="exchange"][data-client][data-font-size="large"] .opc-record-actions{grid-template-columns:minmax(0,1fr);gap:12px}}
/* Form labels always occupy their own row; never flow beside another input. */
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body label.field{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;margin:16px 0}
html[data-app-id="exchange"][data-client] .action-sheet .sheet-body label.field>:is(input,textarea,select){display:block;width:100%;min-width:0;margin:0;box-sizing:border-box}
html[data-app-id="exchange"][data-client] .team-service-page{gap:14px}
html[data-app-id="exchange"][data-client] .team-service-form .field:first-of-type{margin-top:12px}
html[data-app-id="exchange"][data-client] .team-service-form .field:last-child{margin-bottom:0}
html[data-app-id="exchange"][data-client] .team-service-form textarea{min-height:104px;resize:vertical}
html[data-app-id="exchange"][data-client] .team-service-form input,html[data-app-id="exchange"][data-client] .team-service-form select{min-height:48px}
html[data-app-id="exchange"][data-client] .team-service-intro h3{margin:6px 0 8px}
@media(max-width:420px){html[data-app-id="exchange"][data-client] .action-sheet:has(.team-service-page){padding-inline:0}html[data-app-id="exchange"][data-client] .action-sheet:has(.team-service-page)>.sheet-body{padding-inline:18px}html[data-app-id="exchange"][data-client] .action-sheet:has(.team-service-page)>header{padding-inline:18px}html[data-app-id="exchange"][data-client] .action-sheet:has(.team-service-page)>footer{padding-inline:18px}}
/* Equal product frames; preserve complete artwork within each frame. */
html[data-app-id="exchange"][data-client] .compute-mall-hub .zone99-waterfall{grid-auto-rows:1fr}
html[data-app-id="exchange"][data-client] .compute-mall-hub .zone99-image{display:flex;align-items:center;justify-content:center;aspect-ratio:auto;height:280px;min-height:280px;max-height:280px;position:relative;flex-shrink:0;padding:0;line-height:0;background:#f5f5f7}
html[data-app-id="exchange"][data-client] .compute-mall-hub .zone99-image img{display:block;position:absolute;inset:0;width:100%;height:100%;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;margin:0;padding:0}
html[data-app-id="exchange"][data-client] .compute-mall-hub .zone99-copy{flex:1}
html[data-app-id="exchange"][data-client] .compute-mall-hub .zone99-actions{display:grid;gap:8px;grid-template-rows:repeat(2,minmax(46px,auto));margin-top:auto;padding-top:6px}
/* Auction catalog: one shared content edge, no nested panel crowding. */
html[data-app-id="exchange"][data-client] .page:has(>.letao-hub){padding-inline:16px;box-sizing:border-box}
html[data-app-id="exchange"][data-client] .commerce-hub.letao-hub{display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box;padding:0;margin:0 0 20px;border:0;border-radius:0;background:transparent;box-shadow:none}
html[data-app-id="exchange"][data-client] .letao-hub>:is(.letao-editorial,.commerce-tabs,.commerce-search,.letao-collection-heading,.commerce-products,.commerce-pagination,.shop-orders-panel){width:100%;box-sizing:border-box;margin:0;min-width:0}
html[data-app-id="exchange"][data-client] .letao-hub>[data-compute-team]{align-self:flex-start;min-height:44px;margin:0;padding:10px 14px}
html[data-app-id="exchange"][data-client] .letao-hub>.commerce-tabs{padding:4px;gap:4px;overflow-x:auto;scrollbar-width:none}
html[data-app-id="exchange"][data-client] .letao-hub>.commerce-tabs button{min-height:44px}
html[data-app-id="exchange"][data-client] .letao-hub>.letao-collection-heading{padding-top:4px;align-items:center;gap:12px}
html[data-app-id="exchange"][data-client] .letao-hub .letao-collection-heading h3{margin:4px 0 0;font-size:calc(20px * var(--font-scale,1));letter-spacing:-.3px;line-height:1.4}
html[data-app-id="exchange"][data-client] .letao-hub .letao-collection-heading>span{flex-shrink:0;font-size:calc(11px * var(--font-scale,1))}
html[data-app-id="exchange"][data-client] .letao-hub>.commerce-search{gap:8px}
html[data-app-id="exchange"][data-client] .letao-hub .commerce-search input{font-size:16px;padding:10px 12px;min-height:44px}
html[data-app-id="exchange"][data-client] .letao-hub>.commerce-products.mall-catalog{gap:12px}
html[data-app-id="exchange"][data-client] .letao-hub .shop-orders-panel{padding:16px;border:1px solid #e5e5eb;border-radius:18px;background:white}
html[data-app-id="exchange"][data-client] .page:has(>.letao-hub)>[data-auction-discovery]{min-height:44px;margin:0 0 16px;padding:10px 14px}
@media(max-width:359px){html[data-app-id="exchange"][data-client] .letao-hub>.commerce-search{grid-template-columns:minmax(0,1fr) auto}html[data-app-id="exchange"][data-client] .letao-hub .commerce-search [data-commerce-sort]{grid-column:1;grid-row:2;justify-self:start}html[data-app-id="exchange"][data-client] .letao-hub .letao-hero-note{white-space:normal}}
@media(min-width:760px){html[data-app-id="exchange"][data-client] .page:has(>.letao-hub){padding-inline:24px}html[data-app-id="exchange"][data-client] .letao-hub>.commerce-products.mall-catalog{gap:16px}}
@media(max-width:600px){html[data-app-id="exchange"][data-client][data-font-size="large"] .letao-hub>.commerce-search{grid-template-columns:minmax(0,1fr) auto}html[data-app-id="exchange"][data-client][data-font-size="large"] .letao-hub .commerce-search [data-commerce-sort]{grid-column:1;grid-row:2;justify-self:start}}
/* Team service is a quiet utility row below the section navigation. */
html[data-app-id="exchange"][data-client] .letao-hub>button.letao-team-entry{display:flex;align-items:center;align-self:stretch;gap:12px;box-sizing:border-box;width:100%;min-height:64px;padding:12px 14px;margin:0;border:1px solid #e5e5eb;border-radius:14px;background:#fff;color:#34343b;text-align:left;box-shadow:none}
html[data-app-id="exchange"][data-client] .letao-team-entry-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:#f0efed;color:#78684f}
html[data-app-id="exchange"][data-client] .letao-team-entry-icon svg{width:20px;height:20px}
html[data-app-id="exchange"][data-client] .letao-team-entry-copy{display:flex;flex:1;align-items:center;justify-content:space-between;gap:10px;min-width:0}
html[data-app-id="exchange"][data-client] .letao-team-entry-copy strong{font-size:calc(13px * var(--font-scale,1));line-height:1.5;font-weight:600;white-space:nowrap}
html[data-app-id="exchange"][data-client] .letao-team-entry-copy small{font-size:calc(11px * var(--font-scale,1));font-weight:400;color:#686872;line-height:1.5}
html[data-app-id="exchange"][data-client] .letao-team-entry-arrow{font-size:22px;color:#85858e;font-weight:400;flex-shrink:0}
html[data-app-id="exchange"][data-client] .letao-hub>button.letao-team-entry:active{background:#f0f0f5}
@media(max-width:359px){html[data-app-id="exchange"][data-client] .letao-team-entry-copy{flex-direction:column;align-items:flex-start;gap:2px}}
@media(max-width:600px){html[data-app-id="exchange"][data-client][data-font-size="large"] .letao-team-entry-copy{flex-direction:column;align-items:flex-start;gap:2px}}
html[data-app-id="exchange"][data-client] .shipping-fields{border:1px solid #e5e5eb;border-radius:14px;padding:14px;margin:16px 0;min-width:0}
html[data-app-id="exchange"][data-client] .shipping-fields legend{padding:0 6px;font-weight:600;font-size:14px}
html[data-app-id="exchange"][data-client] .shipping-region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html[data-app-id="exchange"][data-client] .shipping-region-grid input{padding:10px 6px}
html[data-app-id="exchange"][data-client] .consent-check{display:flex;align-items:flex-start;gap:10px;padding:12px 0;line-height:1.7}
html[data-app-id="exchange"][data-client] .consent-check input{flex:0 0 20px;width:20px;height:20px;margin-top:3px}
html[data-app-id="exchange"][data-client] .consent-check small{display:block;color:#686872;font-size:11px}
html[data-app-id="exchange"][data-client] .deposit-consent{background:#f5f5f8;border:1px solid #e5e5eb;padding:14px;border-radius:14px}
html[data-app-id="exchange"][data-client] .batch-lots{display:grid;gap:0;max-height:360px;overflow:auto}
html[data-app-id="exchange"][data-client] .product-info-art{height:240px;display:flex;justify-content:center;background:#f5f5f7;border-radius:14px;margin-bottom:16px}
html[data-app-id="exchange"][data-client] .product-info-art img{width:100%;height:100%;object-fit:contain}
html[data-app-id="exchange"][data-client] .batch-entry{padding:14px;background:#f5f5f8;border-radius:14px;margin:14px 0;display:grid;gap:10px}
html[data-app-id="exchange"][data-client] .batch-entry p{font-size:12px;color:#686872;line-height:1.7;margin:0}
html[data-app-id="exchange"][data-client] .product-info-title{border:0;background:none;color:inherit;text-align:left;font:inherit;padding:0;min-height:44px}
html[data-app-id="exchange"][data-client] .zone99-image,html[data-app-id="exchange"][data-client] .letao-product-art{border:0;padding:0;cursor:pointer;text-align:inherit}
html[data-app-id="exchange"][data-client] .home-ad-poster,html[data-app-id="exchange"][data-client] .hero-showcase{border:0;text-align:left;font:inherit;cursor:pointer}
@media(max-width:359px){html[data-app-id="exchange"][data-client] .shipping-region-grid{grid-template-columns:1fr}}
html[data-app-id="exchange"][data-client] .auction-wallet>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html[data-app-id="exchange"][data-client] .auction-wallet>div>span{min-width:0;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .auction-wallet .wallet-value{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:88px;min-width:0;padding:12px;border:1px solid #e5e5eb;border-radius:12px;background:#fff;color:#34343b;box-shadow:none;text-align:left;font:inherit}
html[data-app-id="exchange"][data-client] .auction-wallet .wallet-value strong{font-size:calc(20px * var(--font-scale,1));font-weight:650;line-height:1.4;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .auction-wallet .wallet-value :is(span,small){font-size:calc(11px * var(--font-scale,1));color:#686872;line-height:1.5}
/* Home product artwork is a transparent action, not a painted button surface. */
html[data-app-id="exchange"][data-client] .home-page .hero .hero-showcase{appearance:none;-webkit-appearance:none;display:block;background:transparent;border:0;border-radius:0;padding:0;margin:0;box-shadow:none;min-height:0;min-width:0;height:auto;line-height:0;pointer-events:auto;color:inherit}
html[data-app-id="exchange"][data-client] .home-page .hero .hero-showcase:hover,html[data-app-id="exchange"][data-client] .home-page .hero .hero-showcase:active{background:transparent;box-shadow:none}
html[data-app-id="exchange"][data-client] .home-page .hero .hero-showcase img{display:block;max-width:100%;object-fit:contain}
html[data-app-id="exchange"][data-client] .home-page .hero .hero-showcase small{line-height:1.4;color:#c9c1b7}
html[data-app-id="exchange"][data-client] .home-page .hero-footer{position:absolute;left:24px;right:24px;bottom:22px;margin:0;z-index:3}
html[data-app-id="exchange"][data-client] .home-page .hero h1{font-size:calc(clamp(26px,7.4vw,31px) * var(--font-scale,1));max-width:76%;line-height:1.2;letter-spacing:-.035em}
html[data-app-id="exchange"][data-client] .home-page .hero>p{max-width:52%;line-height:1.65}
@media(max-width:359px){html[data-app-id="exchange"][data-client] .home-page .hero{padding:22px 18px}html[data-app-id="exchange"][data-client] .home-page .hero-footer{left:18px;right:18px;bottom:18px}html[data-app-id="exchange"][data-client] .home-page .hero .hero-showcase{bottom:58px;top:112px}}
/* October 18: content stays readable; product frames and touch targets stay consistent. */
html[data-app-id="exchange"] .auction-scroll-feed{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px;overflow:visible}
html[data-app-id="exchange"] .auction-scroll-feed .auction-spotlight{min-width:0;width:100%;margin:0}
html[data-app-id="exchange"] .prebuy-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:18px 20px;margin:0 0 20px;text-align:left;border:1px solid var(--border,#e3e3e8);border-radius:20px;background:var(--card,#fff);color:var(--text,#242426)}
html[data-app-id="exchange"] .prebuy-entry span{display:grid;gap:7px}.prebuy-entry strong{font-size:17px}.prebuy-entry small{font-size:12px;line-height:1.5;color:var(--muted,#777)}
html[data-app-id="exchange"] .mall-featured{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 0 14px;margin:16px 0;-webkit-overflow-scrolling:touch}
html[data-app-id="exchange"] .mall-featured-card{flex:0 0 86%;max-width:460px;min-width:0;scroll-snap-align:start;display:grid;grid-template-rows:190px auto;padding:0;border:1px solid var(--border,#e3e3e8);border-radius:20px;overflow:hidden;background:var(--card,#fff);color:var(--text,#242426);text-align:left}
html[data-app-id="exchange"] .mall-featured-card img{height:190px;width:100%;object-fit:contain;background:#f4f4f6;padding:10px;box-sizing:border-box}.mall-featured-card span{display:grid;gap:6px;padding:14px 16px}.mall-featured-card strong{font-size:17px}.mall-featured-card small{font-size:12px;line-height:1.5;color:var(--muted,#777)}
html[data-app-id="exchange"] .flow-hero-art{position:absolute;right:5%;bottom:8%;height:82%;width:31%;padding:0;background:transparent;border:0;box-shadow:none}
html[data-app-id="exchange"] .letao-editorial .flow-hero-art img{position:static;width:100%;height:100%;object-fit:contain}
.rules-reading{display:grid;gap:20px}.rules-reading section{padding-bottom:16px;border-bottom:1px solid var(--border,#e3e3e8)}.rules-reading h3{margin:0 0 10px;font-size:17px}.rules-reading p,.app-risk-reading p{font-size:15px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.mall-featured{scroll-behavior:auto}}
html[data-app-id="exchange"][data-client] .trade-page .auction-buy-desk{display:grid;gap:16px}
html[data-app-id="exchange"][data-client] .trade-page .auction-buy-desk>.prebuy-entry{margin:0}
html[data-app-id="exchange"][data-client] .letao-hub .commerce-products.mall-catalog{grid-template-columns:minmax(0,1fr);gap:18px}
html[data-app-id="exchange"][data-client] .flow-more{width:100%;min-height:44px;margin:16px 0}

/* Mandatory entry agreement: stable chrome, scrollable text, an explicit unchecked choice. */
.app-consent-required [data-identity-link]{display:none!important}
.app-consent-gate{min-height:85dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px;background:#f5f5f7;box-sizing:border-box}
.app-consent-gate h1{font-size:24px;margin:24px 0 10px;color:#242428}
.app-consent-gate p{max-width:26em;color:#686872;font-size:14px;line-height:1.8;margin:0 0 24px}
html[data-app-id="exchange"][data-client] .action-sheet.consent-sheet{display:flex;flex-direction:column;height:min(88dvh,820px);max-height:calc(100dvh - 24px);overflow:hidden;box-sizing:border-box}
html[data-app-id="exchange"][data-client] .consent-sheet>header{flex:0 0 auto;padding:20px 20px 12px}
html[data-app-id="exchange"][data-client] .consent-sheet>header h2{font-size:calc(19px * var(--font-scale,1));line-height:1.5;overflow-wrap:anywhere;max-width:36em}
html[data-app-id="exchange"][data-client] .consent-sheet>.sheet-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0 20px}
html[data-app-id="exchange"][data-client] .consent-sheet .app-risk-meta{flex:0 0 auto;font-size:12px;color:#686872;margin:0 0 12px}
html[data-app-id="exchange"][data-client] .consent-sheet .app-risk-reading{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;border:1px solid #e5e5eb;border-radius:12px;padding:14px;background:#f8f8fa;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
html[data-app-id="exchange"][data-client] .consent-sheet .app-risk-reading section+section{margin-top:22px}
html[data-app-id="exchange"][data-client] .consent-sheet .app-risk-reading h3{margin:0 0 10px;font-size:calc(14px * var(--font-scale,1));line-height:1.7;color:#242428}
html[data-app-id="exchange"][data-client] .consent-sheet .app-risk-reading :is(p,li){margin:0 0 10px;font-size:calc(13px * var(--font-scale,1));line-height:1.85;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .consent-sheet .app-risk-reading ul{padding-left:20px;margin:8px 0}
html[data-app-id="exchange"][data-client] .consent-sheet .app-risk-check{flex:0 0 auto;margin:0;padding:14px 0;cursor:pointer;align-items:flex-start;font-size:calc(13px * var(--font-scale,1));line-height:1.65;gap:10px}
html[data-app-id="exchange"][data-client] .consent-sheet .app-risk-check input{margin:2px 0 0;accent-color:#242428;flex:0 0 20px}
html[data-app-id="exchange"][data-client] .consent-sheet>footer{flex:0 0 auto;position:static;display:flex;padding:12px 20px calc(14px + env(safe-area-inset-bottom))}
html[data-app-id="exchange"][data-client] .consent-sheet #sheet-confirm{width:100%;flex:1;min-height:48px;background:#242428;color:#fff;border:1px solid #242428}
html[data-app-id="exchange"][data-client] .consent-sheet #sheet-confirm:disabled{background:#e7e7ec;border-color:#e7e7ec;color:#85858f;opacity:1;cursor:not-allowed}
@media(max-height:600px){html[data-app-id="exchange"][data-client] .action-sheet.consent-sheet{height:94dvh}html[data-app-id="exchange"][data-client] .consent-sheet>header{padding-top:12px}html[data-app-id="exchange"][data-client] .consent-sheet .app-risk-check{padding-block:8px}}

.support-contact{display:grid;gap:20px}.support-contact>div{display:grid;gap:8px}.support-contact small{color:var(--muted,#65656d);font-size:13px}.support-contact strong,.support-contact a{font-size:20px;overflow-wrap:anywhere}.support-contact p{margin:0;white-space:pre-line;overflow-wrap:anywhere;line-height:1.65}

/* Product categories are a scrollable filter row, separate from the zone switcher. */
html[data-app-id="exchange"][data-client] .selection-mall-hub>.mall-category-tabs{scroll-snap-type:none;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:8px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:16px 0 12px;padding:4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:4px;scrollbar-width:thin;scrollbar-color:#c9c9cf transparent;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-overflow-scrolling:touch}
html[data-app-id="exchange"][data-client] .selection-mall-hub>.mall-category-tabs>button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:auto;min-width:60px;min-height:44px;height:auto;margin:0;padding:10px 16px;border:1px solid transparent;border-radius:12px;background:#f2f2f5;color:#55555f;box-shadow:none;font-size:calc(14px * var(--font-scale,1));font-weight:500;line-height:1.5;white-space:nowrap;word-break:normal;overflow-wrap:normal;scroll-snap-align:start}
html[data-app-id="exchange"][data-client] .selection-mall-hub>.mall-category-tabs>button.active{background:#242428;color:#fff;border-color:#242428;font-weight:600;box-shadow:0 2px 5px #24242812}
html[data-app-id="exchange"][data-client] .selection-mall-hub>.mall-category-tabs>button:focus-visible{outline:2px solid #8a765b;outline-offset:2px}
html[data-app-id="exchange"][data-client] .selection-mall-hub>.mall-category-tabs>button:active{opacity:.8}
html[data-app-id="exchange"][data-client] .selection-mall-hub>.mall-sort{margin:0 0 16px}

/* Selection storefront: one spacing rhythm and stable product/action slots. */
html[data-app-id="exchange"][data-client] .commerce-hub.selection-mall-hub{display:flex;flex-direction:column;gap:20px;width:100%;min-width:0;box-sizing:border-box;margin:0 0 24px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
html[data-app-id="exchange"][data-client] .selection-mall-hub>:is(header,.mall-featured,.mall-wallet,.commerce-tabs,.mall-toolbar,.mall-payment-note,.commerce-products,.commerce-pagination,.shop-orders-panel,.commerce-notice){box-sizing:border-box;width:100%;min-width:0;margin:0}
html[data-app-id="exchange"][data-client] .selection-mall-hub>header{padding:4px 0 0}
html[data-app-id="exchange"][data-client] .selection-mall-hub>header small{font-size:calc(11px * var(--font-scale,1));letter-spacing:.1em;color:#767680}
html[data-app-id="exchange"][data-client] .selection-mall-hub>header h2{font-size:calc(24px * var(--font-scale,1));font-weight:650;line-height:1.35;letter-spacing:-.04em;margin:8px 0}
html[data-app-id="exchange"][data-client] .selection-mall-hub>header p{font-size:calc(13px * var(--font-scale,1));line-height:1.65;margin:0;color:#686872}
html[data-app-id="exchange"][data-client] .selection-mall-hub>.mall-featured{gap:12px;padding:2px 0 8px;scrollbar-width:thin;scrollbar-color:#c9c9cf transparent;scroll-padding-inline:0}
html[data-app-id="exchange"][data-client] .selection-mall-hub>.mall-featured:empty{display:none}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-featured-card{flex:0 0 84%;max-width:400px;grid-template-rows:210px auto;border:1px solid #e5e5eb;border-radius:20px;box-shadow:none}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-featured-card img{height:210px;padding:16px;object-fit:contain}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-featured-card>span{gap:6px;padding:14px 16px}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-featured-card strong{font-size:calc(16px * var(--font-scale,1));line-height:1.5;color:#242428}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-featured-card small{font-size:calc(12px * var(--font-scale,1));line-height:1.5;color:#686872}
html[data-app-id="exchange"][data-client] .selection-mall-hub>:is(.mall-wallet,.mall-payment-note,.shop-orders-panel){padding:0;border:1px solid #e5e5eb;border-radius:16px;background:#fff;box-shadow:none}
html[data-app-id="exchange"][data-client] .selection-mall-hub>:is(.mall-wallet,.mall-payment-note,.shop-orders-panel)>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 16px;box-sizing:border-box;list-style:none;color:#34343b;font-size:calc(14px * var(--font-scale,1));line-height:1.5;font-weight:600;cursor:pointer}
html[data-app-id="exchange"][data-client] .selection-mall-hub>:is(.mall-wallet,.mall-payment-note)>summary::-webkit-details-marker{display:none}
html[data-app-id="exchange"][data-client] .selection-mall-hub :is(.mall-wallet,.mall-payment-note)>summary i{font-style:normal;color:#85858f;font-size:20px;line-height:1;transition:transform .15s}
html[data-app-id="exchange"][data-client] .selection-mall-hub :is(.mall-wallet,.mall-payment-note)[open]>summary i{transform:rotate(180deg)}
html[data-app-id="exchange"][data-client] .selection-mall-hub .commerce-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0 12px 12px}
html[data-app-id="exchange"][data-client] .selection-mall-hub .commerce-balances button{min-width:0;min-height:100px;padding:12px;display:flex;flex-direction:column;gap:6px;text-align:left;background:#f5f5f7;border:0;border-radius:12px;box-shadow:none}
html[data-app-id="exchange"][data-client] .selection-mall-hub .commerce-balances button>span{padding:0;color:#686872;font-size:calc(12px * var(--font-scale,1));line-height:1.5;background:none}
html[data-app-id="exchange"][data-client] .selection-mall-hub .commerce-balances button strong{margin:0;color:#242428;font-size:calc(20px * var(--font-scale,1));line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .selection-mall-hub .commerce-balances button small{margin:0;font-size:calc(11px * var(--font-scale,1));color:#686872;line-height:1.5}
html[data-app-id="exchange"][data-client] .selection-mall-hub>nav[aria-label="商品专区"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border-radius:16px;background:#ededf0;overflow:visible}
html[data-app-id="exchange"][data-client] .selection-mall-hub>nav[aria-label="商品专区"] button{min-width:0;min-height:44px;padding:8px 2px;font-size:calc(12px * var(--font-scale,1));font-weight:500;line-height:1.5;white-space:nowrap;border:0;border-radius:12px;background:transparent;color:#686872;box-shadow:none}
html[data-app-id="exchange"][data-client] .selection-mall-hub>nav[aria-label="商品专区"] button.active{background:#fff;color:#242428;font-weight:650;box-shadow:0 2px 8px #2424280a}
html[data-app-id="exchange"][data-client] .selection-mall-hub>.mall-category-tabs{margin:-4px 0;padding:4px 2px}
html[data-app-id="exchange"][data-client] .selection-mall-hub>.mall-toolbar{display:grid;gap:12px}
html[data-app-id="exchange"][data-client] .selection-mall-hub .commerce-search{display:flex;align-items:stretch;gap:8px;margin:0;min-width:0;flex-wrap:nowrap}
html[data-app-id="exchange"][data-client] .selection-mall-hub .commerce-search input{width:100%;min-width:0;flex:1;min-height:46px;border:1px solid #dedee6;border-radius:12px;padding:10px 12px;font-size:16px;line-height:1.5;background:#fff;color:#242428}
html[data-app-id="exchange"][data-client] .selection-mall-hub :is(.commerce-search,.commerce-pagination) button{flex:0 0 auto;min-height:46px;margin:0;padding:10px 14px;border:1px solid #e5e5eb;border-radius:12px;background:#f1f1f4;color:#34343b;box-shadow:none;font-size:calc(13px * var(--font-scale,1));line-height:1.5;white-space:nowrap}
html[data-app-id="exchange"][data-client] .selection-mall-hub .commerce-search [data-commerce-search]{background:#242428;border-color:#242428;color:#fff}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-sort{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;color:#686872;font-size:calc(13px * var(--font-scale,1));line-height:1.5}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-sort select{width:auto;max-width:70%;min-height:44px;padding:8px 12px;border:1px solid #e5e5eb;border-radius:12px;background:#fff;color:#34343b;font-size:calc(13px * var(--font-scale,1));line-height:1.5}
html[data-app-id="exchange"][data-client] .selection-mall-hub>.mall-payment-note{background:#f5f5f7;border-color:transparent}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-payment-note>summary{font-size:calc(13px * var(--font-scale,1));font-weight:500}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-payment-note>div{padding:0 16px 14px}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-payment-note p{margin:0 0 8px;font-size:calc(12px * var(--font-scale,1));line-height:1.75;color:#686872}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-payment-note p:last-child{margin-bottom:0}
html[data-app-id="exchange"][data-client] .selection-mall-hub>.commerce-products{gap:20px;margin:0}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-product-card{container-type:inline-size;border-radius:20px;box-shadow:0 2px 8px #24242803}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-detail-button{flex:none}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub,.mall-product-detail) .mall-wine-art{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:250px;min-height:250px;max-height:250px;aspect-ratio:auto;box-sizing:border-box;padding:24px;gap:12px;background:#f5f5f7;overflow:hidden}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub,.mall-product-detail) .mall-wine-art img{position:static;display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;object-fit:contain;filter:none;transform:none;margin:0;padding:0}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub,.mall-product-detail) .mall-wine-art.pair img{width:calc(50% - 6px);max-width:calc(50% - 6px)}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub,.mall-product-detail) .mall-wine-art>span{position:absolute;left:12px;top:12px;max-width:calc(100% - 24px);padding:4px 8px;border-radius:8px;background:#fffffff0;color:#62626c;font-size:calc(10px * var(--font-scale,1));line-height:1.5}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub,.mall-product-detail) .mall-art-placeholder small{color:#686872;font-size:14px}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-product-copy{gap:8px;padding:16px}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-product-copy h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:3em;height:3em;overflow:hidden;margin:0;color:#242428;font-size:calc(17px * var(--font-scale,1));line-height:1.5}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-product-copy>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:3em;height:3em;overflow:hidden;margin:0;font-size:calc(12px * var(--font-scale,1));line-height:1.5;color:#686872}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-product-copy>span{display:flex;align-items:center;justify-content:space-between;margin:0;font-size:calc(12px * var(--font-scale,1));line-height:1.5;color:#62533f}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-product-copy>span i{font-style:normal}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub,.mall-product-detail) .mall-dual-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;box-sizing:border-box;padding:0 16px;margin:0;margin-top:auto}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub,.mall-product-detail) .mall-price-choice{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;min-width:0;min-height:148px;box-sizing:border-box;margin:0;padding:12px;text-align:left;border:1px solid #e1e1e8;border-radius:12px;background:#fafafb;color:#242428;box-shadow:none;white-space:normal;opacity:1}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub,.mall-product-detail) .mall-price-choice strong{font-size:calc(15px * var(--font-scale,1));font-weight:650;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub,.mall-product-detail) .mall-price-choice :is(small,span,b){font-size:calc(11px * var(--font-scale,1));line-height:1.5}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub,.mall-product-detail) .mall-price-choice :is(small,span){color:#686872}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub,.mall-product-detail) .mall-price-choice b{display:block;min-height:32px;box-sizing:border-box;margin-top:auto;padding:7px 8px;border-radius:8px;background:#242428;color:#fff;text-align:center;font-weight:600}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub,.mall-product-detail) .mall-price-choice:disabled{color:#62626c;background:#f5f5f7;border-color:#e8e8ed;opacity:1;cursor:not-allowed}
html[data-app-id="exchange"][data-client] :is(.selection-mall-hub,.mall-product-detail) .mall-price-choice:disabled b{background:#e9e9ee;color:#686872}
html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-stock{padding:12px 16px 16px;font-size:calc(11px * var(--font-scale,1));line-height:1.5;color:#686872}
html[data-app-id="exchange"][data-client] .selection-mall-hub .commerce-pagination{gap:8px;font-size:calc(12px * var(--font-scale,1));line-height:1.5;color:#686872;text-align:center}
html[data-app-id="exchange"][data-client] .selection-mall-hub .commerce-pagination button:disabled{background:#f5f5f7;color:#92929c;opacity:1}
html[data-app-id="exchange"][data-client] .selection-mall-hub .shop-orders-panel[open]{padding-bottom:16px}
html[data-app-id="exchange"][data-client] .selection-mall-hub .shop-order-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px;margin:4px 0 12px}
html[data-app-id="exchange"][data-client] .selection-mall-hub .shop-order-stats button{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;min-height:72px;padding:10px 6px;border:0;border-radius:12px;background:#f5f5f7;box-shadow:none;color:#686872;font-size:calc(12px * var(--font-scale,1));line-height:1.5}
html[data-app-id="exchange"][data-client] .selection-mall-hub .shop-order-stats button strong{font-size:calc(19px * var(--font-scale,1));color:#242428;font-weight:650}
html[data-app-id="exchange"][data-client] .selection-mall-hub .shop-order-filters{display:flex;gap:8px;margin:0 12px 12px;padding:4px;background:transparent;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:none}
html[data-app-id="exchange"][data-client] .selection-mall-hub .shop-order-filters button{flex:0 0 auto;min-height:44px;padding:8px 12px;border:0;border-radius:10px;background:#f2f2f5;font-size:calc(12px * var(--font-scale,1));line-height:1.5;white-space:nowrap;color:#686872}
html[data-app-id="exchange"][data-client] .selection-mall-hub .shop-order-filters button.active{background:#242428;color:#fff;box-shadow:none}
html[data-app-id="exchange"][data-client] .selection-mall-hub .shop-orders-empty{margin:0 12px;padding:24px 12px;border-radius:12px}
html[data-app-id="exchange"][data-client] .selection-mall-hub .commerce-order-button{box-sizing:border-box;width:calc(100% - 24px);margin:12px 12px 0;padding:14px;border:1px solid #e5e5eb;border-radius:12px;background:#fff}
html[data-app-id="exchange"][data-client] .selection-mall-hub .commerce-order-head{flex-wrap:wrap;align-items:flex-start}
html[data-app-id="exchange"][data-client] .selection-mall-hub .commerce-order-button :is(p,small,strong){overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .selection-mall-hub :is(button,input,select,summary):focus-visible,html[data-app-id="exchange"][data-client] .mall-product-detail button:focus-visible{outline:2px solid #8a765b;outline-offset:2px}
html[data-app-id="exchange"][data-client] .mall-product-detail{display:grid;gap:20px;min-width:0}
html[data-app-id="exchange"][data-client] .mall-product-detail .mall-wine-art{border-radius:16px;height:260px;min-height:260px;max-height:260px}
html[data-app-id="exchange"][data-client] .mall-detail-meta{display:grid;gap:12px;margin:0;padding:16px;background:#f5f5f7;border-radius:14px}
html[data-app-id="exchange"][data-client] .mall-detail-meta>div{display:grid;grid-template-columns:5em minmax(0,1fr);gap:12px;font-size:calc(13px * var(--font-scale,1));line-height:1.6}
html[data-app-id="exchange"][data-client] .mall-detail-meta dt{color:#686872}
html[data-app-id="exchange"][data-client] .mall-detail-meta dd{margin:0;color:#242428;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .mall-product-detail h3{margin:0 0 12px;font-size:calc(16px * var(--font-scale,1));line-height:1.5;color:#242428}
html[data-app-id="exchange"][data-client] .mall-product-detail p{margin:0;font-size:calc(13px * var(--font-scale,1));line-height:1.8;color:#686872;white-space:pre-line;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .mall-product-detail .mall-dual-prices{padding:0;margin:0 0 12px}
@container(max-width:320px){html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-dual-prices{grid-template-columns:minmax(0,1fr)}html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-price-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:100px;gap:4px 12px}html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-price-choice :is(small,strong,span){grid-column:1}html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-price-choice b{grid-column:2;grid-row:1/4;align-self:center;margin:0;min-width:76px}}
@media(min-width:760px){html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-sort{gap:10px}html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-sort select{max-width:100%}}
@media(max-width:359px){html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-featured-card{grid-template-rows:180px auto}html[data-app-id="exchange"][data-client] .selection-mall-hub .mall-featured-card img{height:180px}html[data-app-id="exchange"][data-client] .mall-product-detail .mall-dual-prices{grid-template-columns:minmax(0,1fr)}html[data-app-id="exchange"][data-client] .selection-mall-hub .commerce-search [data-commerce-clear]{padding-inline:10px}}
@media(max-width:600px){html[data-app-id="exchange"][data-client][data-font-size="large"] .selection-mall-hub>nav[aria-label="商品专区"]{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-app-id="exchange"][data-client][data-font-size="large"] :is(.selection-mall-hub,.mall-product-detail) .mall-dual-prices{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html[data-app-id="exchange"][data-client] .selection-mall-hub summary i{transition:none}}
html[data-app-id="exchange"][data-client] .commerce-hub.selection-mall-hub+.button[data-auction-discovery]{box-sizing:border-box;width:100%;min-height:48px;padding:12px 16px;border:1px solid #e5e5eb;border-radius:14px;background:#fff;color:#686872;font-size:calc(13px * var(--font-scale,1));line-height:1.5;box-shadow:none}
/* Revision 107 (2): consistent content surfaces and clear action layers. */
html[data-app-id="exchange"][data-client] .circulation-desk{--flow-ink:#252438;--flow-muted:#666477;color:var(--flow-ink);display:grid;gap:20px;min-width:0}
html[data-app-id="exchange"][data-client] .flow-heading{padding:22px;border:1px solid #e5e0f2;border-radius:22px;background:linear-gradient(120deg,#f4f0ff,#eef6ff 65%,#effaf7);min-width:0}
html[data-app-id="exchange"][data-client] .flow-heading :is(h1,h2){font-size:clamp(25px,4vw,34px);line-height:1.25;margin:12px 0;color:#252438;letter-spacing:-.6px}
html[data-app-id="exchange"][data-client] .flow-heading small{color:#625080;font-size:10px;letter-spacing:2px}
html[data-app-id="exchange"][data-client] .flow-heading p{font-size:14px;line-height:1.6;margin:8px 0;color:#59576a}
html[data-app-id="exchange"][data-client] .text-button{min-height:44px;background:transparent;color:#51417d;padding:8px 0;text-align:left;font-weight:600}
html[data-app-id="exchange"][data-client] .flow-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
html[data-app-id="exchange"][data-client] .flow-entry{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding:18px 16px;min-height:106px;text-align:left;border:1px solid #e5e2ee;background:#fff;border-radius:18px;color:#292636;box-shadow:0 3px 14px #32304b05}
html[data-app-id="exchange"][data-client] .flow-entry strong{font-size:15px;line-height:1.5}.flow-entry span{font-size:12px;line-height:1.6;color:#666477;grid-column:1}.flow-entry b{grid-column:2;grid-row:1/3;font-size:26px;color:#393345}
html[data-app-id="exchange"][data-client] .flow-sessions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
html[data-app-id="exchange"][data-client] .flow-session{padding:18px;background:#fff;border:1px solid #e5e2ee;border-radius:22px;min-width:0;overflow:hidden}
html[data-app-id="exchange"][data-client] .flow-session.live{border-color:#8b75bd;box-shadow:0 0 0 3px #a994cb12}
html[data-app-id="exchange"][data-client] .flow-session>header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
html[data-app-id="exchange"][data-client] .flow-session header small{display:block;color:#685880;font-size:12px;font-weight:600}.flow-session h3{margin:5px 0;font-size:21px;line-height:1.3}.flow-session header span{font-size:13px;font-variant-numeric:tabular-nums;color:#625e70}.flow-session header>strong{font-size:22px;letter-spacing:.5px;color:#514174;font-variant-numeric:tabular-nums;white-space:nowrap}.flow-session>p{font-size:12px;color:#696576;line-height:1.6;margin:12px 0}
html[data-app-id="exchange"][data-client] .flow-session-scroll{max-height:520px;overflow:auto;overscroll-behavior:contain;display:grid;gap:12px;scrollbar-width:thin;scrollbar-color:#c4b7d9 transparent;padding:2px}
html[data-app-id="exchange"][data-client] .flow-session-item .letao-product-card{display:grid;grid-template-columns:112px minmax(0,1fr);border-radius:16px;min-height:190px;margin:0}
html[data-app-id="exchange"][data-client] .flow-session-item .letao-product-art{height:100%;min-height:190px;aspect-ratio:auto;border-radius:0;background:#f5f3f8;padding:12px 5px;position:relative}
html[data-app-id="exchange"][data-client] .flow-session-item .letao-product-art img{width:100%;height:150px;object-fit:contain;position:static;transform:none}.flow-session-item .letao-art-code{display:none}.flow-session-item .letao-product-art small{font-size:9px;position:absolute;bottom:6px;left:0;right:0;text-align:center;color:#6a6775}
html[data-app-id="exchange"][data-client] .flow-session-item .mall-product-copy{padding:14px;display:flex;flex-direction:column;gap:6px;min-width:0}
html[data-app-id="exchange"][data-client] .flow-session-item .mall-product-copy h3{font-size:15px;line-height:1.4;min-height:0;margin:0}.flow-session-item .letao-stock{font-size:10px;margin:0;overflow-wrap:anywhere}.flow-session-item .letao-price{margin-top:auto;display:flex;gap:6px;align-items:baseline}.flow-session-item .letao-price strong{font-size:22px}.flow-session-item .letao-price span{font-size:11px}.flow-session-item .button{width:100%;min-height:44px;font-size:13px;margin:0}
html[data-app-id="exchange"][data-client] .circulation-hub{padding:0;background:transparent;border:0}.circulation-hub>.commerce-tabs{margin-bottom:20px}
html[data-app-id="exchange"][data-client] .market107-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.market107-tools .field{margin:0;min-width:0}.market107-tools select,.market107-tools input{width:100%;min-width:0;box-sizing:border-box}.market107-tools>.button{min-height:46px;grid-column:1/-1}
html[data-app-id="exchange"][data-client] .market107-chart{border:1px solid #e5e2ee;background:white;border-radius:18px;padding:12px;overflow:auto}.market107-chart svg{min-width:100%;height:240px;display:block}.region-summary{background:#fff;border:1px solid #e5e2ee;border-radius:18px;padding:18px;margin:20px 0}.region-summary summary{min-height:44px;font-weight:600;color:#2f2b3d}.region-summary>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.region-summary article{padding:12px;background:#f7f5fa;border-radius:12px;display:grid;gap:6px}.region-summary article span{font-size:12px;color:#645f72}
html[data-app-id="exchange"][data-client] .coming-soon{text-align:center;color:#716b81;padding:24px;border:1px dashed #dcd5e8;border-radius:18px;margin:20px 0}
html[data-app-id="exchange"][data-client] .consent-check{display:flex;align-items:flex-start;gap:10px;line-height:1.6;padding:12px 0}.consent-check input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;margin-top:3px;accent-color:#665086}
html[data-app-id="exchange"][data-client] .sheet-body .field{display:grid;gap:9px;margin:18px 0}.sheet-body .field>span{font-size:13px;font-weight:600;color:#4e485f}
@media(max-width:650px){html[data-app-id="exchange"][data-client] .flow-sessions{grid-template-columns:minmax(0,1fr)}.region-summary>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:359px){html[data-app-id="exchange"][data-client] .flow-entry-grid{grid-template-columns:minmax(0,1fr)}html[data-app-id="exchange"][data-client] .flow-session{padding:14px}html[data-app-id="exchange"][data-client] .flow-session-item .letao-product-card{grid-template-columns:90px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.flow-session-scroll{scroll-behavior:auto}}
html[data-app-id="exchange"][data-client] .flow-session-scroll .empty-state{min-height:110px;padding:20px 12px;margin:0;font-size:13px}html[data-app-id="exchange"][data-client] .flow-session header>strong{font-size:18px;letter-spacing:0}@media(max-width:359px){html[data-app-id="exchange"][data-client] .flow-session header>strong{font-size:16px}html[data-app-id="exchange"][data-client] .flow-session h3{font-size:19px}}
html[data-app-id="exchange"][data-client] .reunion-product-art{display:block;width:100%;height:220px;padding:18px;margin:0 0 16px;background:linear-gradient(135deg,#f0edfa,#edf6ff);border:1px solid #e5e0ef;border-radius:18px;box-sizing:border-box}html[data-app-id="exchange"][data-client] .reunion-product-art img{display:block;width:100%;height:100%;object-fit:contain}

/* Market: quiet content surfaces, aligned figures and compact, accessible filters. */
html[data-app-id="exchange"][data-client] .market107-page{--market-ink:#262533;--market-muted:#6a6879;--market-line:#e8e6ef;--market-accent:#655084;color:var(--market-ink);padding-bottom:calc(120px + env(safe-area-inset-bottom,0px));min-width:0}
html[data-app-id="exchange"][data-client] .market107-page>.topbar{margin-bottom:18px}
html[data-app-id="exchange"][data-client] .market107-page :is(h1,h2,h3,p,dl,dd){margin:0}
html[data-app-id="exchange"][data-client] .market107-page :is(button,input,select,summary){-webkit-tap-highlight-color:transparent}
html[data-app-id="exchange"][data-client] .market107-page :is(button,input,select,summary,[tabindex]):focus-visible{outline:3px solid #8874b7;outline-offset:3px}
html[data-app-id="exchange"][data-client] .market107-overview{padding:22px 20px 0;border:1px solid var(--market-line);border-radius:24px;background:linear-gradient(125deg,#f6f3ff 0%,#fff 65%);box-shadow:0 3px 15px #34234f03}
html[data-app-id="exchange"][data-client] .market107-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}
html[data-app-id="exchange"][data-client] .market107-eyebrow{font-size:calc(12px * var(--font-scale,1));color:var(--market-muted);line-height:1.5;margin-bottom:5px}
html[data-app-id="exchange"][data-client] .market107-heading h1{font-size:calc(25px * var(--font-scale,1));line-height:1.3;letter-spacing:-.6px;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .market107-source{flex-shrink:0;font-size:calc(11px * var(--font-scale,1));font-weight:550;color:#376b58;border:1px solid #dcebe3;background:#f1f8f4;border-radius:8px;padding:5px 8px}
html[data-app-id="exchange"][data-client] .market107-quote{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:22px 0}
html[data-app-id="exchange"][data-client] .market107-quote>div{min-width:0}.market107-quote>div>span{display:block;font-size:12px;color:var(--market-muted);line-height:1.6}
html[data-app-id="exchange"][data-client] .market107-quote small{font-size:11px;font-weight:400}.market107-quote strong{display:block;font-size:calc(36px * var(--font-scale,1));font-weight:650;letter-spacing:-1px;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .market107-quote>p{text-align:right;font-size:13px;font-weight:550;line-height:1.7;flex-shrink:0}.market107-quote>p>span{display:block;font-size:11px;font-weight:400;color:var(--market-muted)}
html[data-app-id="exchange"][data-client] .market107-stats{display:grid;grid-template-columns:1.4fr 1fr 1fr;border-top:1px solid var(--market-line);padding:16px 0;gap:12px}
html[data-app-id="exchange"][data-client] .market107-stats>div{min-width:0}.market107-stats dt{font-size:11px;color:var(--market-muted);line-height:1.6;min-height:35px}.market107-stats dt small{font-size:10px;font-weight:400;display:block}
html[data-app-id="exchange"][data-client] .market107-stats dd{margin-top:5px;font-size:calc(19px * var(--font-scale,1));font-weight:600;font-variant-numeric:tabular-nums;line-height:1.4;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .market107-stats dd small{font-size:11px;font-weight:400;margin-left:4px;color:var(--market-muted)}
html[data-app-id="exchange"][data-client] .market107-panel{background:#fff;border:1px solid var(--market-line);border-radius:24px;padding:20px;margin:16px 0;min-width:0}
html[data-app-id="exchange"][data-client] .market107-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
html[data-app-id="exchange"][data-client] .market107-section-heading h2{font-size:calc(18px * var(--font-scale,1));font-weight:650;line-height:1.4}.market107-section-heading p{font-size:12px;color:var(--market-muted);line-height:1.6;margin-top:4px!important}
html[data-app-id="exchange"][data-client] .market107-legend{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--market-muted);white-space:nowrap}.market107-legend i{width:6px;height:6px;border-radius:2px;background:#b13b51}.market107-legend i:nth-of-type(2){background:#238469;margin-left:5px}
html[data-app-id="exchange"][data-client] .market107-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;margin:0 0 12px;align-items:end}
html[data-app-id="exchange"][data-client] .market107-tools .field{display:grid;gap:7px;margin:0;min-width:0}.market107-tools .field>span{font-size:12px;line-height:1.5;color:#625d72;font-weight:500}
html[data-app-id="exchange"][data-client] .market107-tools :is(select,input){appearance:none;-webkit-appearance:none;min-width:0;max-width:100%;min-height:44px;height:44px;width:100%;background-color:#f7f6fa;border:1px solid var(--market-line);border-radius:12px;color:var(--market-ink);font:inherit;font-size:16px;padding:0 12px;box-sizing:border-box;box-shadow:none}
html[data-app-id="exchange"][data-client] .market107-tools select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23645e73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:28px}
html[data-app-id="exchange"][data-client] .market107-tools>.market107-refresh{grid-column:auto;min-height:44px;height:auto;margin:0;padding:12px 14px;border:0;border-radius:12px;background:#332d43;color:white;font-size:12px;font-weight:600;line-height:20px;box-shadow:none;white-space:nowrap}
html[data-app-id="exchange"][data-client] .market107-tools button:disabled{opacity:.6;cursor:wait}
html[data-app-id="exchange"][data-client] .market107-range{grid-column:1/-1;border-top:1px solid #eeecf3;padding-top:3px}
html[data-app-id="exchange"][data-client] .market107-range summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;font-size:12px;color:var(--market-muted)}
html[data-app-id="exchange"][data-client] .market107-range summary::-webkit-details-marker{display:none}.market107-range summary small{font-size:10px;background:#f3f1f8;border-radius:5px;padding:2px 6px;color:#6b607e}.market107-range summary:after{content:'＋';margin-left:auto;font-size:18px;color:#726a82}.market107-range[open] summary:after{content:'−'}
html[data-app-id="exchange"][data-client] .market107-date-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:6px 0 10px}.market107-date-fields input{font-size:16px;padding:0 10px}
html[data-app-id="exchange"][data-client] .market107-range-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--market-muted)}
html[data-app-id="exchange"][data-client] .market107-range-actions button{background:#f3f1f8;color:#50435f;border:0;border-radius:10px;min-height:44px;padding:10px 12px;font-size:12px}
html[data-app-id="exchange"][data-client] #market107-error{grid-column:1/-1;color:#a72e45;font-size:12px;line-height:1.6}#market107-error:empty{display:none}
html[data-app-id="exchange"][data-client] .market107-ohlc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-top:1px solid var(--market-line);padding:14px 0}
html[data-app-id="exchange"][data-client] .market107-ohlc dt{font-size:11px;color:var(--market-muted)}.market107-ohlc dd{font-size:12px;font-weight:550;font-variant-numeric:tabular-nums;line-height:1.6;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .market107-chart{border:0;border-radius:0;padding:0;background:#fff;overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d4cede transparent}
html[data-app-id="exchange"][data-client] .market107-chart svg{width:100%;height:244px;display:block;overflow:visible}.market107-grid path{stroke:#efedf4;stroke-dasharray:3 4}.market107-chart text{font:10px -apple-system,BlinkMacSystemFont,sans-serif;fill:#777183}
html[data-app-id="exchange"][data-client] .market107-empty{min-height:240px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border:1px solid #f0eef5;border-radius:16px;padding:28px 12px;background:linear-gradient(#f0eef56b 1px,transparent 1px) 0 0/100% 48px,linear-gradient(90deg,#f0eef56b 1px,transparent 1px) 0 0/64px 100%,#fcfbfe}
html[data-app-id="exchange"][data-client] .market107-empty svg{color:#b2a5c8;margin-bottom:8px}.market107-empty strong{font-size:14px;font-weight:600;color:#4f465e}.market107-empty p{font-size:12px;color:var(--market-muted);line-height:1.6}.market107-empty small{font-size:11px;line-height:1.6;color:var(--market-muted)}
html[data-app-id="exchange"][data-client] .market107-chart-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding-top:12px;font-size:10px;line-height:1.6;color:var(--market-muted)}
html[data-app-id="exchange"][data-client] .market107-records{margin-top:14px;border-top:1px solid var(--market-line)}.market107-records summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:12px;color:#625476;cursor:pointer;list-style:none}.market107-records summary span{font-size:11px;color:var(--market-muted)}.market107-records summary::-webkit-details-marker{display:none}.market107-records summary:after{content:'＋';font-size:18px}.market107-records[open] summary:after{content:'−'}.market107-records>div{overflow:auto;max-height:300px;scrollbar-width:thin;overscroll-behavior:contain}
html[data-app-id="exchange"][data-client] .market107-records table{width:100%;white-space:nowrap;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.market107-records caption{text-align:left;font-size:10px;color:var(--market-muted);padding-bottom:12px}.market107-records :is(th,td){padding:12px 10px;text-align:right;border-bottom:1px solid #eeecf3}.market107-records th{font-weight:500;color:#696273}.market107-records th:first-child{text-align:left;padding-left:0}
html[data-app-id="exchange"][data-client] .market107-regions{background:#fff;border:1px solid var(--market-line);border-radius:20px;padding:0 20px;margin:16px 0}
html[data-app-id="exchange"][data-client] .market107-regions>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;cursor:pointer;min-height:84px;padding:14px 0;box-sizing:border-box}.market107-regions>summary::-webkit-details-marker{display:none}.market107-regions>summary strong{display:block;font-size:16px;line-height:1.5}.market107-regions>summary small{display:block;font-size:11px;color:var(--market-muted);font-weight:400;line-height:1.6;margin-top:4px}.market107-regions>summary b{font-size:20px;font-weight:400;color:#8b8298}.market107-regions[open]>summary b{transform:rotate(180deg)}
html[data-app-id="exchange"][data-client] :is(.market107-region-head,.market107-region-list article){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.4fr);align-items:center;gap:10px}
html[data-app-id="exchange"][data-client] .market107-region-head{font-size:10px;color:var(--market-muted);padding:12px 0;border-top:1px solid var(--market-line)}.market107-region-head>span:not(:first-child){text-align:right}
html[data-app-id="exchange"][data-client] .market107-region-list{padding-bottom:12px;max-height:420px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
html[data-app-id="exchange"][data-client] .market107-region-list article{min-height:52px;border-bottom:1px solid #f1eff5;font-variant-numeric:tabular-nums;padding:8px 0;box-sizing:border-box}.market107-region-list article:last-child{border-bottom:0}.market107-region-list article h3{font-size:13px;font-weight:500;overflow-wrap:anywhere}.market107-region-list article h3 small{display:block;font-size:10px;color:#6b528c;font-weight:400}.market107-region-list article>span{font-size:12px;color:var(--market-muted);text-align:right}.market107-region-list article>span small{font-size:10px;margin-left:3px}.market107-region-list article>strong{font-size:12px;font-weight:550;overflow-wrap:anywhere;text-align:right}.market107-region-list article.is-selected{color:var(--market-accent)}
html[data-app-id="exchange"][data-client] .market107-note{padding:4px 6px 0;color:var(--market-muted);line-height:1.7}.market107-note strong{font-size:11px;font-weight:550}.market107-note p{font-size:11px;margin:6px 0!important}.market107-note>span{font-size:10px}
@media(max-width:600px){html[data-app-id="exchange"][data-client] .market107-date-fields{grid-template-columns:minmax(0,1fr)}html[data-app-id="exchange"][data-client] .market107-stats dt{min-height:35px}}
@media(max-width:359px){html[data-app-id="exchange"][data-client] :is(.market107-overview,.market107-panel){border-radius:20px;padding-left:14px;padding-right:14px}html[data-app-id="exchange"][data-client] .market107-tools{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}html[data-app-id="exchange"][data-client] .market107-tools>.market107-refresh{grid-column:1/-1}html[data-app-id="exchange"][data-client] .market107-quote{gap:8px}.market107-quote strong{font-size:30px!important}.market107-quote>p{font-size:12px!important}html[data-app-id="exchange"][data-client] .market107-regions{padding:0 14px}}
@media(prefers-reduced-motion:no-preference){html[data-app-id="exchange"][data-client] .market107-page button{transition:background-color .15s,opacity .15s}.market107-regions>summary b{transition:transform .15s}}

/* Trade follows the market page: one content level, quiet surfaces and clear actions. */
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk){--trade-ink:#262533;--trade-muted:#6a6879;--trade-line:#e8e6ef;--trade-accent:#655084;color:var(--trade-ink)}
html[data-app-id="exchange"][data-client] .trade107-page{min-width:0;padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}
html[data-app-id="exchange"][data-client] .trade107-page>.topbar{margin-bottom:18px;min-height:58px}
html[data-app-id="exchange"][data-client] .trade107-page :is(h1,h2,h3,p,dl,dd){margin:0}
html[data-app-id="exchange"][data-client] .trade107-page :is(button,input,select,summary,[tabindex]):focus-visible,html[data-app-id="exchange"][data-client] .circulation-desk :is(button,[tabindex]):focus-visible{outline:3px solid #8874b7;outline-offset:3px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-overview{padding:20px;border:1px solid var(--trade-line);border-radius:24px;background:linear-gradient(125deg,#f6f3ff 0%,#fff 65%);margin:0 0 16px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-overview>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-eyebrow{font-size:12px;color:var(--trade-muted);line-height:1.5;margin-bottom:5px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-overview h1{font-size:calc(23px * var(--font-scale,1));font-weight:650;letter-spacing:-.6px;line-height:1.35;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-overview>p{font-size:12px;line-height:1.7;color:var(--trade-muted);margin:12px 0 0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-rules{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;flex-shrink:0;padding:8px 10px;border:1px solid #e4deed;border-radius:12px;background:#fff;color:#5b496f;font-size:12px;font-weight:500;box-shadow:none}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-rules>span{font-size:20px;line-height:1}
html[data-app-id="exchange"][data-client] .trade107-page>.trade-board-tabs{display:flex;gap:6px;padding:5px;margin:0 0 12px;background:#eeedf2;border:1px solid #e8e6ee;border-radius:16px;overflow-x:auto;min-width:0;scrollbar-width:none}
html[data-app-id="exchange"][data-client] .trade107-page>.trade-board-tabs>button{flex:1 0 auto;min-width:100px;min-height:44px;margin:0;padding:10px 14px;border:0;border-radius:12px;background:transparent;box-shadow:none;font-size:14px;line-height:1.5;color:#716a7d;white-space:nowrap}
html[data-app-id="exchange"][data-client] .trade107-page>.trade-board-tabs>button.active{background:#fff;color:#302a3c;font-weight:600;box-shadow:0 2px 8px #30233d09}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 20px;border-bottom:1px solid var(--trade-line);padding:0 4px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-modes button{min-height:48px;background:transparent;color:#777080;font-size:14px;font-weight:500;border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 6px;box-shadow:none}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-modes button.active{color:#4f3b6d;border-bottom-color:#6e568f;font-weight:650}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) :is(.trade107-surface,.trade107-stopped){padding:20px;border:1px solid var(--trade-line);border-radius:24px;background:#fff;box-shadow:0 3px 15px #34234f03;margin:16px 0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;min-width:0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-section-heading h2{font-size:calc(18px * var(--font-scale,1));font-weight:650;line-height:1.4;color:var(--trade-ink)}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-section-heading p{font-size:12px;color:var(--trade-muted);line-height:1.6;margin:5px 0 0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) :is(.trade107-secondary,.trade107-text-action){min-height:44px;border:1px solid #e7e2ee;border-radius:12px;padding:10px 12px;background:#f6f4fa;color:#5b496f;font-size:12px;font-weight:550;line-height:1.5;box-shadow:none;text-align:center}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-secondary{flex-shrink:0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-text-action{border:0;background:transparent;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px 0;text-align:right}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-primary{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;padding:12px 16px;margin:0;background:#332d43!important;color:#fff!important;border:0;border-radius:12px;font-size:14px;font-weight:600;line-height:1.5;box-shadow:none!important}
html[data-app-id="exchange"][data-client] .trade107-page button:disabled{background:#f0eef4!important;color:#8c8598!important;border-color:#eeebf3;box-shadow:none!important;opacity:1;cursor:not-allowed}
html[data-app-id="exchange"][data-client] .trade107-page .trade107-footnote{font-size:11px;color:var(--trade-muted);line-height:1.8;margin-top:16px;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .trade107-page>.trade107-risk{margin-top:22px;padding:0 4px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-risk .risk-tip{margin:0;padding:0;border:0;background:transparent;align-items:flex-start;font-size:11px;line-height:1.8;color:var(--trade-muted)}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-risk .risk-tip svg{flex-shrink:0;margin-top:3px;width:15px;height:15px}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-entry{min-height:100px;padding:16px 14px;border:1px solid var(--trade-line);border-radius:18px;background:#fff;box-shadow:none;gap:6px 8px;grid-template-columns:minmax(0,1fr) auto;box-sizing:border-box}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-entry strong{font-size:14px;font-weight:600;line-height:1.5}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-entry span{font-size:11px;line-height:1.6;color:var(--trade-muted);align-self:start}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-entry b{font-size:22px;font-weight:400;color:#91859e}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-sessions{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session{padding:18px;border:1px solid var(--trade-line);border-radius:22px;background:#fff;box-shadow:none;margin:0}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session.live{border-color:#c9bddb;box-shadow:0 0 0 2px #b6a3cf0d}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session>header{gap:10px;align-items:center}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session>header>div:first-child{min-width:0}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-phase{display:inline-block;font-size:10px;color:#746b81;background:#f3f1f7;border-radius:6px;padding:3px 7px;line-height:1.5}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-phase.is-live{color:#376b58;background:#eef7f1}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session h3{font-size:calc(18px * var(--font-scale,1));font-weight:600;line-height:1.4;margin:7px 0 3px;color:var(--trade-ink);overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-time{font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums;color:var(--trade-muted)}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-countdown{flex-shrink:0;display:grid;justify-items:end;gap:6px;padding:10px 0 10px 10px;min-width:0}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-countdown small{font-size:10px;font-weight:400;color:var(--trade-muted)}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-countdown strong{font-size:18px;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums;color:#655084;white-space:nowrap;letter-spacing:-.3px}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-count{font-size:11px;color:var(--trade-muted);flex-shrink:0}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session>p{font-size:11px;color:var(--trade-muted);line-height:1.7;margin:14px 0}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-scroll{padding:1px;gap:12px;max-height:440px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-item .letao-product-card{display:grid;grid-template-columns:108px minmax(0,1fr);min-height:188px;border:1px solid var(--trade-line);border-radius:16px;background:#fff;box-shadow:none;overflow:hidden;margin:0;padding:0;align-items:stretch}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-item .letao-product-art{width:100%;height:100%;min-height:188px;padding:12px 8px 26px;background:#f6f4f9;border:0;border-radius:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-item .letao-product-art img{position:static;width:100%;height:144px;object-fit:contain;transform:none;margin:0;max-width:100%}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-item .letao-product-art small{bottom:10px;font-size:9px;color:#857c90}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-item .mall-product-copy{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;padding:14px;min-width:0;background:#fff}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-item .mall-product-copy h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;font-size:14px;line-height:1.45;margin:0;color:var(--trade-ink)}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-item .letao-stock{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;line-height:1.5;margin:0;color:var(--trade-muted)}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-item .letao-price{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:auto}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-item .letao-price>span{font-size:10px;color:var(--trade-muted)}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-item .letao-price>strong{font-size:24px;font-weight:650;line-height:1.25;font-variant-numeric:tabular-nums;color:#30283d;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-item .button{width:100%;min-height:44px;padding:10px 8px;margin:2px 0 0;font-size:12px;line-height:1.5;color:#fff;background:#332d43;border:0;border-radius:10px;box-shadow:none;white-space:normal}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-item .button:disabled{background:#f0eef4;color:#8c8598;opacity:1;box-shadow:none}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:28px 16px;min-height:138px;background:#faf9fc;border:1px solid #eeebf3;border-radius:16px;text-align:center;box-sizing:border-box}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-empty strong{font-size:13px;font-weight:550;color:#51495f}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-empty p{font-size:11px;line-height:1.7;color:var(--trade-muted);margin:0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-empty button{margin-top:8px}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-timezone{font-size:10px;color:var(--trade-muted);line-height:1.8;margin:14px 4px 0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-stock-picker>span{display:block;font-size:12px;color:var(--trade-muted);margin-bottom:8px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-stock-picker .holding-stock-tabs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;max-width:100%;padding:2px 1px 10px;margin:0 0 16px;background:transparent;border:0;border-radius:0;min-width:0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-stock-picker .holding-stock-tabs button{flex:0 0 auto;width:auto;min-width:72px;min-height:44px;padding:10px 14px;border:1px solid #e8e3ef;border-radius:12px;font-size:13px;line-height:1.5;white-space:nowrap;background:#faf9fc;box-shadow:none;color:#746b81}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-stock-picker .holding-stock-tabs button.active{background:#f0eaf7;border-color:#d8cbe7;color:#544169;font-weight:600}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-selected-product{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;padding:12px;border:1px solid var(--trade-line);border-radius:16px;margin:0 0 18px;align-items:center}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-product-art{display:flex;align-items:center;justify-content:center;width:100%;height:110px;border:0;border-radius:12px;background:#f6f3fa;padding:8px;box-sizing:border-box;box-shadow:none}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-product-art img{display:block;width:100%;height:100%;object-fit:contain}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-art-placeholder{font-size:11px;line-height:1.7;color:#91889c;text-align:center}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-selected-product>div{min-width:0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-selected-product small{font-size:10px;color:var(--trade-muted)}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-selected-product h3{font-size:16px;line-height:1.5;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-selected-product p{font-size:10px;color:var(--trade-muted);line-height:1.6;overflow-wrap:anywhere;margin:4px 0!important}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-selected-product>div>span{font-size:11px;color:#655176}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-consign .field{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;margin:0 0 14px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-consign .field>span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#6a6078}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-consign .field>span b{font-weight:550;color:#46404f}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-consign .field>span i{font-size:10px;font-style:normal}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-consign .select-wrap{display:block;padding:0;border:0;background:transparent;min-width:0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-consign select{display:block;min-width:0;width:100%;max-width:100%;min-height:48px;padding:10px 28px 10px 12px;border:1px solid var(--trade-line);border-radius:12px;background:#f7f6fa;color:var(--trade-ink);font:inherit;font-size:16px;box-sizing:border-box;text-overflow:ellipsis}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-holding-note .trade-note{font-size:11px;line-height:1.7;color:var(--trade-muted);margin:0 0 18px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-price-panel{border:1px solid var(--trade-line);border-radius:18px;background:#faf9fc;padding:16px;margin:0 0 16px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-price-heading>span{display:block;color:var(--trade-muted);font-size:12px;line-height:1.6}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-price-heading small{font-size:10px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-price-heading input{display:block;width:100%;max-width:100%;font-size:32px;font-weight:650;line-height:1.4;letter-spacing:-.5px;font-variant-numeric:tabular-nums;appearance:textfield;-webkit-appearance:none;background:transparent;border:0;outline-offset:0;padding:4px 0;color:#30283d;box-sizing:border-box;height:52px;box-shadow:none}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-price-heading input::-webkit-inner-spin-button{appearance:none}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-price-panel .sell-percent-slider{padding:0;margin:16px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-price-panel .sell-percent-head{font-size:12px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-price-panel .sell-percent-head output{background:#ece5f5;color:#655084;font-size:13px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-price-panel input[type=range]{accent-color:#745a94;width:100%;min-height:44px;margin:4px 0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-price-panel .sell-percent-scale{font-size:10px;color:var(--trade-muted)}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-price-panel>p{font-size:10px;line-height:1.7;color:var(--trade-muted);margin-top:10px!important}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-important{font-size:12px;line-height:1.8;color:#665379;background:#f5f0fb;border:1px solid #e9e0f3;border-radius:12px;padding:14px;margin-bottom:16px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-listing-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--trade-line);padding:0 0 16px;margin-bottom:16px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-listing-total>span{font-size:12px;color:var(--trade-muted)}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-listing-total strong{font-size:16px;line-height:1.5;font-weight:600;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-preflight{padding:16px;border:1px solid var(--trade-line);border-radius:16px;background:#fff;margin:0 0 18px;box-shadow:none}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-preflight>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;margin:0 0 14px;border:0;background:transparent}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-preflight>header>strong{font-size:14px;color:#393141;font-weight:600}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-preflight>header>span{font-size:10px;color:#9d465c;background:#fbf0f3;border-radius:6px;padding:4px 7px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-preflight>header>span.is-ready{background:#eef7f1;color:#376b58}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-preflight .preflight-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-preflight .preflight-checks>div{display:flex;align-items:flex-start;gap:7px;border:0;border-radius:0;background:transparent;padding:6px 0;min-width:0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-preflight .preflight-checks>div:last-child{grid-column:1/-1}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-preflight .preflight-checks i{display:flex;justify-content:center;align-items:center;width:18px;height:18px;flex:0 0 18px;border-radius:50%;font-size:11px;margin-top:1px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-preflight .preflight-checks span{font-size:12px;font-weight:500;color:#504656;min-width:0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-preflight .preflight-checks small{display:block;font-size:10px;line-height:1.6;color:var(--trade-muted);margin-top:4px;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-preflight .preflight-blocks{padding:12px;margin:12px 0 0;background:#fcf3f5;border-radius:10px;border:0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-preflight .preflight-blocks p{font-size:11px;line-height:1.8;display:block;margin:0;color:#9d465c}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-costs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:14px;margin-top:14px!important;border-top:1px solid var(--trade-line)}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-costs dt{font-size:10px;line-height:1.6;color:var(--trade-muted)}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-costs dd{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.5;margin-top:5px!important;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-check-note,html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-preflight.loading>p{font-size:11px;color:var(--trade-muted);line-height:1.7;margin-top:8px!important}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery{background:transparent;padding:0;border:0;border-radius:0;margin-top:20px;box-shadow:none}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-count{font-size:11px;color:var(--trade-muted);white-space:nowrap;padding:5px 8px;border-radius:7px;background:#f1eef6}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px;background:#f2eff8;border:1px solid #e7e0ef;border-radius:16px;margin:0 0 16px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery-options>span{font-size:12px;color:#645074;text-align:center;line-height:1.6}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery-options>p{grid-column:1/-1;text-align:center;font-size:10px;color:var(--trade-muted);line-height:1.7;margin:4px 0 0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery-card{padding:0;border:1px solid var(--trade-line);border-radius:22px;background:#fff;overflow:hidden;display:flex;flex-direction:column;box-shadow:none;margin:0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery-card .reunion-product-art{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:220px;min-height:220px;padding:18px 22px 32px;margin:0;border:0;border-radius:0;background:linear-gradient(135deg,#f3effb,#f0f6fc);box-sizing:border-box}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery-card .reunion-product-art img{position:static;width:100%;height:100%;max-height:170px;object-fit:contain;transform:none}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery-card .reunion-product-art>small{position:absolute;bottom:12px;left:12px;right:12px;text-align:center;font-size:10px;color:#83758f}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery-copy{display:flex;flex-direction:column;gap:10px;padding:20px;flex:1;min-width:0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery-copy>small{font-size:11px;color:var(--trade-muted)}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery-copy>h3{font-size:18px;line-height:1.45;min-height:52px;color:var(--trade-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin-top:auto}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery-price strong{font-size:26px;font-weight:650;line-height:1.4;font-variant-numeric:tabular-nums;color:#30283d}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery-price span{font-size:11px;color:var(--trade-muted)}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-detail-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:8px 0;border:0;border-radius:0;background:transparent;color:#6a517f;font-size:12px;font-weight:500;box-shadow:none}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-detail-link>span{font-size:20px;line-height:1}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-stopped{margin-top:20px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-stopped>header{padding:0;border:0;margin-bottom:16px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-stopped-list{display:grid;gap:12px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-stopped-card{display:grid!important;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:12px!important;border:1px solid var(--trade-line);border-radius:16px;align-items:center!important;box-shadow:none}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-stopped-card>div{min-width:0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-stopped-card h3{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-stopped-card p{font-size:11px;color:var(--trade-muted);line-height:1.7;margin:4px 0!important}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-stopped-card strong{display:block;font-size:18px;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-stopped-card strong small{font-size:10px;font-weight:400;color:var(--trade-muted)}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-stopped-card button.trade107-secondary{width:100%;margin-top:10px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-order-list,html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-owned>details{padding:0 18px;background:#fff;border:1px solid var(--trade-line);border-radius:18px;margin-top:16px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-order-list>summary,html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-owned summary{display:flex;justify-content:space-between;align-items:center;min-height:60px;font-size:14px;font-weight:550;cursor:pointer}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-order-list>summary>span{font-size:11px;color:var(--trade-muted)}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-order-list>article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--trade-line)}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-order-list article strong{font-size:13px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-order-list article p{font-size:11px;line-height:1.7;color:var(--trade-muted);margin:4px 0 0!important}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-owned .commerce-order{border:0;border-top:1px solid var(--trade-line);border-radius:0;padding:14px 0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-owned .button{min-height:44px;border-radius:12px;margin:6px 8px 0 0;box-shadow:none}
html[data-app-id="exchange"][data-client] body:has(.trade107-page) .action-sheet:not(.consent-sheet) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px;min-height:48px;border-radius:12px}
html[data-app-id="exchange"][data-client] body:has(.trade107-page) .batch-lots{max-height:350px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #e8e6ef;border-radius:14px;padding:0 12px;margin-top:12px}
html[data-app-id="exchange"][data-client] body:has(.trade107-page) .batch-lots>label{min-height:60px;padding:14px 0;margin:0;border-bottom:1px solid #eeebf3;box-sizing:border-box;gap:12px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .batch-lots>label:last-child{border-bottom:0}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .batch-lots>label>span{font-size:12px;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .batch-lots small{display:block;font-size:11px;color:#776c85;line-height:1.7;margin-top:4px}
@media(max-width:650px){
html[data-app-id="exchange"][data-client] .circulation-desk .flow-sessions,html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery-grid{grid-template-columns:minmax(0,1fr)}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-delivery-options{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .flow-sessions-heading{align-items:flex-start!important;flex-direction:column;gap:4px!important}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .flow-sessions-heading .trade107-text-action{justify-content:flex-start;text-align:left;min-height:44px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-order-list>article{align-items:flex-start;flex-direction:column}}
@media(max-width:359px){
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-overview{padding:16px;border-radius:20px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-overview h1{font-size:21px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-rules{padding:8px;font-size:11px;gap:4px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) :is(.trade107-surface,.trade107-stopped){padding:14px;border-radius:20px}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session{padding:14px}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-item .letao-product-card{grid-template-columns:88px minmax(0,1fr)}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-item .mall-product-copy{padding:12px}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-countdown strong{font-size:16px}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-listing-total strong{font-size:14px!important}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-selected-product{gap:10px!important;grid-template-columns:76px minmax(0,1fr)!important}
html[data-app-id="exchange"][data-client] :is(.trade107-page,.circulation-desk) .trade107-selected-product h3{font-size:14px!important}}
@media(prefers-reduced-motion:no-preference){
html[data-app-id="exchange"][data-client] .trade107-page button{transition:background-color .15s,color .15s}}
html[data-app-id="exchange"][data-client] .trade107-page .trade107-preflight>header>strong{background:transparent;padding:0;min-height:0;display:block;border-radius:0}
html[data-app-id="exchange"][data-client] .trade107-page .trade107-price-heading input[data-sell-price]{font-size:32px!important}
html[data-app-id="exchange"][data-client] .circulation-desk .flow-session-item .button:not(:disabled){background:#332d43!important;box-shadow:none!important}

/* Assets share the market/trade palette and spacing; balances stay in separate accounts. */
html[data-app-id="exchange"][data-client] .asset107-page{--asset-ink:#262533;--asset-muted:#6a6879;--asset-line:#e8e6ef;--asset-accent:#655084;color:var(--asset-ink);min-width:0;padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}
html[data-app-id="exchange"][data-client] .asset107-page>.topbar{margin-bottom:18px;min-height:58px}
html[data-app-id="exchange"][data-client] .asset107-page :is(h1,h2,h3,p,dl,dd){margin:0}
html[data-app-id="exchange"][data-client] .asset107-page :is(button,summary,[tabindex]):focus-visible{outline:3px solid #8874b7;outline-offset:3px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-overview{padding:20px;border:1px solid var(--asset-line);border-radius:24px;background:linear-gradient(125deg,#f6f3ff 0%,#fff 65%);margin-bottom:16px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-overview>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-overview header p{font-size:12px;line-height:1.6;color:var(--asset-muted);margin-bottom:4px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-overview h1{font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.3px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-visibility{min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px solid #e4deed;border-radius:12px;background:#fff;color:#655273;font-size:11px;box-shadow:none;flex-shrink:0}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-visibility svg{width:17px;height:17px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-visibility[aria-pressed=true]{background:#eee7f6;border-color:#d7cce5}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-digital{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;min-height:74px;margin:16px 0 12px;padding:0;border:0;border-radius:12px;text-align:left;background:transparent;color:var(--asset-ink);box-shadow:none}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-digital strong{font-size:clamp(28px,8vw,36px);font-weight:650;line-height:1.4;font-variant-numeric:tabular-nums;letter-spacing:-.8px;overflow-wrap:anywhere;min-width:0}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-digital>span{flex-shrink:0;font-size:11px;color:#756583;font-weight:400;line-height:1.5}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-digital i{font-style:normal;font-size:18px;margin-left:4px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-overview>footer{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px;font-size:10px;color:var(--asset-muted);line-height:1.7;border-top:1px solid #eae5f1;padding-top:12px;font-variant-numeric:tabular-nums}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;margin-bottom:14px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-account{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;min-height:124px;min-width:0;padding:16px;background:#fff;border:1px solid var(--asset-line);border-radius:18px;box-shadow:0 3px 15px #34234f03;text-align:left;color:var(--asset-ink)}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-account-name{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:550;line-height:1.5}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-account-name i{font-style:normal;font-size:20px;font-weight:400;line-height:1;color:#a093ad}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-account>strong{font-size:clamp(20px,5.5vw,25px);line-height:1.35;font-weight:600;letter-spacing:-.3px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-account>small{font-size:10px;color:var(--asset-muted);line-height:1.6;margin-top:auto;font-weight:400}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px;align-items:stretch}
html[data-app-id="exchange"][data-client] .asset107-page :is(.asset107-primary,.asset107-secondary){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:11px 12px;border-radius:12px;font-size:12px;font-weight:550;line-height:1.5;box-shadow:none;box-sizing:border-box;white-space:normal;text-align:center}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-primary{background:#332d43;color:#fff;border:1px solid #332d43}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-secondary{background:#f6f4fa;color:#5b496f;border:1px solid #e7e2ee}
html[data-app-id="exchange"][data-client] .asset107-page button:disabled{background:#f0eef4;color:#8c8598;border-color:#eeebf3;box-shadow:none;opacity:1;cursor:not-allowed}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 12px;background:#fff;border:1px solid var(--asset-line);border-radius:20px;margin-bottom:16px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-services>button{display:flex;align-items:center;flex-direction:column;gap:7px;min-height:82px;min-width:0;padding:2px;border:0;border-radius:12px;box-shadow:none;background:transparent;color:var(--asset-ink);text-align:center}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-services i{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#f3eff8;color:#77628e;font-style:normal}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-services svg{width:18px;height:18px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-services strong{font-size:12px;line-height:1.5;font-weight:550}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-services small{font-size:10px;line-height:1.6;color:var(--asset-muted);font-weight:400}
html[data-app-id="exchange"][data-client] .asset107-page :is(.asset107-valuation,.asset107-prelistings){padding:0 18px;border:1px solid var(--asset-line);border-radius:20px;background:#fff;margin:16px 0}
html[data-app-id="exchange"][data-client] .asset107-page :is(.asset107-valuation,.asset107-prelistings)>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:78px;padding:14px 0;box-sizing:border-box;cursor:pointer;list-style:none}
html[data-app-id="exchange"][data-client] .asset107-page :is(.asset107-valuation,.asset107-prelistings)>summary::-webkit-details-marker{display:none}
html[data-app-id="exchange"][data-client] .asset107-page :is(.asset107-valuation,.asset107-prelistings)>summary strong{display:block;font-size:14px;line-height:1.5;font-weight:600}
html[data-app-id="exchange"][data-client] .asset107-page :is(.asset107-valuation,.asset107-prelistings)>summary small{display:block;font-size:10px;color:var(--asset-muted);line-height:1.6;margin-top:5px;font-weight:400}
html[data-app-id="exchange"][data-client] .asset107-page :is(.asset107-valuation,.asset107-prelistings)>summary b{font-size:20px;font-weight:400;color:#8b8298}
html[data-app-id="exchange"][data-client] .asset107-page :is(.asset107-valuation,.asset107-prelistings)[open]>summary b{transform:rotate(180deg)}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-valuation>dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding:16px 0;border-top:1px solid var(--asset-line)}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-valuation dt{font-size:10px;line-height:1.7;color:var(--asset-muted)}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-valuation dd{font-size:16px;line-height:1.5;font-weight:550;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin-top:5px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-valuation>p{font-size:11px;color:var(--asset-muted);line-height:1.8;padding-bottom:18px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-records{margin-top:24px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-section-heading{margin-bottom:14px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-section-heading h2{font-size:calc(18px * var(--font-scale,1));font-weight:650;line-height:1.4}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-section-heading p{font-size:12px;color:var(--asset-muted);line-height:1.6;margin-top:5px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;margin:0 0 16px;background:#eeedf2;border:1px solid #e8e6ee;border-radius:16px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-tabs>button{min-height:44px;min-width:0;padding:10px 6px;background:transparent;border:0;border-radius:12px;font-size:13px;font-weight:500;line-height:1.5;color:#716a7d;box-shadow:none}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-tabs>button.active{background:#fff;color:#302a3c;font-weight:600;box-shadow:0 2px 8px #30233d09}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-position-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;background:#f6f3fb;border:1px solid #e8e1f0;border-radius:18px;margin-bottom:16px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-position-summary>div{min-width:0}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-position-summary span{display:block;font-size:11px;color:var(--asset-muted);line-height:1.7}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-position-summary strong{display:block;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.4;margin-top:5px;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-position-summary>p{grid-column:1/-1;font-size:10px;line-height:1.7;color:var(--asset-muted);border-top:1px solid #e7e0ef;padding-top:12px}
html[data-app-id="exchange"][data-client] .asset107-page :is(.asset107-position-list,.asset107-record-list){display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
html[data-app-id="exchange"][data-client] .asset107-page :is(.asset107-position-card,.asset107-record-card){padding:18px;background:#fff;border:1px solid var(--asset-line);border-radius:20px;min-width:0;box-shadow:0 3px 15px #34234f03}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-position-card>header{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:16px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-position-card .trade107-product-art{display:flex;align-items:center;justify-content:center;width:64px;height:74px;background:#f6f3fa;border:0;border-radius:12px;padding:7px;box-sizing:border-box;box-shadow:none}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-position-card .trade107-product-art img{width:100%;height:100%;object-fit:contain;display:block}
html[data-app-id="exchange"][data-client] .asset107-page .trade107-art-placeholder{font-size:9px;color:#91889c;line-height:1.6;text-align:center;font-weight:400}
html[data-app-id="exchange"][data-client] .asset107-page :is(.asset107-position-card,.asset107-record-card) h3{font-size:15px;line-height:1.5;font-weight:600;color:var(--asset-ink);overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-position-card header small{display:block;font-size:10px;color:var(--asset-muted);line-height:1.6;margin-top:5px;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 0;border-top:1px solid #eeebf3;border-bottom:1px solid #eeebf3;align-items:start}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-metrics>div{min-width:0}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-metrics dt{font-size:10px;color:var(--asset-muted);line-height:1.7;min-height:20px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-metrics dd{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.5;margin-top:5px;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-metrics dd small{font-size:10px;font-weight:400;color:var(--asset-muted);margin-left:3px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-position-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 0}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-position-prices>div{min-width:0}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-position-prices dt{font-size:10px;color:var(--asset-muted);line-height:1.6}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-position-prices dd{font-size:13px;font-weight:550;line-height:1.5;margin-top:4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-position-card>footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:2px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-record-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-record-card>header>div{min-width:0}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-record-card header small{display:block;font-size:10px;color:var(--asset-muted);line-height:1.7;overflow-wrap:anywhere;margin-top:5px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-status{flex-shrink:0;font-size:10px;line-height:1.5;padding:4px 7px;background:#f2eef7;color:#705e83;border-radius:7px;font-weight:500;max-width:40%;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-record-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;flex-wrap:wrap}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-record-card>footer>small{font-size:10px;line-height:1.6;color:var(--asset-muted)}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-record-card footer>div{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-cancel{color:#996276;background:#fbf5f7;border-color:#eddee4}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:32px 16px;min-height:160px;border:1px solid #eeebf3;border-radius:18px;background:#faf9fc;text-align:center;box-sizing:border-box}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-empty strong{font-size:13px;line-height:1.6;font-weight:550;color:#51495f}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-empty p{font-size:11px;color:var(--asset-muted);line-height:1.7}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-prelisting-list{display:grid;gap:12px;padding-bottom:14px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-prelisting-list .asset107-record-card{padding:14px;border-radius:14px;box-shadow:none}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-history-note{font-size:10px;color:var(--asset-muted);line-height:1.8;margin:12px 0;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-refresh{width:100%;margin:0 0 16px}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-note{margin:20px 4px 0;color:var(--asset-muted);line-height:1.8}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-note>strong{font-size:11px;font-weight:550}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-note>p{font-size:11px;margin:6px 0}
html[data-app-id="exchange"][data-client] .asset107-page .asset107-note>span{font-size:10px}
html[data-app-id="exchange"][data-client] body:has(.asset107-page) .action-sheet:not(.consent-sheet) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px;min-height:48px;border-radius:12px}
@media(min-width:900px){html[data-app-id="exchange"][data-client] .asset107-page .asset107-position-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}
@media(max-width:359px){html[data-app-id="exchange"][data-client] .asset107-page .asset107-overview{padding:16px;border-radius:20px}html[data-app-id="exchange"][data-client] .asset107-page .asset107-account{padding:14px;min-height:118px}html[data-app-id="exchange"][data-client] .asset107-page .asset107-actions button{font-size:12px;padding:10px 6px}html[data-app-id="exchange"][data-client] .asset107-page :is(.asset107-position-card,.asset107-record-card){padding:14px}html[data-app-id="exchange"][data-client] .asset107-page .asset107-services{padding:14px 8px;gap:6px}html[data-app-id="exchange"][data-client] .asset107-page .asset107-metrics dd{font-size:13px}}
@media(prefers-reduced-motion:no-preference){html[data-app-id="exchange"][data-client] .asset107-page button{transition:background-color .15s,color .15s}html[data-app-id="exchange"][data-client] .asset107-page :is(.asset107-valuation,.asset107-prelistings)>summary b{transition:transform .15s}}
html[data-app-id="exchange"][data-client] .asset107-page :is(.asset107-visibility,.asset107-services) svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Larger, bold primary-navigation labels for easier reading. */
html[data-app-id="exchange"][data-client] .bottom-nav .nav-item span {
  color:#111111!important;
  font-size:calc(14px * var(--font-scale,1))!important;
  font-weight:800!important;
  line-height:1.3;
  white-space:nowrap;
  text-shadow:none!important;
}

/* Shared first sale item in both circulation entries. */
html[data-app-id="exchange"][data-client] .flow-initial-products{margin:0 0 16px}
html[data-app-id="exchange"][data-client] .flow-initial-products>h2{font-size:18px;font-weight:700;margin:0 0 12px}
html[data-app-id="exchange"][data-client] .flow-initial-diamond{display:grid;grid-template-columns:minmax(100px,36%) minmax(0,1fr);border:1px solid #e5e2ee;border-radius:20px;overflow:hidden;background:#fff}
html[data-app-id="exchange"][data-client] .flow-initial-art{display:flex;align-items:center;justify-content:center;border:0;background:#f6f4f9;padding:14px;min-width:0}
html[data-app-id="exchange"][data-client] .flow-initial-art img{width:100%;height:170px;object-fit:contain}
html[data-app-id="exchange"][data-client] .flow-initial-copy{padding:16px;min-width:0;color:#292431}
html[data-app-id="exchange"][data-client] .flow-initial-copy h3{font-size:20px;margin:0 0 10px}
html[data-app-id="exchange"][data-client] .flow-initial-copy p{font-size:13px;line-height:1.6;margin:8px 0;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .flow-initial-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
html[data-app-id="exchange"][data-client] .flow-initial-price strong{font-size:28px}
html[data-app-id="exchange"][data-client] .flow-initial-copy .button{width:100%;min-height:46px;white-space:normal;padding:10px 8px}
@media(max-width:359px){html[data-app-id="exchange"][data-client] .flow-initial-copy{padding:12px}html[data-app-id="exchange"][data-client] .flow-initial-art{padding:8px}}

/* Screenshot-aligned circulation page: two segmented rows, entry pair, four windows. */
html[data-app-id="exchange"][data-client] .trade107-page>.trade-board-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border:1px solid #e7e7e9;background:#f0f0f2;border-radius:16px;padding:4px;margin:12px 0}
html[data-app-id="exchange"][data-client] .trade107-page>.trade-board-tabs button{min-height:46px;border:0;border-radius:12px;background:transparent;color:#62626a;font-size:15px;font-weight:650}
html[data-app-id="exchange"][data-client] .trade107-page>.trade-board-tabs button.active{background:#fff;color:#202025;box-shadow:0 1px 4px #0000000a}
html[data-app-id="exchange"][data-client] .flow-layout-panel{padding:12px;border:1px solid #e7e7eb;border-radius:24px;background:#fff;margin-top:12px}
html[data-app-id="exchange"][data-client] .flow-layout-panel>.trade107-modes{background:#f0f0f2;padding:4px;border:1px solid #e7e7e9;border-radius:15px;gap:4px;margin:0 0 16px}
html[data-app-id="exchange"][data-client] .flow-layout-panel>.trade107-modes button{border:0;border-radius:11px;font-weight:650;color:#66636b;min-height:46px}
html[data-app-id="exchange"][data-client] .flow-layout-panel>.trade107-modes button.active{background:#fff;color:#222;box-shadow:0 1px 4px #0000000a}
html[data-app-id="exchange"][data-client] .flow-layout-panel .flow-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}
html[data-app-id="exchange"][data-client] .flow-layout-panel .flow-entry{min-height:82px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;background:#f6f6f7;border:1px solid #e7e7eb;border-radius:14px;color:#29262e}
html[data-app-id="exchange"][data-client] .flow-layout-panel .flow-entry strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
html[data-app-id="exchange"][data-client] .flow-layout-panel .flow-entry span{font-size:11px;line-height:1.5;color:#75717b}
html[data-app-id="exchange"][data-client] .flow-layout-panel .flow-sessions{grid-template-columns:minmax(0,1fr);gap:16px}
html[data-app-id="exchange"][data-client] .flow-layout-panel .flow-session{padding:14px;border:1px solid #e7e7eb;background:#fff;border-radius:18px}
html[data-app-id="exchange"][data-client] .flow-layout-panel .flow-session-scroll{max-height:400px;overflow-y:auto;overflow-x:hidden}
html[data-app-id="exchange"][data-client] .flow-layout-panel .flow-session-time{font-weight:700;color:#333;font-size:14px}
@media(min-width:760px){html[data-app-id="exchange"][data-client] .flow-layout-panel .flow-sessions{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Initial ring storefront: visible product image, voucher price and one purchase flow. */
html[data-app-id="exchange"][data-client] .initial-ring-product{border:1px solid #e7e7eb;border-radius:18px;background:#fff;padding:14px;margin:0 0 16px;overflow:hidden}
html[data-app-id="exchange"][data-client] .initial-ring-art{display:block;width:100%;padding:0;border:0;border-radius:14px;background:#f4f4fa;overflow:hidden;cursor:pointer}
html[data-app-id="exchange"][data-client] .initial-ring-art:disabled{opacity:1;cursor:default}
html[data-app-id="exchange"][data-client] .initial-ring-art img{display:block;width:100%;height:210px;object-fit:contain}
html[data-app-id="exchange"][data-client] .initial-ring-info{padding:14px 2px 2px}
html[data-app-id="exchange"][data-client] .initial-ring-tag{font-size:12px;color:#77717e}
html[data-app-id="exchange"][data-client] .initial-ring-info h3{margin:5px 0 10px;font-size:22px;line-height:1.4;color:#24212a}
html[data-app-id="exchange"][data-client] .initial-ring-price{display:flex;align-items:baseline;gap:8px;margin:0;color:#24212a;flex-wrap:wrap}
html[data-app-id="exchange"][data-client] .initial-ring-price strong{font-size:30px;line-height:1.2;font-weight:800}
html[data-app-id="exchange"][data-client] .initial-ring-price span{font-size:14px;font-weight:650}
html[data-app-id="exchange"][data-client] .initial-ring-description{font-size:12px;color:#77717e;line-height:1.7;margin:10px 0 14px}
html[data-app-id="exchange"][data-client] .initial-ring-buy{width:100%;min-height:46px;padding:10px 16px;border:0;border-radius:12px;background:#28252d;color:#fff;font-size:16px;font-weight:750;cursor:pointer}
html[data-app-id="exchange"][data-client] .initial-ring-buy:disabled{background:#eeedf0;color:#98939f;cursor:default}
html[data-app-id="exchange"][data-client] .flow-layout-panel .flow-entry-grid.flow-entry-grid-single{grid-template-columns:minmax(0,1fr)}
html[data-app-id="exchange"][data-client] .initial-ring-checkout-art img{max-height:180px;object-fit:contain}

/* Four primary destinations; trading remains reachable from the home shortcut. */
html[data-app-id="exchange"][data-client] .bottom-nav {grid-template-columns:repeat(4,minmax(0,1fr))!important;}
html[data-app-id="exchange"][data-client] .bottom-nav .nav-item {min-width:0;gap:5px;color:#514c59;}
html[data-app-id="exchange"][data-client] .bottom-nav .nav-item span {font-size:calc(16px * var(--font-scale,1))!important;font-weight:800!important;line-height:1.2;color:inherit!important;}
html[data-app-id="exchange"][data-client] .bottom-nav .nav-item svg {width:25px;height:25px;stroke-width:2;}
html[data-app-id="exchange"][data-client] .bottom-nav .nav-item.active {color:#38225e;background:#eee8ff;}

/* Selected navigation label: repeating vertical bands of smoothly blended rainbow color. */
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
 html[data-app-id="exchange"][data-client] .bottom-nav .nav-item.active > span {
  background-image:repeating-linear-gradient(90deg,#d72772 0px,#8535ce 3px,#235fc6 6px,#078b9c 9px,#26834b 12px,#c67b08 15px,#da4932 18px,#d72772 21px);
  background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none!important;
 }
}
@media (forced-colors:active) {
 html[data-app-id="exchange"][data-client] .bottom-nav .nav-item.active > span {background:none;color:ButtonText!important;-webkit-text-fill-color:ButtonText;}
}

/* Readable home zone labels, with four shortcuts kept on a single row. */
html[data-app-id="exchange"][data-client] .home-commerce-shortcuts .quick-action > span {font-size:calc(15px * var(--font-scale,1))!important;font-weight:700;line-height:1.4;white-space:nowrap;}
@media(max-width:359px){html[data-app-id="exchange"][data-client] .home-commerce-shortcuts .quick-action > span {font-size:calc(14px * var(--font-scale,1))!important;}}

/* Main navigation belongs only to the four root pages. */
html[data-app-id="exchange"][data-client] body.app-secondary-page .page { padding-bottom:calc(32px + env(safe-area-inset-bottom)); }
html[data-app-id="exchange"][data-client] body.app-secondary-page .page.with-trade-dock { padding-bottom:calc(100px + env(safe-area-inset-bottom)); }
html[data-app-id="exchange"][data-client] body.app-secondary-page .trade-dock { bottom:calc(7px + env(safe-area-inset-bottom)); }