.chart-header{margin-bottom:24px}.mkt .chart-title{margin-bottom:8px}:root{--mk-control-h:40px;--mk-toggle-pad:3px}.chart-controls{align-items:center;display:flex;justify-content:center;margin-bottom:8px;min-height:40px;min-height:var(--mk-control-h);position:relative}.view-toggle{align-items:stretch;display:inline-flex;gap:4px;padding:3px;padding:var(--mk-toggle-pad);position:absolute;right:0;top:0}.view-toggle-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;font-weight:500;gap:6px;justify-content:center;min-height:34px;min-height:calc(var(--mk-control-h) - var(--mk-toggle-pad)*2);padding:4px 12px;transition:all .2s ease}.view-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.view-toggle-icon{flex:0 0 auto;height:11px;width:13px}.view-toggle-icon-bar{background:linear-gradient(currentColor,currentColor) 0 100% /4px 7px no-repeat,linear-gradient(currentColor,currentColor) 100% 100% /4px 11px no-repeat}.view-toggle-icon-line{background:linear-gradient(currentColor,currentColor) 0 50% /100% 2px no-repeat;transform:rotate(-22deg)}.period-selector{display:flex;flex-wrap:wrap;justify-content:center}.period-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-tertiary);cursor:pointer;font-size:.9rem;font-weight:500;min-height:40px;min-height:var(--mk-control-h);padding:4px 12px;transition:all .2s ease}.period-btn:hover{border-color:var(--color-accent);color:var(--color-accent-hover)}.period-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-primary)}.chart-layout{display:flex;gap:24px;position:relative}.chart-loading-overlay{align-items:center;display:flex;flex-direction:column;left:0;padding-top:60px;position:absolute;right:0;top:0;z-index:10}.chart-loading-overlay p{color:var(--color-text-tertiary);font-size:.95rem;margin-top:16px}.chart-layout.is-loading .chart-container,.chart-layout.is-loading .investment-summary{filter:blur(2px);opacity:.3}.chart-container{flex:1 1;height:480px;min-width:0;position:relative}.chart-container.is-bar{height:auto;max-height:none}.bar-canvas{height:480px}.chart-axis-note{line-height:1.3;margin-top:6px}.chart-start-label{background:color-mix(in srgb,var(--color-accent) 10%,#0000);border-radius:4px;font-weight:600;left:8px;padding:4px 10px;pointer-events:none;position:absolute;top:60%;transform:translateY(-50%);z-index:10}.investment-summary{align-self:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 16px;width:150px}.investment-item{align-items:center;border-bottom:1px solid var(--color-divider);display:flex;gap:8px;justify-content:space-between;padding:8px 0}.investment-item:last-child{border-bottom:none}.investment-label{align-items:center;display:flex;flex:1 1;gap:6px}.investment-color-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.investment-symbol{font-weight:600}.investment-value{font-size:.95rem}.table-title{margin-bottom:20px}.market-table th:first-child{border-radius:8px 0 0 0}.market-table th:last-child{border-radius:0 8px 0 0}.asset-cell{display:flex;flex-direction:column}.market-table td,.market-table th{max-width:100px;width:100px}.asset-name{color:var(--color-text-tertiary);margin-top:2px}.last-updated{margin-top:24px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-container p{color:var(--color-text-tertiary);margin-top:16px}.table-loading-overlay{align-items:center;display:flex;flex-direction:column;margin-top:16px;padding:24px 0}.table-loading-overlay p{color:var(--color-text-tertiary);font-size:.95rem;margin-top:16px}.table-section.is-loading .table-container{filter:blur(2px);opacity:.3}.error-container{padding:60px 20px;text-align:center}.error-message{color:var(--color-danger-text);font-size:1.2rem;font-weight:600;margin-bottom:8px}.error-detail{font-size:.9rem}.error-detail,.no-data{color:var(--color-text-tertiary)}.no-data{font-size:1rem;padding:60px 20px;text-align:center}@media (max-width:768px) and (orientation:portrait){.chart-controls{align-items:stretch;flex-direction:column;gap:10px;min-height:0}.chart-controls .period-selector{order:1}.view-toggle{align-self:flex-end;flex-direction:row;gap:4px;order:2;position:static}.bar-canvas{height:400px}.chart-axis-note{text-align:center}.chart-header{margin-bottom:16px}.chart-layout{flex-direction:column;gap:20px}.period-btn{font-size:.85rem;padding:4px 14px}.chart-container{height:360px}.investment-summary{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px;width:100%}.investment-item{background:var(--color-surface-muted);border-bottom:none;border-radius:10px;flex-direction:column;min-width:80px;padding:10px 14px}.investment-item,.investment-label{align-items:center;gap:4px;justify-content:center}.investment-label{display:flex}.investment-color-dot{height:8px;width:8px}.investment-value{font-size:.9rem;text-align:center}}@media (max-width:900px) and (orientation:landscape){.chart-controls{align-items:stretch;flex-direction:column;gap:10px;min-height:0}.chart-controls .period-selector{order:1}.view-toggle{align-self:flex-end;flex-direction:row;gap:4px;order:2;position:static}.bar-canvas{height:330px}.chart-axis-note{text-align:center}.chart-header{margin-bottom:16px}.chart-layout{gap:16px}.chart-container{height:300px}.investment-summary{padding:16px 14px;width:140px}.investment-item{padding:8px 0}.investment-value{font-size:.9rem}}@media (max-width:480px) and (orientation:portrait){.view-toggle-btn{padding:6px 10px}.period-selector{justify-content:space-between}.period-btn{flex:1 1;font-size:.75rem;padding:6px 8px;text-align:center}.chart-container{height:360px;max-height:400px;min-height:360px}.investment-item{flex-basis:calc(33% - 8px);flex-grow:1;flex-shrink:1;min-width:70px;padding:8px 10px}.table-container{padding:0 10px}}.ui.mkt{background:var(--color-bg);min-height:100vh}.ui.mkt .market-content{padding:16px 0 56px}.ui.mkt .market-content .container{box-sizing:border-box;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:var(--content-max);padding:0 var(--page-pad-desktop)}.ui.mkt .market-hero{margin:0;padding:0;text-align:left}.ui.mkt .mts-wrap{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;font-family:var(--font-mono);height:44px;overflow:hidden;padding:0}.ui.mkt .mts-wrap.has-live{padding-top:0}.ui.mkt .mts-live{align-items:center;background:var(--color-surface);border:0;border-radius:0;border-right:1px solid var(--color-divider);box-shadow:none;color:var(--color-positive);display:inline-flex;flex-shrink:0;font-family:var(--font-mono);font-size:12px;font-weight:400;gap:8px;height:100%;letter-spacing:.14em;padding:0 16px;position:static}.ui.mkt .mts-live-dot{background:var(--color-positive);height:7px;width:7px}.ui.mkt .mts-strip{align-items:center;display:flex;flex:1 1;height:100%;margin:0;min-width:0;padding:0}.ui.mkt .mts-track{--mts-gap:36px;align-items:center;height:100%}.ui.mkt .mts-card{background:none;border:0;border-radius:0;box-shadow:none;flex-direction:row;height:100%;padding:0;width:auto}.ui.mkt .mts-card,.ui.mkt .mts-card-foot,.ui.mkt .mts-card-head{align-items:center;gap:8px}.ui.mkt .mts-card-label,.ui.mkt .mts-card-label.kind-crypto,.ui.mkt .mts-card-label.kind-index{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:13px;font-weight:400}.ui.mkt .mts-spark{height:16px;width:36px}.ui.mkt .mts-spark.up path{stroke:var(--color-positive)}.ui.mkt .mts-spark.down path{stroke:var(--color-negative)}.ui.mkt .mts-spark.flat path{stroke:var(--color-border-strong)}.ui.mkt .mts-card-price{color:var(--color-text)}.ui.mkt .mts-card-move,.ui.mkt .mts-card-price{font-family:var(--font-mono);font-size:13px;font-weight:400}.ui.mkt .mts-card-move.up{color:var(--color-positive)}.ui.mkt .mts-card-move.down{color:var(--color-negative)}.ui.mkt .mts-card-move.flat{color:var(--color-text-tertiary)}.ui.mkt .chart-section,.ui.mkt .table-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:none;margin:0;padding:28px 32px}.ui.mkt .chart-header{text-align:left}.ui.mkt .chart-title,.ui.mkt .table-title{color:var(--color-text);font-family:var(--font-body);font-size:18px;font-weight:600;text-align:left}.ui.mkt .chart-subtitle{color:var(--color-text-secondary);font-size:14px;text-align:left}.ui.mkt .chart-axis-note,.ui.mkt .chart-start-label{color:var(--color-text-tertiary);font-family:var(--font-body);font-size:12px;font-style:normal}.ui.mkt .period-selector{background:none;border:0;box-shadow:none;gap:8px;padding:0}.ui.mkt .period-btn{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);box-shadow:none;color:var(--color-text);font-family:var(--font-mono);font-size:13px;font-weight:400;height:40px;height:var(--mk-control-h);min-width:52px;padding:0 14px}.ui.mkt .period-btn:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-accent);color:var(--color-text)}.ui.mkt .period-btn.active,.ui.mkt .period-btn.active:hover{background:var(--color-accent);border-color:var(--color-accent);box-shadow:none;color:var(--color-on-primary)}.ui.mkt .view-toggle{background:none;border:0;border-bottom:1px solid var(--color-border);border-radius:0;box-shadow:none;gap:4px;padding:0}.ui.mkt .view-toggle-btn{background:none;border:0;border-bottom:2px solid #0000;border-radius:0;box-shadow:none;color:var(--color-text-secondary);font:500 14px var(--font-body);margin-bottom:-1px;padding:4px 10px}.ui.mkt .view-toggle-icon{display:none}.ui.mkt .view-toggle-btn:hover:not(:disabled){background:none;color:var(--color-text)}.ui.mkt .view-toggle-btn.active,.ui.mkt .view-toggle-btn.active:hover{background:none;border-bottom-color:var(--color-accent);color:var(--color-text);font-weight:600}.ui.mkt .chart-controls{margin-bottom:0}@media (max-width:768px){.ui.mkt .view-toggle{align-self:stretch}.ui.mkt .view-toggle-btn{flex:1 1}.ui.mkt .chart-controls{gap:6px}}.ui.mkt .period-btn:focus-visible,.ui.mkt .view-toggle-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ui.mkt .investment-summary{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none}.ui.mkt .investment-item{border-color:var(--color-divider)}.ui.mkt .investment-symbol{color:var(--color-text-secondary);font-size:14px}.ui.mkt .investment-value{font-family:var(--font-mono);font-weight:400}.ui.mkt .investment-value.positive{color:var(--color-positive)}.ui.mkt .investment-value.negative{color:var(--color-negative)}.ui.mkt .table-container{border:0;border-radius:0;box-shadow:none;margin:0;overflow-x:auto}.ui.mkt .market-table{background:none;border-collapse:collapse;width:100%}.ui.mkt .market-table th{background:none;border-bottom:1px solid var(--color-border);color:var(--color-text-tertiary);font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:0;padding:10px 12px;text-align:right;text-transform:none;white-space:nowrap}.ui.mkt .market-table th:first-child{text-align:left}.ui.mkt .market-table td{border-bottom:1px solid var(--color-divider);color:var(--color-text);font-family:var(--font-mono);font-size:14px;font-weight:400;height:52px;padding:8px 12px;text-align:right;white-space:nowrap}.ui.mkt .market-table tbody tr:hover{background:var(--color-surface-muted)}.ui.mkt .market-table td.asset-cell{display:table-cell;font-family:var(--font-body);text-align:left}.ui.mkt .asset-cell .asset-symbol{color:var(--color-text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:4px}.ui.mkt .asset-cell .asset-name{color:var(--color-on-primary);font-size:12px}.ui.mkt .market-table td.perf-positive{color:var(--color-positive)}.ui.mkt .market-table td.perf-negative{color:var(--color-negative)}.ui.mkt .last-updated,.ui.mkt .market-table td.perf-neutral{color:var(--color-text-tertiary)}.ui.mkt .last-updated{font-family:var(--font-body);font-size:13px;text-align:left}@media (max-width:1180px) and (min-width:900px){.ui.mkt .market-content .container{padding:0 32px}}@media (max-width:899px){.ui.mkt .market-content{padding:12px 0 40px}.ui.mkt .market-content .container{gap:16px;padding:0 var(--page-pad-mobile)}.ui.mkt .mts-wrap{height:40px}.ui.mkt .mts-track{--mts-gap:22px}.ui.mkt .mts-card-label,.ui.mkt .mts-card-move,.ui.mkt .mts-card-price{font-size:12px}.ui.mkt .chart-section,.ui.mkt .table-section{padding:18px 16px}.ui.mkt .market-table td,.ui.mkt .market-table th{padding-left:10px;padding-right:10px}.ui.mkt .market-table td.asset-cell,.ui.mkt .market-table th:first-child{background:var(--color-surface);left:0;position:sticky;z-index:1}}.ui.mkt .period-btn .period-short{display:none}.ui.mkt .period-btn .period-long{font-family:var(--font-body)}@media (max-width:1099px){.ui.mkt .period-btn .period-long{display:none}.ui.mkt .period-btn .period-short{display:inline}}@media (min-width:769px){.ui.mkt .chart-section{grid-column-gap:24px;grid-row-gap:6px;align-items:center;column-gap:24px;display:grid;grid-template-areas:"title periods" "sub tabs";grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.ui.mkt .chart-section>.chart-controls,.ui.mkt .chart-section>.chart-header{display:contents}.ui.mkt .chart-section .chart-title{grid-area:title;margin:0}.ui.mkt .chart-section .chart-subtitle{grid-area:sub;margin:0}.ui.mkt .chart-section .period-selector{align-items:center;grid-area:periods;justify-self:end}.ui.mkt .chart-section .view-toggle{align-self:end;grid-area:tabs;justify-self:end;position:static}.ui.mkt .chart-section>:not(.chart-header):not(.chart-controls){grid-column:1/-1;margin-top:8px}}.ui.mkt .period-prompt{display:none}@media (min-width:1100px){.ui.mkt .chart-section .period-prompt{color:var(--color-text-secondary);display:inline;font-size:14px;margin-right:6px;white-space:nowrap}}