.market-compass{margin-bottom:18px;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:var(--shadow)}
.market-compass-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.market-compass-heading h2{margin:5px 0 4px;font-size:1.3rem;letter-spacing:-.04em}
.market-compass-heading p{margin:0;color:var(--muted);font-size:.72rem}
.market-compass-badge{display:inline-flex;padding:4px 8px;border-radius:999px;color:var(--kr);background:#eaf3ff;font-size:.58rem;font-weight:900;letter-spacing:.11em}
.market-compass-period{padding:7px 10px;border-radius:10px;color:#68758a;background:#f3f6fa;font-size:.65rem;font-weight:800}
.market-compass-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.market-compass-panel{min-width:0;padding:16px;border:1px solid #e7ebf2;border-radius:16px;background:#fff}
.market-compass-panel h3{margin:0;font-size:.84rem}.market-help-button{display:flex;align-items:center;gap:7px;padding:0;border:0;color:var(--ink);background:transparent;font:inherit;font-weight:900;cursor:pointer;text-align:left}.market-help-button>i:first-child{color:var(--kr)}.market-help-button>i:last-child{margin-left:2px;color:#99a4b5;font-size:.72rem}.market-help-button:hover>i:last-child,.market-help-button:focus-visible>i:last-child{color:var(--kr)}.market-help-button:focus-visible{outline:2px solid #8cbcf6;outline-offset:4px;border-radius:4px}
.market-panel-help{margin:5px 0 14px;color:#8a94a6;font-size:.62rem}
.market-skeleton{display:block;width:100%;height:32px;border-radius:8px;background:linear-gradient(90deg,#f0f3f7,#fafbfc,#f0f3f7)}
.market-breadth,.market-risk,.market-leaders{display:grid;gap:12px}
.market-breadth-row>div,.market-risk-row>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;font-size:.68rem}
.market-breadth-row b,.market-risk-row b{font-size:.72rem}
.market-breadth-row>span{display:block;overflow:hidden;height:7px;border-radius:999px;background:#edf1f6}
.market-breadth-row i{display:block;height:100%;border-radius:inherit;background:var(--kr)}
.market-breadth-row i.is-vn{background:#f26b7a}
.market-risk-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}
.market-risk-row>div{margin:0;gap:8px}.market-risk-row b.is-level-1{color:#27815b}.market-risk-row b.is-level-2{color:#b46f0a}.market-risk-row b.is-level-3{color:#d33a50}
.market-risk-dots{display:flex;gap:4px}.market-risk-dots i{width:9px;height:9px;border-radius:50%;background:#e4e8ef}
.market-risk-dots.is-level-1 i:nth-child(1){background:#3aaa79}.market-risk-dots.is-level-2 i:nth-child(-n+2){background:#f2a52b}.market-risk-dots.is-level-3 i{background:#eb4d61}
.market-leader-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.market-leader-row span{display:flex;align-items:center;gap:7px;min-width:0;font-size:.68rem}.market-leader-row strong{flex:0 0 auto;color:#6c778a}.market-leader-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-leader-row em{font-size:.68rem;font-style:normal;font-weight:900}.market-leader-row em.is-up{color:var(--up)}.market-leader-row em.is-down{color:var(--down)}
.market-rotation{display:flex;align-items:flex-start;gap:14px;margin-top:14px;padding:13px 14px;border-radius:14px;background:#f8faff}.market-rotation>strong{flex:0 0 auto;padding-top:6px;font-size:.71rem}.market-rotation-signals{display:grid;flex:1;gap:8px}.market-rotation-country{display:grid;grid-template-columns:48px 1fr;align-items:start;gap:8px}.market-rotation-country>div{display:flex;flex-wrap:wrap;gap:7px}.market-country-tag{display:inline-flex;justify-content:center;padding:5px 7px;border-radius:8px;color:#fff;background:var(--kr);font-size:.61rem;font-weight:900}.market-country-tag.is-vn{background:#ef6576}.market-rotation-chip{padding:6px 9px;border:1px solid #dfe6ef;border-radius:999px;color:#5e6a7d;background:#fff;font-size:.62rem}.market-rotation-chip b{margin-left:3px}.market-rotation-chip.is-up{color:#c83349;border-color:#f3cdd3;background:#fff7f8}.market-rotation-chip.is-down{color:#1769d2;border-color:#cfe1f7;background:#f5f9ff}.market-rotation-empty{color:var(--muted);font-size:.65rem}.market-compass-note{margin:10px 2px 0;color:#8a94a6;font-size:.59rem;text-align:right}
.market-help-dialog{width:min(520px,calc(100% - 28px));padding:22px;border:0;border-radius:22px;color:var(--ink);box-shadow:0 24px 80px rgba(20,33,61,.24)}.market-help-dialog::backdrop{background:rgba(16,28,50,.48);backdrop-filter:blur(2px)}.market-help-dialog-heading{display:flex;align-items:center;justify-content:space-between}.market-help-close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;color:#69758a;background:#f0f3f7;cursor:pointer}.market-help-dialog h2{margin:16px 0 12px;font-size:1.25rem;letter-spacing:-.04em}.market-help-body{color:#566277;font-size:.78rem;line-height:1.75}.market-help-body p{margin:0 0 10px}.market-help-body ul{margin:8px 0 12px;padding-left:20px}.market-help-body li+li{margin-top:5px}.market-risk-guide{display:grid;gap:7px;margin:13px 0;padding:12px;border-radius:12px;background:#f7f9fc}.market-risk-guide span{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:800}.market-risk-guide i{display:inline-block;width:9px;height:9px;border-radius:50%}.market-risk-guide .is-safe i{background:#3aaa79}.market-risk-guide .is-watch i{background:#f2a52b}.market-risk-guide .is-high i{background:#eb4d61}.market-help-confirm{width:100%;margin-top:8px;padding:11px;border:0;border-radius:11px;color:#fff;background:var(--kr);font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}
@media(max-width:720px){.market-compass{padding:16px;border-radius:18px}.market-compass-heading{align-items:flex-start}.market-compass-period{display:none}.market-compass-grid{grid-template-columns:1fr;margin-top:16px}.market-compass-panel{padding:14px}.market-rotation{flex-direction:column;gap:9px}.market-rotation>strong{padding-top:0}.market-rotation-country{grid-template-columns:45px 1fr}.market-compass-note{text-align:left;line-height:1.5}.market-help-dialog{padding:18px;border-radius:18px}}