/* Meme AI Pro · page styles for 行情 / 我的账户 / $MAIPRO (markets.js, account.js, token.js, credits.js) — OWNED BY pages-new.
 * Linked after pro.css. Build on the design-system classes and tokens in pro.css (see js/pro/DESIGN.md); scope new rules
 * under .page[data-route="markets"], .page[data-route="account"], .page[data-route="token"] so they never leak into the chat. */

/* Shared page kit */
.page .tk-logo { display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; border-radius:50%; font-weight:700; object-fit:cover; }
.page .xs-ic { width:26px; height:26px; }
.page .live-dot { display:inline-flex; align-items:center; gap:7px; color:var(--muted); font-size:12px; white-space:nowrap; }
.page .live-dot i { width:6px; height:6px; border-radius:50%; background:var(--green); }
.page .live-dot.sample i { background:var(--muted); }
.page .live-dot.stale i { background:var(--primary); }
.page .addr-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 0; border-bottom:1px solid var(--line-soft); }
.page .ar-l { color:var(--muted); font-size:13px; }
.page .ar-l small { display:block; font-size:11px; margin-top:3px; }
.page .ar-v { display:flex; align-items:center; gap:6px; min-width:0; }
.page .ar-a { font-size:12px; overflow-wrap:anywhere; }
.page .ar-short { display:none; }
.page .chg.nil,.page .chg.flat { color:var(--muted); }
.page .sec-h { margin:0 0 18px; }

/* Markets */
.page[data-route="markets"] .page-view { padding:28px 28px 36px; }
.page[data-route="markets"] .page-h { flex-wrap:wrap; }
.page[data-route="markets"] .mk-status { display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-size:12px; color:var(--muted); }
.page[data-route="markets"] .mk-attr.sample { color:var(--muted); }
.page[data-route="markets"] .mk-banner { display:flex; align-items:center; gap:10px; padding:12px 14px; background:var(--raised); border:1px dashed var(--line-2); border-radius:var(--r); font-size:12px; color:var(--text-2); margin-bottom:18px; }
.page[data-route="markets"] .mk-banner > span { flex:1; }
.page[data-route="markets"] .mk-tools { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:22px 0 16px; }
.page[data-route="markets"] .mk-tabs { display:flex; gap:6px; }
.page[data-route="markets"] .mk-lp { display:flex; gap:6px; }
.page[data-route="markets"] .mk-search { width:270px; max-width:100%; }
.page[data-route="markets"] .mk-resbar { display:flex; align-items:center; gap:10px; font-size:13px; padding:10px 0; color:var(--text-2); }
.page[data-route="markets"] .mk-resbar[hidden] { display:none; }
.page[data-route="markets"] .mk-resbar .icon-btn { margin-left:auto; }
.page[data-route="markets"] .mk-wrap { max-width:100%; border:1px solid var(--line-soft); border-radius:var(--r-lg); }
.page[data-route="markets"] .mk-table { min-width:1180px; }
.page[data-route="markets"] .mk-table th { position:sticky; top:0; background:var(--raised); z-index:1; font-size:11px; white-space:nowrap; }
.page[data-route="markets"] .mk-table td { padding-top:17px; padding-bottom:17px; font-size:12px; white-space:nowrap; }
.page[data-route="markets"] .mk-table tr.sel { background:var(--primary-soft); }
.page[data-route="markets"] .th-btn { display:inline-flex; gap:5px; align-items:center; color:inherit; font-size:inherit; }
.page[data-route="markets"] .th-ar { opacity:.55; font-size:10px; }
.page[data-route="markets"] .th-btn:hover,.page[data-route="markets"] .sortable.on { color: var(--primary-ink); }
.page[data-route="markets"] .c-rank { width:38px; color:var(--muted); }
.page[data-route="markets"] .c-tok { min-width:200px; }
.page[data-route="markets"] .tk { display:flex; align-items:center; gap:10px; }
.page[data-route="markets"] .tk-t { min-width:0; }
.page[data-route="markets"] .tk-s { display:flex; align-items:center; gap:6px; font-size:13px; }
.page[data-route="markets"] .tk-hot { color: var(--primary-ink); }
.page[data-route="markets"] .tk-lp { color:var(--muted); font-size:10px; }
.page[data-route="markets"] .tk-n { display:flex; align-items:center; gap:6px; margin-top:3px; font-size:10px; color:var(--muted); }
.page[data-route="markets"] .tk-age { display:inline-flex; align-items:center; gap:3px; }
.page[data-route="markets"] .tk-name { max-width:95px; overflow:hidden; text-overflow:ellipsis; }
.page[data-route="markets"] .m-sub,.page[data-route="markets"] .c-chm { display:none; }
.page[data-route="markets"] .sm-v { color:var(--green); }
.page[data-route="markets"] .warn-t { color: var(--primary-ink); }
.page[data-route="markets"] .risk-n { display:inline-flex; gap:4px; align-items:center; }
.page[data-route="markets"] .risk-n.ok { color:var(--green); }
.page[data-route="markets"] .risk-n.bad { color:var(--red); }
.page[data-route="markets"] .prog-cell { display:inline-flex; align-items:center; gap:6px; }
.page[data-route="markets"] .prog-cell .progress { width:44px; }
.page[data-route="markets"] .mk-foot { display:flex; gap:7px; margin:14px 0; color:var(--muted); font-size:11px; line-height:1.7; }
.page[data-route="markets"] .mk-foot .ic { flex-shrink:0; margin-top:3px; }
.page[data-route="markets"] .mk-scrim { display:none; position:fixed; inset:var(--top-h) 0 0; background:rgba(0,0,0,.45); z-index:31; }
.page[data-route="markets"] .mk-scrim.in { display:block; }
.page[data-route="markets"] .mk-pane { position:fixed; z-index:32; top:var(--top-h); bottom:0; right:0; width:440px; max-width:100%; background:var(--bg); border-left:1px solid var(--line); box-shadow:-12px 0 40px rgba(0,0,0,.3); overflow:auto; transform:translateX(100%); transition:transform .18s; }
.page[data-route="markets"] .mk-pane.in { transform:translateX(0); }
.page[data-route="markets"] .mp-hd { display:flex; align-items:center; gap:12px; padding:22px 22px 14px; }
.page[data-route="markets"] .mp-id { display:flex; flex-direction:column; flex:1; }
.page[data-route="markets"] .mp-id b { font-size:20px; }
.page[data-route="markets"] .mp-id span { color:var(--muted); font-size:12px; }
.page[data-route="markets"] .mp-addr { display:flex; align-items:center; gap:6px; padding:0 22px 14px; color:var(--muted); font-size:12px; }
.page[data-route="markets"] .mp-ext { display:inline-flex; align-items:center; gap:4px; margin-left:auto; font-size:11px; }
.page[data-route="markets"] .mp-top { padding:8px 22px 18px; }
.page[data-route="markets"] .mp-price { display:flex; align-items:center; gap:12px; }
.page[data-route="markets"] .mp-price > b { font-size:30px; letter-spacing:-.03em; }
.page[data-route="markets"] .mp-chg { display:flex; gap:18px; margin-top:12px; }
.page[data-route="markets"] .mp-c { display:flex; flex-direction:column; font-size:12px; gap:3px; }
.page[data-route="markets"] .mp-c .k { color:var(--muted); font-size:11px; }
.page[data-route="markets"] .mp-chart { padding:10px 22px; min-height:180px; position:relative; }
.page[data-route="markets"] .mp-svg { width:100%; height:150px; display:block; }
.page[data-route="markets"] .mp-chart-in { position:relative; }
.page[data-route="markets"] .mp-hi,.page[data-route="markets"] .mp-lo { position:absolute; right:0; font-size:10px; color:var(--muted); background:var(--bg); }
.page[data-route="markets"] .mp-hi { top:0; }.page[data-route="markets"] .mp-lo { bottom:24px; }
.page[data-route="markets"] .mp-axis { display:flex; justify-content:space-between; color:var(--muted); font-size:10px; margin-top:8px; }
.page[data-route="markets"] .mp-chart-tag { position:absolute; top:16px; left:24px; }
.page[data-route="markets"] .mp-nochart { display:flex; justify-content:center; gap:8px; color:var(--muted); padding:60px 0; }
.page[data-route="markets"] .mp-body { padding:10px 22px; }
.page[data-route="markets"] .mp-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px 20px; }
.page[data-route="markets"] .mp-st { display:flex; flex-direction:column; gap:4px; }
.page[data-route="markets"] .mp-st .l,.page[data-route="markets"] .mp-st small { color:var(--muted); font-size:11px; }
.page[data-route="markets"] .mp-st b { font-size:14px; }
.page[data-route="markets"] .mp-sec { margin-top:24px; padding-top:18px; border-top:1px solid var(--line); }
.page[data-route="markets"] .mp-sec-h { display:flex; align-items:center; justify-content:space-between; gap:8px; font-weight:600; }
.page[data-route="markets"] .mp-scroll > .mp-sec { margin:0; padding:14px 22px 0; }
.page[data-route="markets"] .mp-scroll > .mp-sec .mp-chart { padding:10px 0; }
.page[data-route="markets"] .mp-flags { display:flex; flex-direction:column; list-style:none; padding:0; gap:9px; margin:14px 0; font-size:12px; }
.page[data-route="markets"] .mp-flags li { display:flex; align-items:center; gap:7px; color:var(--red); }
.page[data-route="markets"] .mp-okline { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:12px; margin:12px 0; }
.page[data-route="markets"] .mp-tags { display:flex; gap:6px; flex-wrap:wrap; }
.page[data-route="markets"] .mp-acts { display:flex; flex-direction:column; gap:10px; padding:22px; }
.page[data-route="markets"] .mp-acts .sim-in { color:var(--muted); font-weight:400; font-size:11px; }
.page[data-route="markets"] .mp-fine { font-size:11px; color:var(--muted); line-height:1.7; padding:0 22px 20px; }
.pb-tok { display:flex; gap:10px; align-items:center; margin-bottom:20px; }
.pb-tok > div { display:flex; flex-direction:column; gap:3px; flex:1; }
.pb-tok span { color:var(--muted); font-size:12px; }
.pb-tok .tk-logo { display:inline-flex; align-items:center; justify-content:center; border-radius:50%; flex-shrink:0; }
.pb-quick { display:flex; gap:6px; flex-wrap:wrap; margin-top:12px; }

