body.user-service .market-view-tabs { display:flex; gap:24px; border-bottom:1px solid var(--ui-line); margin-bottom:20px; }
body.user-service .market-view-tabs button { background:none; border:0; border-bottom:2px solid transparent; border-radius:0; padding:12px 0; color:var(--ui-muted); font-weight:700; }
body.user-service .market-view-tabs button[aria-pressed='true'] { border-bottom-color:var(--ui-accent); color:var(--ui-accent); }
body.user-service .market-filters { display:flex; flex-direction:column; gap:16px; padding:0 0 20px; border-bottom:1px solid var(--ui-line); }
body.user-service .market-filter-row { display:flex; flex-wrap:wrap; align-items:end; gap:12px; width:100%; }
body.user-service .market-filter-row:first-child label { flex:1; min-width:0; }
body.user-service .market-filter-row:first-child label:nth-child(4) { margin-left:24px; }
body.user-service .market-filter-row:first-child select { width:100%; }
body.user-service .market-filter-actions { display:flex; gap:8px; align-items:center; }
body.user-service .market-filters label[hidden] { display:none; }
body.user-service .market-filters select[hidden] { display:none; }
body.user-service .market-select { display:block; position:relative; width:136px; }
body.user-service .market-filter-row:first-child .market-select { width:100%; }
body.user-service .market-filters .market-select-trigger { display:flex; align-items:center; gap:8px; width:100%; height:42px; padding:8px 12px; text-align:left; font-size:14px; font-weight:400; }
body.user-service .market-select-trigger > span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.user-service .market-select-trigger::after { content:''; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin-left:auto; flex-shrink:0; }
body.user-service .market-select-menu { position:absolute; top:calc(100% + 4px); left:0; z-index:100; display:block; width:max(100%, 220px); max-width:calc(100vw - 40px); box-sizing:border-box; padding:6px; border:1px solid var(--ui-line); border-radius:4px; background:var(--ui-surface); box-shadow:0 6px 18px #00000018; }
body.user-service .market-filter-row:first-child label:last-child .market-select-menu { left:auto; right:0; }
body.user-service .market-select-options { display:block; max-height:280px; overflow-y:auto; }
body.user-service .market-filters .market-select-menu input { width:100%; margin-bottom:6px; }
body.user-service .market-filters .market-select-options button { display:flex; align-items:center; gap:8px; width:100%; border:0; min-height:36px; padding:8px; text-align:left; font-size:13px; font-weight:400; }
body.user-service .market-select-options button[aria-selected='true'],body.user-service .market-select-options button:hover { background:var(--ui-surface-subtle); color:var(--ui-accent); }
body.user-service .market-select img { width:24px; height:20px; object-fit:contain; flex-shrink:0; }
body.user-service .market-select .strength-badge { width:23px; height:14px; flex-shrink:0; }
@media(max-width:767px) { body.user-service .market-select { width:100%; } }
body.user-service .market-filters label { display:flex; flex-direction:column; gap:6px; font-size:12px; color:var(--ui-muted); }
body.user-service .market-filters :is(input,select) { box-sizing:border-box; width:136px; height:42px; min-width:0; border:1px solid var(--ui-line); border-radius:4px; padding:8px; background:var(--ui-surface); color:var(--ui-ink); font-size:14px; }
body.user-service .market-filters button,body.user-service .market-pagination button { min-height:42px; padding:8px 16px; border:1px solid var(--ui-line); border-radius:4px; background:var(--ui-surface); color:var(--ui-ink); }
body.user-service .market-filters button[type='submit'] { background:var(--ui-accent); color:var(--ui-on-accent); }
body.user-service .market-status { margin:16px 0; font-size:12px; color:var(--ui-muted); min-height:20px; }
body.user-service .market-table-wrap { overflow-x:auto; min-height:240px; }
body.user-service .market-explorer table { width:100%; table-layout:fixed; border-collapse:collapse; font-size:14px; }
body.user-service .market-explorer th:first-child { box-sizing:border-box; width:340px; }
body.user-service .market-explorer th { text-align:right; padding:12px; color:var(--ui-muted); background:var(--ui-surface-subtle); font-size:12px; }
body.user-service .market-explorer td { padding:6px 12px; text-align:right; border-bottom:1px solid var(--ui-line); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
body.user-service .market-explorer :is(td,th):first-child { text-align:left; }
body.user-service .market-player { display:flex; align-items:center; gap:14px; padding:0; border:0; background:none; color:var(--ui-ink); text-align:left; }
body.user-service .market-face { display:block; width:110px; height:130px; flex:0 0 110px; }
body.user-service .market-player strong { font-size:15px; line-height:1.4; }
body.user-service .market-player > span:last-child { min-width:0; }
body.user-service .market-player-title { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
body.user-service .market-player-title .top-season-badge { width:20px; height:20px; object-fit:contain; flex:0 0 20px; }
body.user-service .market-player-title strong { min-width:0; overflow-wrap:anywhere; }
body.user-service .market-player-title .strength-badge { display:inline-flex; align-items:center; justify-content:center; width:23px; height:14px; flex:0 0 23px; margin:0; }
body.user-service .market-player small { display:block; margin-top:6px; color:var(--ui-muted); }
body.user-service .market-up { color:#b74435; }
body.user-service .market-down { color:#386aac; }
body.user-service .market-price-note { display:block; margin-top:5px; color:var(--ui-muted); font-size:11px; font-weight:400; }
body.user-service .market-pagination { display:flex; justify-content:center; align-items:center; gap:16px; padding:20px 0; font-size:13px; }
body.user-service .market-pagination button:disabled { opacity:.4; cursor:default; }
@media(max-width:767px) { body.user-service .market-filters label { flex:1 1 130px; } body.user-service .market-filters :is(input,select) { width:100%; } body.user-service .market-explorer table { min-width:690px; } }
@media(max-width:767px) { body.user-service .market-filter-row:first-child label { flex:1 1 130px; } body.user-service .market-filter-row:first-child label:nth-child(4) { margin-left:0; } }
body.user-service .market-filter-toggle { display:none; }
body.user-service .market-pending { margin:10px 0; color:var(--ui-accent); font-size:12px; }
@media(max-width:767px) {
  body.user-service .market-filter-toggle { display:inline-flex; align-items:center; gap:8px; }
  body.user-service .market-filter-toggle::after { content:'+'; }
  body.user-service .market-filter-toggle[aria-expanded='true']::after { content:'−'; }
  body.user-service .market-filters:not(.market-filters-expanded) .market-filter-row:first-child > label:nth-child(n+3),
  body.user-service .market-filters:not(.market-filters-expanded) .market-filter-row:nth-child(2) > label { display:none; }
  body.user-service .market-filter-actions { width:100%; }
  body.user-service .market-filter-actions button[type='submit'] { margin-left:auto; }
  body.user-service .market-filter-row > label { flex:1 1 calc(50% - 12px); }
  body.user-service .market-filter-row:first-child > label { flex:1 1 calc(50% - 12px); }
  body.user-service .market-filters { gap:12px; padding-bottom:16px; }
  body.user-service .market-table-wrap { overflow:visible; }
  body.user-service .market-explorer table { display:block; min-width:0; }
  body.user-service .market-explorer thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  body.user-service .market-explorer tbody { display:block; }
  body.user-service .market-explorer tr { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px 8px; padding:12px 0; border-bottom:1px solid var(--ui-line); }
  body.user-service .market-explorer td { display:block; min-width:0; padding:0; border:0; text-align:left; font-size:14px; }
  body.user-service .market-explorer td:first-child { grid-column:1/5; }
  body.user-service .market-explorer td:nth-child(2) { grid-column:1/3; grid-row:2; }
  body.user-service .market-explorer td:nth-child(3) { grid-column:3/5; grid-row:2; }
  body.user-service .market-explorer td:nth-child(4) { grid-column:5/7; grid-row:2; font-size:12px; }
  body.user-service .market-explorer td:nth-child(5) { grid-column:5/7; grid-row:1; align-self:center; text-align:right; font-size:16px; font-weight:700; }
  body.user-service .market-explorer td:not(:first-child)::before { display:block; margin-bottom:4px; font-size:11px; font-weight:400; color:var(--ui-muted); }
  body.user-service .market-explorer td:nth-child(2)::before { content:'비교 기준가'; }
  body.user-service .market-explorer td:nth-child(3)::before { content:'→ 최신 기준가'; }
  body.user-service .market-explorer td:nth-child(4)::before { content:'변동액'; }
  body.user-service .market-explorer td:nth-child(5)::before { content:'변동률'; }
  body.user-service .market-player { width:100%; gap:8px; }
  body.user-service .market-face { width:76px; height:90px; flex-basis:76px; }
  body.user-service .market-status { margin:10px 0 4px; }
  body.user-service .market-player strong { font-size:14px; }
  body.user-service .market-player small { line-height:1.5; }
}

body.user-service .market-view-tabs .signal500-tab-mark { display:inline-block; width:18px; height:18px; flex:none; vertical-align:middle; overflow:visible; }
