.markets-page-container{z-index:var(--z-base);max-width:1320px;margin-inline-start:auto;margin-inline-end:auto;padding:1.5rem 1.25rem 4rem;position:relative}.markets-hero-header{margin-bottom:1.25rem}.markets-hero-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.markets-hero-title{font-family:var(--font-head);letter-spacing:-.02em;color:var(--text-bright);margin:0;font-size:clamp(1.15rem,4.5vw,1.75rem);font-weight:800}.markets-hero-pill{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent);border-radius:999px;align-items:center;gap:.4rem;padding:.18rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.pulse-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%;flex-shrink:0}.pulse-dot.syncing{background:var(--accent-hover);box-shadow:0 0 8px var(--accent-hover);animation:1.2s ease-in-out infinite pulse-dot}.pulse-dot.offline{background:var(--muted);box-shadow:none}.markets-hero-subtitle{color:var(--muted);max-width:720px;margin:0;font-size:.85rem;line-height:1.45}.markets-controls-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--glass-blur));justify-content:space-between;align-items:center;gap:.85rem;margin-bottom:1.25rem;padding:.55rem .75rem;display:flex}.market-filters-pills{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:.35rem;padding-bottom:2px;display:flex;overflow-x:auto}.market-filters-pills::-webkit-scrollbar{display:none}.market-filter-pill{background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-head);color:var(--muted);cursor:pointer;white-space:nowrap;transition:color var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease);border-radius:999px;padding:.32rem .75rem;font-size:.75rem;font-weight:600}.market-filter-pill:hover{color:var(--text);border-color:var(--border-2)}.market-filter-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.market-filter-pill.active{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent);box-shadow:0 0 10px var(--accent-border)}.market-search-box{flex-shrink:0;min-width:220px;position:relative}.market-search-box input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color var(--dur-base) var(--ease);background:#0000004d;outline:none;padding:.38rem .75rem .38rem 2rem;font-size:.78rem}.market-search-box input:focus{border-color:var(--accent)}.market-search-icon{color:var(--muted-2);font-size:.75rem;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.markets-grid-layout{grid-template-columns:repeat(auto-fill, minmax(var(--card-max-w), 1fr));gap:1.15rem;display:grid}.market-card{border:1px solid var(--border-2);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--glass-blur));height:100%;box-shadow:0 6px 20px -2px var(--shadow), inset 0 1px 0 #ffffff0d;transition:transform var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease);background:linear-gradient(150deg,#161b26e6 0%,#0d111af2 100%);flex-direction:column;gap:.95rem;padding:1.25rem;display:flex}.market-card:hover{border-color:var(--accent-border);box-shadow:0 12px 30px var(--shadow-strong), 0 0 16px var(--accent-dim);transform:translateY(-3px)}.market-card-header{justify-content:space-between;align-items:flex-start;display:flex}.market-asset-info{align-items:center;gap:.65rem;display:flex}.market-asset-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.gold-badge{background:var(--yellow-dim);border:1px solid var(--yellow-border)}.silver-badge{background:#cbd5e11f;border:1px solid #cbd5e159}.oil-badge{background:#38bdf81f;border:1px solid #38bdf859}.btc-badge{background:var(--btc-dim);border:1px solid var(--btc-border)}.eth-badge{background:#818cf81f;border:1px solid #818cf859}.market-flag-icon{font-size:1.5rem;line-height:1}.market-title{font-family:var(--font-head);color:var(--text-bright);font-size:clamp(.92rem,2.5vw,1.05rem);font-weight:700;line-height:1.2}.market-ticker{color:var(--muted-2);font-size:.72rem}.market-price-box{text-align:right}.market-price{color:var(--text-bright);font-size:clamp(1.1rem,3vw,1.2rem);font-weight:700}.market-change{font-size:.72rem;font-weight:600}.market-bias-row{background:var(--overlay);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:.4rem .65rem;display:flex}.market-bias-badge{border-radius:var(--radius-sm);letter-spacing:.02em;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.market-session-tag{color:var(--muted-2);font-size:.68rem;font-weight:600}.market-levels-box{background:var(--overlay);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem}.market-levels-header{justify-content:space-between;margin-bottom:.5rem;font-size:.72rem;font-weight:600;display:flex}.market-range-track{background:var(--glass-border);border-radius:999px;width:100%;height:6px;margin-bottom:.45rem;position:relative;overflow:visible}.market-range-fill{background:linear-gradient(90deg, var(--green), var(--accent), var(--red));border-radius:999px;height:100%}.market-range-thumb{border:2px solid var(--accent);width:12px;height:12px;box-shadow:0 0 8px var(--accent-glow-strong);background:#fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.market-vwap-note{color:var(--muted);text-align:center;font-size:.72rem}.market-thesis-box{background:var(--accent-wash);border:1px solid var(--accent-border);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;flex-direction:column;flex:auto;padding:.85rem;font-size:.82rem;line-height:1.5;display:flex}.market-thesis-label{font-family:var(--font-head);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;margin-bottom:.35rem;font-size:.72rem;font-weight:800;display:flex}.market-macro-text{color:var(--text-bright);margin-bottom:.35rem;font-weight:500}.market-tech-text{color:var(--muted);margin-bottom:.5rem;font-size:.78rem}.market-tags-row{flex-wrap:wrap;gap:.35rem;font-size:.68rem;display:flex}.market-tag{background:var(--surface-2);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--muted);padding:.15rem .45rem;font-weight:500}.market-card-action{border-top:1px solid var(--border);justify-content:flex-end;margin-top:auto;padding-top:.55rem;display:flex}.market-action-btn{color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius-xs);cursor:pointer;font-size:.72rem;font-weight:700;line-height:1.65;font-family:var(--font-mono);transition:all var(--dur-fast) var(--ease);align-items:center;gap:.35rem;padding:.3rem .65rem;text-decoration:none;display:inline-flex}.market-action-btn:hover{background:var(--accent);color:var(--bg);box-shadow:0 2px 10px var(--accent-glow)}.market-action-arrow{transition:transform var(--dur-fast) var(--ease)}.market-action-btn:hover .market-action-arrow{transform:translate(3px)}.market-live-toast{background:var(--surface);border:1px solid var(--accent-border);color:var(--accent);border-radius:var(--radius-sm);box-shadow:0 10px 30px var(--shadow-strong);z-index:var(--z-toast);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease), transform var(--dur-base) var(--ease);padding:.65rem 1.15rem;font-size:.8rem;font-weight:600;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px)}.market-live-toast.visible{opacity:1;transform:translateY(0)}.markets-swipe-hint{color:var(--accent);letter-spacing:.04em;flex-shrink:0;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;display:none}@keyframes markets-swipe-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (max-width:768px){.markets-swipe-hint{margin-bottom:.25rem;animation:2s ease-in-out infinite markets-swipe-pulse;display:flex}body.markets-body-locked{-webkit-overflow-scrolling:touch;height:auto;min-height:100dvh;overflow:hidden auto}.markets-page-container{min-height:calc(100dvh - var(--header-h,57px));flex-direction:column;height:auto;padding:.5rem .65rem 4rem;display:flex;overflow:visible}.markets-hero-header{flex-shrink:0;margin-bottom:.25rem}.markets-hero-meta{gap:.35rem;margin-bottom:0}.markets-hero-title{font-size:1.1rem}.markets-hero-pill{padding:.12rem .45rem;font-size:.62rem}.markets-hero-subtitle{display:none}.markets-controls-bar{border-radius:var(--radius-sm);flex-direction:column;flex-shrink:0;align-items:stretch;gap:.3rem;margin-bottom:.35rem;padding:.3rem .45rem}.market-filters-pills{gap:.25rem;width:100%}.market-filter-pill{padding:.2rem .55rem;font-size:.68rem}.market-search-box{width:100%;min-width:unset}.market-search-box input{padding:.25rem .5rem .25rem 1.75rem;font-size:.72rem}.markets-grid-layout{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row;align-items:stretch;gap:.75rem;padding:.25rem .25rem 1rem;display:flex;overflow:auto visible}.markets-grid-layout::-webkit-scrollbar{display:none}.market-card{scroll-snap-align:center;border-radius:var(--radius-md);min-width:88vw;max-width:380px;height:auto;min-height:min-content;box-shadow:0 8px 24px var(--shadow);flex-direction:column;flex:0 0 88vw;justify-content:space-between;align-self:stretch;gap:.6rem;padding:.85rem .95rem;display:flex}.market-asset-info{gap:.5rem}.market-asset-badge{width:28px;height:28px}.market-title{font-size:.88rem}.market-ticker{font-size:.66rem}.market-price{font-size:1.05rem}.market-change{font-size:.66rem}.market-bias-row{padding:.22rem .45rem}.market-bias-badge{padding:.18rem .45rem;font-size:.68rem}.market-session-tag{font-size:.64rem}.market-levels-box{padding:.45rem .6rem}.market-levels-header{margin-bottom:.3rem;font-size:.68rem}.market-range-track{height:5px;margin-bottom:.3rem}.market-range-thumb{width:10px;height:10px}.market-vwap-note{font-size:.65rem}.market-thesis-box{flex-direction:column;flex:auto;justify-content:flex-start;padding:.6rem .75rem;font-size:.76rem;line-height:1.4;display:flex}.market-thesis-label{margin-bottom:.2rem;font-size:.65rem}.market-macro-text{margin-bottom:.25rem;font-size:.76rem}.market-tech-text{margin-bottom:.35rem;font-size:.72rem}.market-tags-row{gap:.25rem;font-size:.64rem}.market-card-action{margin-top:auto;padding-top:.5rem}body.markets-body-locked .footer{display:block}}@keyframes market-card-pulse{0%{border-color:var(--accent);box-shadow:0 0 20px #0ea5e973}to{border-color:var(--border-2);box-shadow:0 6px 20px -2px var(--shadow)}}.card-live-pulse{animation:1.4s ease-out market-card-pulse}.macro-hud-wrapper{width:100%;margin:1.25rem 0 2rem}.macro-hud-container{background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:0 8px 32px 0 var(--shadow);padding:.85rem 1.15rem;position:relative;overflow:hidden}.macro-hud-header{border-bottom:1px solid var(--border);font-family:var(--font-head);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.macro-hud-badge-group{align-items:center;gap:.6rem;display:flex}.macro-hud-beacon{border-radius:var(--radius-circle);background-color:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent-glow-strong);animation:pulse-beacon 2s infinite var(--ease)}@keyframes pulse-beacon{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;box-shadow:0 0 12px var(--accent-hover);transform:scale(1.3)}to{opacity:.8;transform:scale(.95)}}.macro-hud-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-bright);font-size:.76rem;font-weight:700}.macro-hud-source-label{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:.35rem;font-size:.68rem;display:flex}.macro-hud-strip{grid-template-columns:repeat(5,1fr);align-items:stretch;gap:.85rem;display:grid}.macro-hud-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur-base) var(--ease), background-color var(--dur-base) var(--ease);flex-direction:column;justify-content:space-between;padding:.65rem .85rem;display:flex;position:relative}.macro-hud-item:hover{border-color:var(--accent-border);background-color:var(--surface-2)}.macro-hud-item-top{justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.35rem;display:flex}.macro-hud-sym{font-family:var(--font-head);color:var(--text-bright);letter-spacing:.04em;font-size:.82rem;font-weight:700}.macro-hud-info-btn{cursor:pointer;border-radius:var(--radius-xs);color:var(--muted);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:.72rem;line-height:1;display:inline-flex}.macro-hud-info-btn:hover{color:var(--accent-hover);background:var(--accent-dim);outline:none}.macro-hud-info-btn:focus-visible{color:var(--accent-hover);background:var(--accent-dim);outline:none}.macro-hud-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.4rem;font-size:.68rem;overflow:hidden}.macro-hud-main-val{align-items:baseline;gap:.3rem;margin-bottom:.35rem;display:flex}.macro-hud-val{font-family:var(--font-mono);color:var(--text-bright);font-size:1.12rem;font-weight:700;line-height:1.1}.macro-hud-unit{color:var(--muted);font-size:.72rem;font-weight:600}.macro-hud-bottom{font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:.4rem;margin-top:auto;font-size:.68rem;display:flex}.macro-hud-change{align-items:center;gap:.2rem;font-weight:600;display:inline-flex}.macro-hud-change.positive{color:var(--green-bright)}.macro-hud-change.negative{color:var(--red-bright)}.macro-hud-change.neutral{color:var(--slate-400)}.macro-hud-bias-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-pill);font-size:.58rem;font-weight:700;font-family:var(--font-body);padding:.15rem .4rem}.macro-hud-bias-tag.bias-restrictive{color:var(--red-bright);background:var(--red-dim);border:1px solid var(--red-hover-border)}.macro-hud-bias-tag.bias-expansive{color:var(--green-bright);background:var(--green-dim);border:1px solid #4ade804d}.macro-hud-bias-tag.bias-neutral{color:var(--slate-400);background:var(--surface);border:1px solid var(--border)}.macro-modal-backdrop{background:var(--overlay-heavy);-webkit-backdrop-filter:blur(8px);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease), visibility var(--dur-base) var(--ease);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.macro-modal-backdrop.is-open{opacity:1;visibility:visible}.macro-modal-container{background:var(--glass-bg);border:1px solid var(--border-2);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:0 20px 50px var(--shadow-heavy);width:100%;max-width:520px;max-height:85vh;transition:transform var(--dur-base) var(--ease-spring);flex-direction:column;display:flex;overflow:hidden;transform:scale(.96)translateY(8px)}.macro-modal-backdrop.is-open .macro-modal-container{transform:scale(1)translateY(0)}.macro-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.15rem 1.35rem .85rem;display:flex}.macro-modal-title-group{flex-direction:column;gap:.25rem;display:flex}.macro-modal-sym-badge{font-family:var(--font-head);color:var(--accent-hover);letter-spacing:.05em;font-size:.78rem;font-weight:700}.macro-modal-title{font-family:var(--font-head);color:var(--text-bright);margin:0;font-size:1.1rem;font-weight:700;line-height:1.3}.macro-modal-close-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;width:28px;height:28px;transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:flex}.macro-modal-close-btn:hover{color:var(--text-bright);border-color:var(--border-2);background:var(--surface-2)}.macro-modal-body{flex-direction:column;gap:1.15rem;padding:1.25rem 1.35rem;font-size:.86rem;line-height:1.6;display:flex;overflow-y:auto}.macro-modal-section-title{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-hover);align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.76rem;font-weight:700;display:flex}.macro-modal-desc{color:var(--text);margin:0}.macro-modal-implication-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-bright);padding:.85rem 1rem}.macro-modal-footer{border-top:1px solid var(--border);color:var(--muted);font-size:.72rem;font-family:var(--font-mono);background:#0003;justify-content:space-between;align-items:center;padding:.85rem 1.35rem;display:flex}@media (max-width:1024px){.macro-hud-strip{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.macro-hud-wrapper{margin:1rem 0 1.5rem}.macro-hud-container{padding:.75rem}.macro-hud-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:.65rem;padding-bottom:.5rem;scroll-padding:0 .5rem;display:flex;overflow-x:auto}.macro-hud-strip::-webkit-scrollbar{display:none}.macro-hud-item{scroll-snap-align:start;flex:0 0 185px;min-width:185px;padding:.6rem .75rem}.macro-hud-header{margin-bottom:.5rem}}