/* Vault */
.page[data-route="token"] .vt-page { display:flex; flex-direction:column; gap:20px; }
.page[data-route="token"] .page-h { margin-bottom:0; }
.page[data-route="token"] .vt-status { display:flex; gap:8px; align-items:center; flex-wrap:wrap; font-size:12px; color:var(--muted); }
.page[data-route="token"] .vt-status .btn { margin-left:auto; }
.page[data-route="token"] .vt-settlement { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.page[data-route="token"] .vt-time { display:flex; align-items:center; gap:12px; margin:6px 0; font-size:32px; font-weight:600; letter-spacing:-.03em; }
.page[data-route="token"] .vt-settlement p { font-size:12px; margin:4px 0 0; }
.page[data-route="token"] .vt-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
.page[data-route="token"] .stat-block .v { display:block; }
.page[data-route="token"] .vt-holder-value { display:flex; align-items:center; gap:12px; font-size:30px; }
.page[data-route="token"] .vt-holder p { font-size:13px; line-height:1.8; }
.page[data-route="token"] .vt-holder-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; font-size:13px; }
.page[data-route="token"] .vt-note { color:var(--muted); font-size:12px; line-height:1.85; }
.page[data-route="token"] .vt-empty { min-height:140px; padding:24px; }
.page[data-route="token"] .dtable { min-width:620px; }
.page[data-route="token"] .vt-spend { border-top:1px solid var(--line-soft); padding:16px 0; }
.page[data-route="token"] .vt-spend:first-child { border:0; padding-top:0; }
.page[data-route="token"] .vt-spend:last-child { padding-bottom:0; }
.page[data-route="token"] .vt-spend-top { display:flex; flex-wrap:wrap; align-items:center; gap:12px; font-size:13px; }
.page[data-route="token"] .vt-spend-top > a { margin-left:auto; display:inline-flex; align-items:center; gap:4px; }
.page[data-route="token"] .vt-memo { font-size:13px; overflow-wrap:anywhere; margin:8px 0; }
.page[data-route="token"] .vt-lock { padding:14px 0; font-size:13px; }
.page[data-route="token"] .vt-flow { display:flex; flex-wrap:wrap; gap:14px; margin:14px 0 20px; }
.page[data-route="token"] .vt-flow > div { flex:1; min-width:120px; display:flex; align-items:flex-start; gap:8px; font-size:12px; }
.page[data-route="token"] .vt-step { display:flex; align-items:center; justify-content:center; width:24px; height:24px; flex-shrink:0; border:1px solid var(--primary-line); border-radius:50%; color: var(--primary-ink); }

@media (max-width:1100px) {
  .page .ar-full { display:none; }.page .ar-short { display:inline; }
}
@media (max-width:900px) {
  .page[data-route="markets"] .page-view { padding:20px 16px 28px; }
  .page[data-route="markets"] .mk-status { gap:8px; }
  .page[data-route="markets"] .mk-at { display:none; }
  .page[data-route="markets"] .mk-tools { gap:10px; }
  .page[data-route="markets"] .mk-search { width:100%; }
  .page[data-route="markets"] .mk-tools > .grow { display:none; }
  .page[data-route="markets"] .mk-tools > .seg { flex:1; }
  .page[data-route="markets"] .mk-table { min-width:0; width:100%; }
  .page[data-route="markets"] .mk-table :is(.c-rank,.c-price,.c-ch5,.c-ch1,.c-ch24,.c-vol,.c-liq,.c-mcap,.c-hold,.c-smart,.c-top,.c-risk) { display:none; }
  .page[data-route="markets"] .mk-table .c-tok { min-width:0; padding:14px 10px; }
  .page[data-route="markets"] .mk-table .c-chm { display:table-cell; padding:14px 10px; }
  .page[data-route="markets"] .tk-name { display:none; }
  .page[data-route="markets"] .tk-s { font-size:12px; }.page[data-route="markets"] .tk-lp { font-size:9px; }
  .page[data-route="markets"] .m-sub { display:inline; font-size:9px; }
  .page[data-route="markets"] .m-price { margin-bottom:4px; }
  .page[data-route="markets"] .mk-pane { top:56px; width:440px; }
  .page[data-route="token"] .vt-settlement { align-items:flex-start; flex-direction:column; gap:12px; }
  .page[data-route="token"] .vt-settlement > .btn { width:100%; }
  .page[data-route="token"] .vt-stats { gap:10px; }
  .page[data-route="token"] .stat-block { padding:12px; }.page[data-route="token"] .stat-block .v { font-size:18px; }
  .page[data-route="token"] .vt-flow > div { min-width:140px; }
  .page .addr-row { gap:8px; }.page .ar-l { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) { .page[data-route="markets"] .mk-pane { transition:none; } }

/* Readable route layouts. Keep tables inside their own scroll containers. */
.page[data-route="markets"] .page-view { padding:0; }
.page[data-route="markets"] .mk-page { padding:32px 32px 40px; }
.page[data-route="markets"] .page-h { row-gap:14px; margin-bottom:18px; align-items:flex-start; }
.page[data-route="markets"] .page-h > div:first-child { flex:1 1 420px; }
.page[data-route="markets"] .page-h > .grow { display:none; }
.page[data-route="markets"] .page-h p { max-width:730px; line-height:1.75; }
.page[data-route="markets"] .mk-status { align-self:flex-end; gap:10px; font-size:12px; line-height:1.6; }
.page[data-route="markets"] .mk-banner { border-style:solid; line-height:1.75; font-size:13px; padding:14px 16px; }
.page[data-route="markets"] .mk-banner > .ic { flex-shrink:0; }
.page[data-route="markets"] .mk-tools { padding:12px; margin:20px 0 16px; gap:12px; border:1px solid var(--line-soft); background:var(--raised); border-radius:var(--r-lg); }
.page[data-route="markets"] .mk-tabs,.page[data-route="markets"] .mk-lp { flex-shrink:0; }
.page[data-route="markets"] .mk-tools button { min-height:36px; font-size:12px; }
.page[data-route="markets"] .mk-search { width:250px; }
.page[data-route="markets"] .mk-table th { padding:13px 14px; font-size:12px; }
.page[data-route="markets"] .mk-table td { padding:18px 14px; font-size:13px; line-height:1.6; }
.page[data-route="markets"] .mk-table .c-rank { width:38px; min-width:38px; }
.page[data-route="markets"] .tk-s { font-size:14px; font-weight:600; }
.page[data-route="markets"] .tk-n { margin-top:5px; gap:7px; font-size:11px; }
.page[data-route="markets"] .tk-lp { font-size:11px; font-weight:400; }
.page[data-route="markets"] .tk-name { max-width:110px; }
.page[data-route="markets"] .mk-foot { margin-top:16px; font-size:12px; line-height:1.8; }
.page[data-route="markets"] .mp-id span,.page[data-route="markets"] .mp-c .k,.page[data-route="markets"] .mp-st .l,.page[data-route="markets"] .mp-st small { font-size:12px; line-height:1.6; }
.page[data-route="markets"] .mp-id b { font-size:22px; }
.page[data-route="markets"] .mp-price > b { font-size:34px; }
.page[data-route="markets"] .mp-c { font-size:13px; }
.page[data-route="markets"] .mp-chg { gap:22px; }
.page[data-route="markets"] .mp-grid { gap:20px 22px; }
.page[data-route="markets"] .mp-st b { font-size:16px; font-weight:600; }
.page[data-route="markets"] .mp-flags,.page[data-route="markets"] .mp-okline { font-size:13px; line-height:1.7; }
.page[data-route="markets"] .mp-fine { font-size:12px; line-height:1.85; }
.page[data-route="markets"] .mp-acts .btn { min-height:42px; }
.page[data-route="markets"] .mp-acts .sim-in { font-size:12px; }
.page[data-route="markets"] .empty-state { min-height:260px; line-height:1.8; }

.page[data-route="token"] .vt-page { gap:22px; }
.page[data-route="token"] .page-h { gap:16px; align-items:flex-start; }
.page[data-route="token"] .page-h > div:first-child { min-width:0; flex:1; }
.page[data-route="token"] .page-h > .grow { display:none; }
.page[data-route="token"] .page-h p { max-width:780px; line-height:1.8; }
.page[data-route="token"] .vt-status { border:1px solid var(--line-soft); border-radius:var(--r); padding:10px 14px; background:var(--raised); line-height:1.7; }
.page[data-route="token"] .vt-status > .ic { flex-shrink:0; }
.page[data-route="token"] .card.pad { padding:22px 24px; }
.page[data-route="token"] .sec-h { align-items:flex-start; gap:14px; }
.page[data-route="token"] .sec-h p { line-height:1.75; }
.page[data-route="token"] .vt-settlement { border-color:var(--primary-line); }
.page[data-route="token"] .vt-settlement > div { min-width:0; }
.page[data-route="token"] .vt-time { font-size:36px; line-height:1.3; margin:8px 0; }
.page[data-route="token"] .vt-settlement p { font-size:13px; line-height:1.75; }
.page[data-route="token"] .vt-settlement > .btn { min-height:42px; flex-shrink:0; }
.page[data-route="token"] .vt-stats { gap:14px; }
.page[data-route="token"] .stat-block { padding:20px; }
.page[data-route="token"] .stat-block .l { white-space:normal; line-height:1.6; }
.page[data-route="token"] .stat-block .v { font-size:26px; line-height:1.5; margin-top:8px; }
.page[data-route="token"] .stat-block .s { display:block; font-size:13px; line-height:1.7; margin-top:4px; }
.page[data-route="token"] .vt-holder-value { gap:12px; flex-wrap:wrap; }
.page[data-route="token"] .vt-holder p { font-size:13px; line-height:1.85; }
.page[data-route="token"] .vt-note { font-size:13px; line-height:1.85; }
.page[data-route="token"] .vt-empty { min-height:190px; padding:30px 20px; line-height:1.8; }
.page[data-route="token"] .dtable-wrap { max-height:420px; overscroll-behavior:contain; }
.page[data-route="token"] .dtable th { font-size:12px; padding:14px 16px; }
.page[data-route="token"] .dtable td { font-size:13px; padding:15px 16px; }
.page[data-route="token"] .vt-spend { padding:20px 0; }
.page[data-route="token"] .vt-spend-top { font-size:14px; }
.page[data-route="token"] .vt-memo { line-height:1.8; }
.page[data-route="token"] .vt-flow { gap:16px; }
.page[data-route="token"] .vt-flow > div { font-size:13px; line-height:1.7; min-width:160px; }
.page[data-route="token"] .vt-step { width:28px; height:28px; }
.page[data-route="token"] .addr-row { gap:14px; padding:16px 0; }
.page[data-route="token"] .ar-l { line-height:1.7; }
.page[data-route="token"] .ar-a { font-size:12px; }

@media (min-width:901px) {
  .page[data-route="markets"] .mk-table .c-tok { position:sticky; left:0; z-index:2; background:var(--raised); border-right:1px solid var(--line-soft); }
  .page[data-route="markets"] .mk-table th.c-tok { z-index:3; }
  .page[data-route="markets"] .mk-table tr.sel .c-tok { background:var(--primary-soft); }
  .page[data-route="markets"] .mk-table tr.click:hover .c-tok { background:var(--card); }
}
@media (max-width:1100px) {
  .page[data-route="markets"] .mk-tools > .grow { display:none; }
  .page[data-route="markets"] .mk-search { flex:1 1 230px; }
}
@media (max-width:900px) {
  .page[data-route="markets"] .mk-page { padding:22px 16px 32px; }
  .page[data-route="markets"] .page-h > div:first-child { flex-basis:100%; }
  .page[data-route="markets"] .mk-status { align-self:flex-start; }
  .page[data-route="markets"] .mk-tools { gap:10px; padding:10px; }
  .page[data-route="markets"] .mk-search { flex-basis:100%; width:100%; }
  .page[data-route="markets"] .mk-table .c-tok,.page[data-route="markets"] .mk-table .c-chm { padding:16px 14px; }
  .page[data-route="markets"] .mk-table .c-chm { font-size:13px; }
  .page[data-route="markets"] .tk-s { font-size:14px; }
  .page[data-route="markets"] .tk-lp { font-size:10px; }
  .page[data-route="markets"] .tk-n,.page[data-route="markets"] .m-sub { font-size:11px; }
  .page[data-route="markets"] .m-price { font-size:14px; margin-bottom:6px; }
  .page[data-route="token"] .card.pad { padding:20px; }
  .page[data-route="token"] .stat-block { padding:16px; }
  .page[data-route="token"] .stat-block .v { font-size:23px; }
}
@media (max-width:600px) {
  .page[data-route="markets"] .mk-page { padding:22px 14px 32px; }
  .page[data-route="markets"] .page-h { row-gap:12px; }
  .page[data-route="markets"] .mk-status { font-size:11px; gap:8px; }
  .page[data-route="markets"] .mk-banner { display:grid; grid-template-columns:16px minmax(0,1fr); gap:8px 10px; padding:14px; align-items:start; }
  .page[data-route="markets"] .mk-banner > .ic { margin-top:4px; }
  .page[data-route="markets"] .mk-banner > .btn { grid-column:2; justify-self:start; min-height:40px; }
  .page[data-route="markets"] .mk-tools { display:grid; grid-template-columns:minmax(0,1fr); margin-top:18px; }
  .page[data-route="markets"] .mk-tools .seg { width:100%; }
  .page[data-route="markets"] .mk-tabs > button,.page[data-route="markets"] .mk-tools > .seg > button { flex:1; justify-content:center; }
  .page[data-route="markets"] .mk-tools button { min-height:40px; font-size:12px; }
  .page[data-route="markets"] .mk-search input { font-size:16px; }
  .page[data-route="markets"] .mk-lp { flex-wrap:wrap; gap:8px; }
  .page[data-route="markets"] .mk-table .c-tok,.page[data-route="markets"] .mk-table .c-chm { padding:17px 10px; }
  .page[data-route="markets"] .tk { gap:8px; }
  .page[data-route="markets"] .tk-s { font-size:12px; gap:4px; flex-wrap:wrap; }
  .page[data-route="markets"] .tk-lp { font-size:10px; }
  .page[data-route="markets"] .tk-n { flex-wrap:wrap; gap:4px; font-size:10px; }
  .page[data-route="markets"] .m-sub { font-size:10px; }
  .page[data-route="markets"] .m-price { font-size:13px; }
  .page[data-route="markets"] .mp-hd { padding:20px 18px 14px; }
  .page[data-route="markets"] .mp-addr { padding:0 18px 14px; flex-wrap:wrap; }
  .page[data-route="markets"] .mp-top { padding:8px 18px 18px; }
  .page[data-route="markets"] .mp-price > b { font-size:30px; }
  .page[data-route="markets"] .mp-chart { padding:10px 18px; }
  .page[data-route="markets"] .mp-body { padding:10px 18px; }
  .page[data-route="markets"] .mp-scroll > .mp-sec { padding:18px 18px 0; }
  .page[data-route="markets"] .mp-acts { padding:20px 18px; }
  .page[data-route="markets"] .mp-sec .seg > button { min-height:40px; font-size:12px; }
  .page[data-route="markets"] .mp-fine { padding:0 18px 24px; }
  .page[data-route="token"] .vt-page { gap:16px; }
  .page[data-route="token"] .page-h { flex-wrap:wrap; gap:12px; }
  .page[data-route="token"] .page-h > div:first-child { flex-basis:100%; }
  .page[data-route="token"] .page-h > .live-dot { margin-left:0; }
  .page[data-route="token"] .vt-status { display:grid; grid-template-columns:16px minmax(0,1fr); padding:12px; align-items:start; }
  .page[data-route="token"] .vt-status > .ic { margin-top:3px; }
  .page[data-route="token"] .vt-status > .btn { grid-column:2; justify-self:start; min-height:40px; margin-left:0; }
  .page[data-route="token"] .card.pad { padding:18px 16px; }
  .page[data-route="token"] .vt-time { font-size:34px; }
  .page[data-route="token"] .vt-stats { gap:10px; }
  .page[data-route="token"] .stat-block { padding:14px 12px; }
  .page[data-route="token"] .stat-block .l { font-size:12px; }
  .page[data-route="token"] .stat-block .v { font-size:17px; line-height:1.7; }
  .page[data-route="token"] .stat-block .s { font-size:12px; }
  .page[data-route="token"] .vt-holder-value { font-size:28px; }
  .page[data-route="token"] .vt-holder-bottom { align-items:flex-start; flex-direction:column; gap:14px; }
  .page[data-route="token"] .vt-holder-bottom > .btn { min-height:40px; }
  .page[data-route="token"] .addr-row { flex-direction:column; align-items:stretch; gap:8px; }
  .page[data-route="token"] .ar-v { min-width:0; }
  .page[data-route="token"] .vt-flow { display:grid; grid-template-columns:1fr; gap:12px; }
  .page[data-route="token"] .vt-flow > div { align-items:center; }
  .page[data-route="token"] .vt-spend-top > a { margin-left:0; }
}

/* Data pages: flat surfaces, aligned values and restrained selected states. */
.page[data-route="markets"] .mk-page { padding:30px 32px 40px; }
.page[data-route="markets"] .mk-tools { padding:12px 0; margin:18px 0 14px; border:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); border-radius:0; background:none; }
.page[data-route="markets"] .mk-tools button { font-size:12px; min-height:34px; }
.page[data-route="markets"] .mk-lp .chip { border-radius:var(--r); }
.page[data-route="markets"] .mk-search { background:var(--raised); border-color:var(--line); border-radius:var(--r); }
.page[data-route="markets"] .mk-wrap { border-color:var(--line); border-radius:var(--r); }
.page[data-route="markets"] .mk-table { min-width:1100px; }
.page[data-route="markets"] .mk-table th { height:44px; padding:10px 9px; font-size:11px; font-weight:500; border-bottom:1px solid var(--line); }
.page[data-route="markets"] .mk-table td { padding:14px 9px; font-size:12px; border-bottom-color:var(--line-soft); font-variant-numeric:tabular-nums; }
.page[data-route="markets"] .mk-table .c-tok { min-width:184px; }
.page[data-route="markets"] .mk-wrap { scrollbar-width:thin; scrollbar-color:var(--line-2) var(--raised); }
.page[data-route="markets"] .mk-wrap::-webkit-scrollbar { height:8px; }
.page[data-route="markets"] .mk-wrap::-webkit-scrollbar-track { background:var(--raised); }
.page[data-route="markets"] .mk-wrap::-webkit-scrollbar-thumb { border-radius:3px; background:var(--line-2); }
.page[data-route="markets"] .mk-table tr.sel { background:var(--card); }
.page[data-route="markets"] .mk-table tr.sel .c-tok { background:var(--card); box-shadow:inset 2px 0 var(--primary); }
.page[data-route="markets"] .mk-table th.on { color:var(--text); background:var(--card); }
.page[data-route="markets"] .mk-table th.on .th-ar { color: var(--primary-ink); opacity:1; }
.page[data-route="markets"] .th-btn { min-height:28px; }
.page[data-route="markets"] .th-btn:hover { color:var(--text); }
.page[data-route="markets"] .tk-s { font-size:13px; font-weight:600; }
.page[data-route="markets"] .tk-n { font-size:11px; }
.page[data-route="markets"] .tk-hot { color:var(--muted); }
.page[data-route="markets"] .mk-foot { margin-top:14px; font-size:11px; }
.page[data-route="markets"] .mk-scroll-cue { display:flex; justify-content:flex-end; align-items:center; gap:7px; color:var(--muted); font-size:11px; margin:-3px 0 9px; }
.page[data-route="markets"] .mk-scroll-cue[hidden] { display:none; }
.page[data-route="markets"] .mk-pane { width:440px; background:var(--raised); border-color:var(--line); box-shadow:none; overscroll-behavior:contain; }
.page[data-route="markets"] .mp-hd { position:sticky; top:0; z-index:3; padding:18px 22px; background:var(--raised); border-bottom:1px solid var(--line); }
.page[data-route="markets"] .mp-id { min-width:0; gap:4px; }
.page[data-route="markets"] .mp-id b { font-size:19px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.page[data-route="markets"] .mp-id span { font-size:12px; overflow-wrap:anywhere; }
.page[data-route="markets"] .mp-addr { padding:14px 22px; flex-wrap:wrap; border-bottom:1px solid var(--line-soft); }
.page[data-route="markets"] .mp-addr code { min-width:0; font-size:12px; overflow-wrap:anywhere; }
.page[data-route="markets"] .mp-ext { color:var(--text-2); }
.page[data-route="markets"] .mp-top { padding:20px 22px; }
.page[data-route="markets"] .mp-price { align-items:baseline; flex-wrap:wrap; }
.page[data-route="markets"] .mp-price > b { max-width:100%; font-size:30px; font-weight:600; overflow-wrap:anywhere; }
.page[data-route="markets"] .mp-chg { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:18px; }
.page[data-route="markets"] .mp-c { min-width:0; gap:5px; font-size:12px; }
.page[data-route="markets"] .mp-chart { min-height:180px; }
.page[data-route="markets"] .mp-grid { gap:0 20px; }
.page[data-route="markets"] .mp-st { min-width:0; gap:6px; padding:13px 0; border-bottom:1px solid var(--line-soft); }
.page[data-route="markets"] .mp-st b { font-size:14px; font-weight:500; overflow-wrap:anywhere; }
.page[data-route="markets"] .mp-sec-h { font-size:13px; }
.page[data-route="markets"] .mp-acts { padding:20px 22px 24px; border-top:1px solid var(--line); margin-top:20px; }
.page[data-route="markets"] .mp-fine { padding:0; margin:4px 0 0; font-size:11px; }

.page[data-route="token"] .vt-page { gap:18px; }
.page[data-route="token"] .card.pad { border-color:var(--line); border-radius:var(--r-lg); background:var(--raised); box-shadow:none; padding:22px 24px; }
.page[data-route="token"] .vt-status { background:none; border:0; border-bottom:1px solid var(--line); border-radius:0; padding:0 0 14px; }
.page[data-route="token"] .vt-settlement { border-color:var(--line); }
.page[data-route="token"] .vt-time { font-size:29px; font-weight:550; line-height:1.35; }
.page[data-route="token"] .vt-settlement > .btn:disabled { background:var(--card); border-color:var(--line); color:var(--muted); opacity:1; }
.page[data-route="token"] .vt-stats { grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border:1px solid var(--line); border-radius:var(--r); background:var(--raised); overflow:hidden; }
.page[data-route="token"] .stat-block { min-width:0; padding:18px 20px; background:none; border:0; border-right:1px solid var(--line); border-radius:0; box-shadow:none; }
.page[data-route="token"] .stat-block:last-child { border-right:0; }
.page[data-route="token"] .stat-block.ai { border-color:var(--line); background:none; }
.page[data-route="token"] .stat-block .l { font-size:12px; color:var(--muted); }
.page[data-route="token"] .stat-block .v { max-width:100%; font-size:24px; font-weight:550; overflow-wrap:anywhere; }
.page[data-route="token"] .stat-block .s { font-size:11px; line-height:1.7; }
.page[data-route="token"] .vt-holder-value { gap:10px; font-size:29px; align-items:baseline; }
.page[data-route="token"] .vt-holder-value > .ic { align-self:center; color:var(--muted); }
.page[data-route="token"] .vt-holder-value .ai-text { max-width:100%; color:var(--text); background:none; -webkit-text-fill-color:var(--text); text-shadow:none; overflow-wrap:anywhere; }
.page[data-route="token"] .vt-records { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.page[data-route="token"] .vt-records > .card { min-width:0; }
.page[data-route="token"] .vt-empty { min-height:132px; padding:16px 0; align-items:flex-start; text-align:left; justify-content:center; gap:8px; }
.page[data-route="token"] .vt-empty .es-ic { width:28px; height:28px; border:0; background:none; color:var(--muted); }
.page[data-route="token"] .vt-empty > b { font-size:13px; font-weight:500; }
.page[data-route="token"] .vt-empty > span:not(.es-ic) { font-size:12px; line-height:1.75; }
.page[data-route="token"] .vt-contracts .addr-row { padding:13px 0; }
.page[data-route="token"] .vt-permissions { margin:18px 0 0; padding-top:4px; border-top:1px solid var(--line); }
.page[data-route="token"] .vt-permissions > div { display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding:11px 0; font-size:12px; line-height:1.7; }
.page[data-route="token"] .vt-permissions dt { color:var(--muted); }
.page[data-route="token"] .vt-permissions dd { margin:0; color:var(--text-2); text-align:right; }
.page[data-route="token"] .vt-note { font-size:12px; line-height:1.85; }
.page[data-route="token"] .vt-flow { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.page[data-route="token"] .vt-flow > div { min-width:0; font-size:12px; line-height:1.7; }
.page[data-route="token"] .vt-step { width:24px; height:24px; border-color:var(--line); border-radius:var(--r-sm); color:var(--muted); }
.page:is([data-route="markets"],[data-route="account"],[data-route="token"]) :is(button,a,input):focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
.page:is([data-route="account"],[data-route="token"]) .ar-v .xs-ic { width:30px; height:30px; border:1px solid var(--line); border-radius:var(--r-sm); }
@media (min-width:901px) {
  .page[data-route="markets"] .mk-wrap { max-height:max(280px,calc(100dvh - 340px)); overflow:auto; }
}
@media (max-width:1100px) {
  .page[data-route="token"] .vt-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page[data-route="token"] .stat-block:nth-child(2) { border-right:0; }
  .page[data-route="token"] .stat-block:nth-child(-n+2) { border-bottom:1px solid var(--line); }
}
@media (max-width:900px) {
  .page[data-route="markets"] .mk-page { padding:22px 16px 32px; }
  .page[data-route="markets"] .mk-tools { padding:14px 0; }
  .page[data-route="markets"] .mk-table { min-width:0; }
  .page[data-route="markets"] .mk-table .c-tok { min-width:0; }
  .page[data-route="markets"] .mk-table .c-tok,
  .page[data-route="markets"] .mk-table .c-chm { padding:15px 12px; }
  .page[data-route="token"] .vt-records { grid-template-columns:1fr; }
  .page[data-route="token"] .vt-flow { grid-template-columns:1fr; gap:12px; }
}
@media (max-width:600px) {
  .page[data-route="markets"] .mk-tools { gap:10px; }
  .page[data-route="markets"] .mk-tools button { min-height:40px; }
  .page[data-route="markets"] .mk-table th { height:42px; }
  .page[data-route="markets"] .tk-s { font-size:13px; }
  .page[data-route="markets"] .tk-n { font-size:10px; }
  .page[data-route="markets"] .mk-pane { top:var(--top-h); width:100%; max-width:100%; border-left:0; }
  .page[data-route="markets"] .mp-hd { padding:16px; }
  .page[data-route="markets"] .mp-hd .icon-btn { width:40px; height:40px; }
  .page[data-route="markets"] .mp-addr { padding:12px 16px; }
  .page[data-route="markets"] .mp-addr .xs-ic { width:40px; height:40px; }
  .page[data-route="markets"] .mp-top { padding:18px 16px; }
  .page[data-route="markets"] .mp-price > b { font-size:27px; }
  .page[data-route="markets"] .mp-chg { gap:10px; }
  .page[data-route="markets"] .mp-grid { gap:0 14px; }
  .page[data-route="markets"] .mp-body { padding:10px 16px; }
  .page[data-route="markets"] .mp-scroll > .mp-sec { padding:16px 16px 0; }
  .page[data-route="markets"] .mp-acts { padding:18px 16px 24px; }
  .page[data-route="markets"] .mp-acts .btn { font-size:13px; min-height:44px; }
  .page[data-route="token"] .card.pad { padding:20px 16px; }
  .page[data-route="token"] .stat-block { padding:16px 12px; }
  .page[data-route="token"] .stat-block .v { font-size:20px; }
  .page[data-route="token"] .vt-time { font-size:27px; }
  .page[data-route="token"] .vt-holder-value { font-size:clamp(22px,6.4vw,28px); }
  .page[data-route="token"] .vt-empty { min-height:112px; }
  .page[data-route="token"] .vt-contracts .addr-row { flex-direction:row; align-items:center; gap:10px; }
  .page[data-route="token"] .vt-contracts .ar-l { flex:0 0 104px; font-size:11px; }
  .page[data-route="token"] .vt-contracts .ar-v { flex:1; min-width:0; justify-content:flex-end; }
  .page[data-route="token"] .vt-contracts .ar-a { font-size:11px; text-align:right; }
  .page[data-route="token"] .vt-permissions > div { align-items:flex-start; }
  .page[data-route="token"] .vt-permissions dd { max-width:64%; overflow-wrap:anywhere; }
  .page:is([data-route="account"],[data-route="token"]) .ar-v .xs-ic { width:40px; height:40px; }
}

/* Shared strategy listings. Public rules and wallet authors use the existing cream and yellow palette. */
.page[data-route="market"] .strategy-market > .page-h { flex-wrap:wrap; gap:16px; align-items:flex-start; }
.page[data-route="market"] .strategy-market > .page-h > div:first-child { flex:1 1 360px; min-width:0; }
.page[data-route="market"] .strategy-market > .page-h > .grow { display:none; }
.page[data-route="market"] .cm-header-actions { display:flex; gap:10px; flex-wrap:wrap; }
.page[data-route="market"] .cm-community { margin-top:30px; padding-top:24px; border-top:1px solid var(--line); }
.page[data-route="market"] .cm-section-h { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.page[data-route="market"] .cm-section-h > div { min-width:0; }
.page[data-route="market"] .cm-section-h h3 { margin:5px 0 0; font-size:23px; font-weight:600; letter-spacing:-.02em; }
.page[data-route="market"] .cm-eyebrow { margin:0; color:var(--muted); font-size:10px; letter-spacing:.08em; font-weight:500; }
.page[data-route="market"] .cm-count { color:var(--muted); font-size:12px; }
.page[data-route="market"] .cm-filters { margin:20px 0 18px; }
.page[data-route="market"] .cm-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr)); gap:16px; }
.page[data-route="market"] .cm-card { min-width:0; display:flex; flex-direction:column; padding:22px; border:1px solid var(--line); border-radius:var(--r-lg); background:var(--raised); }
.page[data-route="market"] .cm-card-h { display:flex; align-items:flex-start; gap:12px; }
.page[data-route="market"] .cm-card-h .mi { width:36px; height:36px; display:grid; place-items:center; flex-shrink:0; background:var(--primary-soft); color:var(--primary-ink); border-radius:var(--r); }
.page[data-route="market"] .cm-card-title { flex:1; min-width:0; }
.page[data-route="market"] .cm-card-title h3 { margin:0; font-size:16px; line-height:1.5; font-weight:600; overflow-wrap:anywhere; }
.page[data-route="market"] .cm-card-title > span { display:block; margin-top:3px; color:var(--muted); font-size:11px; }
.page[data-route="market"] .cm-description { color:var(--text-2); font-size:13px; line-height:1.8; margin:16px 0 12px; overflow-wrap:anywhere; white-space:pre-wrap; }
.page[data-route="market"] .cm-author { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; color:var(--muted); font-size:11px; }
.page[data-route="market"] .cm-author > span { display:inline-flex; align-items:center; gap:5px; }
.page[data-route="market"] .cm-card-params { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:17px 0; margin:17px 0 0; border-top:1px solid var(--line-soft); }
.page[data-route="market"] .cm-card-params div { min-width:0; }
.page[data-route="market"] .cm-card-params dt { font-size:10px; color:var(--muted); margin-bottom:5px; }
.page[data-route="market"] .cm-card-params dd { margin:0; font-size:13px; font-weight:550; overflow-wrap:anywhere; }
.page[data-route="market"] .cm-trigger { margin:0 0 20px; color:var(--text-2); font-size:12px; line-height:1.75; overflow-wrap:anywhere; }
.page[data-route="market"] .cm-card-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:auto; }
.page[data-route="market"] .cm-card-actions > .btn { flex:1; min-width:100px; }
.page[data-route="market"] .cm-load-more { display:flex; justify-content:center; margin-top:22px; }
.page[data-route="market"] .cm-templates-h { margin-top:42px; padding-top:28px; border-top:1px solid var(--line); }
.page[data-route="market"] .cm-section-sub { margin:8px 0 0; font-size:12px; color:var(--muted); line-height:1.7; }
.cm-empty { display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px; padding:34px 18px; border:1px solid var(--line-soft); border-radius:var(--r); color:var(--muted); background:var(--raised); }
.cm-empty > b { color:var(--text); font-size:15px; font-weight:550; }
.cm-empty > p { margin:0; max-width:420px; font-size:13px; line-height:1.8; }
.cm-empty.compact { padding:26px 16px; }
.cm-loading,.cm-mine-message { color:var(--muted); font-size:13px; line-height:1.8; padding:12px 0; }
.cm-error { margin:12px 0 0; color:var(--red); font-size:13px; line-height:1.75; overflow-wrap:anywhere; }
.cm-error[hidden] { display:none; }
.dlg.cm-dialog { width:650px; background:var(--raised); }
.dlg.cm-dialog .dlg-hd { padding-bottom:14px; border-bottom:1px solid var(--line-soft); }
.dlg.cm-dialog .dlg-bd { padding-top:20px; }
.dlg.cm-dialog .dlg-ft { border-top:1px solid var(--line-soft); margin-top:20px; }
.cm-auth { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 16px; border:1px solid var(--line); border-radius:var(--r); background:var(--card); }
.cm-auth-copy { min-width:0; display:flex; flex-direction:column; gap:5px; }
.cm-auth-copy b { font-size:13px; font-weight:550; }
.cm-auth-copy > span { color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.cm-auth > .btn { flex-shrink:0; }
.cm-auth-check { display:inline-flex; gap:5px; align-items:center; color:var(--green); font-size:12px; white-space:nowrap; }
.cm-publish { display:flex; flex-direction:column; gap:18px; }
.cm-publish .field label { display:flex; align-items:baseline; gap:10px; }
.cm-char-count { margin-left:auto; font-size:11px; color:var(--muted); font-weight:400; }
.cm-publish-preview { padding:18px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--card); }
.cm-preview-h { display:flex; justify-content:space-between; gap:10px; font-size:12px; }
.cm-preview-h > b { font-weight:550; }
.cm-preview-h > span { color:var(--muted); }
.cm-snapshot-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 20px; margin:20px 0; }
.cm-snapshot-grid > div { min-width:0; }
.cm-snapshot-grid dt { color:var(--muted); font-size:11px; line-height:1.6; margin-bottom:5px; }
.cm-snapshot-grid dd { margin:0; font-size:14px; font-weight:550; line-height:1.65; overflow-wrap:anywhere; }
.cm-publish-preview .cm-trigger { margin:0; color:var(--text-2); font-size:12px; line-height:1.7; }
.cm-detail-h { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.cm-kind { display:inline-flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; }
.cm-detail-content h2 { margin:18px 0 10px; font-size:26px; line-height:1.45; font-weight:600; overflow-wrap:anywhere; }
.cm-detail-content .cm-description { margin:0 0 18px; color:var(--text-2); font-size:14px; line-height:1.85; white-space:pre-wrap; overflow-wrap:anywhere; }
.cm-detail-author { display:flex; flex-wrap:wrap; gap:8px 12px; color:var(--muted); font-size:11px; }
.cm-detail-author code { color:var(--text-2); font-size:11px; overflow-wrap:anywhere; }
.cm-detail-content .cm-snapshot-grid { padding:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.cm-detail-content h4 { margin:20px 0 12px; font-size:14px; font-weight:550; }
.cm-rule-list { padding-left:22px; margin:0; }
.cm-rule-list li { padding:0 0 14px 5px; color:var(--muted); font-size:13px; line-height:1.8; }
.cm-rule-list li > span,.cm-rule-list li > b { display:block; overflow-wrap:anywhere; }
.cm-rule-list li > b { color:var(--text); font-weight:500; }
.cm-json { border-top:1px solid var(--line-soft); margin-top:8px; padding-top:14px; }
.cm-json summary { color:var(--muted); font-size:12px; cursor:pointer; }
.cm-json pre { max-height:300px; overflow:auto; margin:14px 0 0; padding:14px; background:var(--card); color:var(--text-2); border:1px solid var(--line); border-radius:var(--r); font-size:11px; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; }
.cm-detail-owner:not(:empty) { margin-top:22px; padding-top:18px; border-top:1px solid var(--line); }
.cm-owner-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.cm-detail-owner .cm-owner-actions { margin-top:14px; }
.cm-mine-list { margin-top:22px; }
.cm-mine-row { display:flex; gap:14px; align-items:center; flex-wrap:wrap; padding:18px 0; border-bottom:1px solid var(--line-soft); }
.cm-mine-row:first-child { padding-top:0; }
.cm-mine-info { min-width:160px; flex:1; display:flex; flex-direction:column; gap:6px; }
.cm-title-link { width:fit-content; text-align:left; font-size:14px; font-weight:550; overflow-wrap:anywhere; line-height:1.7; }
.cm-title-link:hover { color:var(--primary-ink); }
.cm-mine-info > span { color:var(--muted); font-size:11px; }
.page[data-route="market"] :is(.cm-card,.cm-community) :is(button,a):focus-visible,.cm-dialog :is(button,a,summary):focus-visible { outline:2px solid var(--primary-2); outline-offset:3px; }
@media (max-width:600px) {
  .page[data-route="market"] .cm-header-actions { width:100%; gap:8px; }
  .page[data-route="market"] .cm-header-actions > .btn { flex:1; font-size:12px; min-height:44px; padding:0 10px; }
  .page[data-route="market"] .cm-community { margin-top:24px; padding-top:22px; }
  .page[data-route="market"] .cm-section-h { gap:10px; }
  .page[data-route="market"] .cm-section-h h3 { font-size:21px; }
  .page[data-route="market"] .cm-count { display:none; }
  .page[data-route="market"] .cm-eyebrow { font-size:9px; letter-spacing:.06em; }
  .page[data-route="market"] .cm-filters { gap:7px; }
  .page[data-route="market"] .cm-filters > .chip { font-size:11px; padding:0 9px; }
  .page[data-route="market"] .cm-card { padding:18px; }
  .page[data-route="market"] .cm-card-params { gap:7px; }
  .page[data-route="market"] .cm-card-params dd { font-size:12px; }
  .page[data-route="market"] .cm-card-actions .btn { min-height:42px; }
  .cm-dialog .dlg-hd,.cm-dialog .dlg-bd,.cm-dialog .dlg-ft { padding-left:16px; padding-right:16px; }
  .cm-dialog .dlg-hd h3 { font-size:17px; }
  .cm-dialog .dlg-ft { gap:8px; }
  .cm-dialog .dlg-ft .btn { font-size:13px; }
  .cm-auth { align-items:flex-start; flex-direction:column; gap:12px; padding:14px; }
  .cm-auth > .btn { width:100%; min-height:42px; }
  .cm-publish .input,.cm-publish .select { font-size:16px; }
  .cm-publish-preview { padding:14px; }
  .cm-snapshot-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .cm-detail-content h2 { font-size:23px; }
  .cm-detail-author code { flex-basis:100%; }
  .cm-mine-row { gap:12px; }
  .cm-mine-info { min-width:0; flex-basis:calc(100% - 80px); }
  .cm-mine-row .cm-owner-actions { width:100%; }
}