@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b0d11;--surface:#12151b;--surface-hover:#171c23;--raised:#1a2028;--border:#252c35;--border-subtle:#1e242c;--text:#edf1f6;--muted:#7e8a9c;--soft:#a7b1c0;--accent:#3ce3b3;--accent-bg:#15332d;--positive:#3ce3b3;--negative:#f38191;--negative-bg:#341e28;--shadow:0 24px 100px #0008;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
:root[data-theme=light]{color-scheme:light;--bg:#f5f7f9;--surface:#fff;--surface-hover:#f4f7f9;--raised:#eaf0f4;--border:#dce3e9;--border-subtle:#e9edf1;--text:#1d2935;--muted:#728093;--soft:#516174;--accent:#087f65;--accent-bg:#e1f5ee;--positive:#087f65;--negative:#cf415e;--negative-bg:#fce9ed;--shadow:0 24px 100px #24384d26}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--font);letter-spacing:-.2px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button:disabled{cursor:default}button,select,input{min-height:32px}button{background:none}.positive{color:var(--positive)!important}.negative{color:var(--negative)!important}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.site-header{height:76px;border-bottom:1px solid var(--border-subtle);background:var(--bg)}.header-inner{max-width:1512px;margin:auto;height:100%;display:flex;align-items:center;padding:0 44px;gap:28px}.brand{display:inline-flex;gap:10px;align-items:center;font-weight:750;font-size:19px;letter-spacing:-.7px}.brand-icon{width:31px;height:31px;background:var(--accent-bg);border:1px solid var(--border);border-radius:9px;display:grid;place-items:center}.brand-icon svg{width:24px;fill:var(--accent);stroke:none}.brand-dot{color:var(--accent)}.header-divider{height:18px;width:1px;background:var(--border)}.header-location{font-size:13px;color:var(--soft)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.preview-status{font-size:11px;display:flex;align-items:center;gap:6px;color:#d8b975;padding:7px 10px;border-radius:20px;background:#b68a2710;margin-right:10px}.preview-status i,.preview-dock-label i{width:5px;height:5px;border-radius:50%;background:#d8b975}.icon-button{width:34px;height:34px;min-height:34px;border:1px solid var(--border);border-radius:8px;background:var(--surface);display:grid;place-items:center;color:var(--soft)}.icon-button svg{width:17px;height:17px}.icon-button:hover{background:var(--surface-hover);color:var(--text)}main{max-width:1512px;padding:38px 44px 92px;margin:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--muted)}h1,h2,p{margin:0}h1{font-weight:620;font-size:25px;letter-spacing:-1px;margin-top:9px}.currency-control{display:flex;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--surface);gap:2px}.currency-control button{font-size:11px;font-weight:650;padding:5px 11px;min-height:30px;color:var(--muted);border-radius:5px}.currency-control button span{margin-left:6px;opacity:.65}.currency-control button.selected{background:var(--raised);color:var(--text)}.portfolio-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:2px 0 29px;gap:24px}.field-label{display:block;color:var(--muted);font-size:12px;font-weight:450}.summary-metric{padding-left:28px;border-left:1px solid var(--border);min-height:76px;display:flex;flex-direction:column;justify-content:center}.summary-metric strong{font-size:22px;letter-spacing:-.5px;font-weight:550;font-variant-numeric:tabular-nums;margin:11px 0 7px;white-space:nowrap}.tiny-label{font-size:8px;letter-spacing:.6px;margin-left:5px;opacity:.65}.metric-caption{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center}.metric-caption svg{width:15px;height:15px;color:var(--accent)}.balance-topline{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--soft);margin:5px 0 10px}.balance-topline>span>.muted{margin-left:5px}.text-button{display:flex;align-items:center;gap:5px;color:var(--muted);padding:0;font-size:11px;min-height:26px}.text-button svg{width:13px;height:13px}.text-button[aria-expanded=true] svg{transform:rotate(180deg)}.exchange-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.exchange-card{display:block;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:19px 21px;transition:background .15s,border-color .15s;width:100%;position:relative}.exchange-card:hover{background:var(--surface-hover);border-color:#475363}.exchange-card.selected{border-color:var(--accent)}.exchange-card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.exchange-wordmark{font-size:14px;letter-spacing:.6px;font-weight:800;display:flex;align-items:center;gap:8px}.bybit-mark{color:#efbd55}.bitget-mark{color:#5bdce4}.okx-mark{color:var(--text)}.exchange-wordmark svg{width:18px;height:18px;stroke-width:2.5}.okx-logo{width:17px;height:17px;display:inline-grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px}.okx-logo i{background:currentColor}.okx-logo i:nth-child(2),.okx-logo i:nth-child(4),.okx-logo i:nth-child(6),.okx-logo i:nth-child(8){visibility:hidden}.exchange-position-count{font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0;display:flex;align-items:center;gap:6px}.exchange-position-count b{font-weight:500;color:var(--soft)}.positions-section{margin-top:42px}.positions-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.title-line{display:flex;gap:11px;align-items:center}h2{font-size:21px;font-weight:600;letter-spacing:-.7px}.count-badge{font-size:12px;font-family:var(--mono);background:var(--raised);color:var(--soft);min-width:25px;text-align:center;border-radius:6px;padding:4px 7px}.section-description{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.6}.section-description b{font-weight:500;color:var(--soft)}.position-summary{text-align:right;display:flex;align-items:center;gap:14px;align-self:flex-end;padding-bottom:4px}.position-summary>span{font-size:11px;color:var(--muted)}.position-summary>strong{font-family:var(--mono);font-size:19px;font-weight:500;letter-spacing:-.6px}.position-summary>strong small{font-size:10px;letter-spacing:0}.position-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.exchange-tabs{display:flex;align-items:center;gap:5px}.exchange-tabs button{font-size:11px;min-height:34px;padding:8px 12px;color:var(--muted);border:1px solid transparent;border-radius:7px;display:flex;gap:8px;align-items:center;white-space:nowrap}.exchange-tabs button .tab-count{font-size:10px;opacity:.7;font-family:var(--mono)}.exchange-tabs button.selected{background:var(--accent-bg);color:var(--accent);border-color:#3ce3b31a}.exchange-tabs button:hover:not(.selected){background:var(--surface)}.tools{display:flex;gap:8px;align-items:center}.search-field{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:0 11px;gap:8px;height:35px;width:194px}.search-field svg{width:15px;height:15px;color:var(--muted);flex-shrink:0}.search-field input{background:none;border:0;outline:0;min-width:0;width:100%;color:var(--text);font-size:11px;height:32px}.search-field:focus-within{border-color:var(--accent)}.search-field input::placeholder{color:var(--muted)}.sort-field{display:flex;gap:6px;align-items:center;padding:0 8px;border-radius:7px;border:1px solid var(--border);background:var(--surface);height:35px}.sort-field svg{width:16px;height:16px;color:var(--muted)}.sort-field select{max-width:142px;cursor:pointer;border:0;background:transparent;font-size:11px;color:var(--soft);outline-offset:0}.active-filters{font-size:11px;color:var(--soft);display:flex;align-items:center;gap:10px;margin:-4px 0 15px}.active-filters[hidden]{display:none}.active-filters button{padding:0 7px;min-height:24px;border:1px solid var(--border);border-radius:5px;color:var(--muted);font-size:10px}.position-list{display:grid;gap:13px}.symbol-group{border:1px solid var(--border);border-radius:11px;background:var(--surface);overflow:hidden}.symbol-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;gap:15px;background:linear-gradient(100deg,var(--surface-hover),var(--surface))}.symbol-info{display:flex;align-items:center;gap:12px;min-width:0}.symbol-avatar{width:34px;height:34px;display:grid;place-items:center;background:var(--raised);border:1px solid var(--border);border-radius:9px;font-weight:650;font-size:12px;color:var(--soft);flex-shrink:0}.avatar-btc{color:#e9b86e;background:#c4861710}.avatar-tsla{color:#e18491;background:#bc405010}.avatar-soxl{color:#b7a4ee;background:#8065ac15}.avatar-xau{color:#e0c47d;background:#c7a94f10}.symbol-name{font-size:15px;font-weight:650;letter-spacing:.1px;display:flex;align-items:baseline;gap:7px}.quote{font-size:9px;color:var(--muted);font-weight:450;letter-spacing:0}.symbol-subtitle{font-size:10px;color:var(--muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.symbol-subtitle span{margin:0 6px;opacity:.45}.symbol-actions{display:flex;gap:20px;align-items:center;flex-shrink:0}.symbol-net{text-align:right}.symbol-net small{display:block;font-size:9px;color:var(--muted);margin-bottom:4px}.symbol-net strong{font:500 13px var(--mono)}.chart-button{display:flex;align-items:center;gap:5px;border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:5px 10px;color:var(--soft);font-size:10px;min-height:30px}.chart-button:hover{border-color:var(--accent);color:var(--accent)}.chart-button svg{width:13px;height:13px}.position-table{width:100%;border-collapse:collapse;table-layout:fixed}.position-table col:nth-child(1){width:28%}.position-table col:nth-child(2){width:12%}.position-table col:nth-child(3){width:16%}.position-table col:nth-child(4){width:18%}.position-table col:nth-child(5){width:21%}.position-table col:nth-child(6){width:5%}.position-table th{font-size:10px;font-weight:450;color:var(--muted);padding:10px 14px;text-align:right;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.position-table th:first-child{text-align:left;padding-left:21px}.position-table th:nth-child(2){text-align:left}.position-table td{padding:14px;vertical-align:middle;text-align:right;border-bottom:1px solid var(--border-subtle);font-size:12px}.position-table tr:last-child td{border-bottom:0}.position-table td:first-child{text-align:left;padding-left:21px}.position-table td:nth-child(2){text-align:left}.position-row:hover{background:var(--surface-hover)}.bot-cell{display:flex;gap:11px;align-items:center;min-width:0}.exchange-tag{font-size:8px;letter-spacing:.15px;padding:4px 5px;border-radius:4px;background:var(--raised);color:var(--soft);font-weight:700;min-width:46px;text-align:center}.exchange-tag.bybit{color:#e4b95d;background:#a6802014}.exchange-tag.bitget{color:#6cced7;background:#429eac14}.exchange-tag.okx{color:var(--soft)}.bot-name{font:11px var(--mono);letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis}.side-tag{display:inline-block;border-radius:4px;padding:4px 6px;font:600 9px var(--mono);letter-spacing:.3px}.side-tag.long{color:var(--positive);background:var(--accent-bg)}.side-tag.short{color:var(--negative);background:var(--negative-bg)}.cell-number{font:12px var(--mono);letter-spacing:-.3px;font-variant-numeric:tabular-nums}.cell-unit{font:9px var(--font);color:var(--muted);margin-left:4px}.pnl-number{font:500 13px var(--mono);letter-spacing:-.3px}.pnl-percent{font:9px var(--mono);color:var(--muted);margin-top:4px}.expand-button{width:26px;min-height:30px;color:var(--muted);padding:5px;display:grid;place-items:center;border-radius:5px}.expand-button:hover{background:var(--raised)}.expand-button svg{width:13px;height:13px}.expand-button[aria-expanded=true] svg{transform:rotate(180deg)}.row-detail td{padding:0;background:var(--bg)}.detail-content{display:flex;justify-content:flex-end;gap:34px;padding:15px 30px;border-top:1px solid var(--border-subtle)}.detail-content>div{display:flex;flex-direction:column;gap:6px}.detail-content label{font-size:9px;color:var(--muted)}.detail-content span{font:11px var(--mono)}.detail-content .chart-button{align-self:center}.mobile-positions{display:none}.list-footnote{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);margin-top:17px}.list-footnote>span:first-child{display:flex;align-items:center;gap:6px}.small-dot{width:4px;height:4px;background:var(--accent);border-radius:50%;display:inline-block}footer{display:flex;align-items:center;gap:20px;border-top:1px solid var(--border);margin-top:35px;padding-top:22px;color:var(--muted);font-size:10px}.footer-brand{font-size:11px;font-weight:700;color:var(--soft);letter-spacing:.4px}.footer-brand span{color:var(--accent)}.footer-time{margin-left:auto;font-family:var(--mono);font-size:9px}.preview-dock{position:fixed;z-index:10;bottom:19px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:8px 11px 8px 15px;border-radius:11px;background:var(--raised);box-shadow:0 8px 35px #0005;border:1px solid var(--border);white-space:nowrap;font-size:11px;color:var(--soft)}.preview-dock-label{font-size:9px;font-weight:600;letter-spacing:1px;color:#d8b975;display:flex;align-items:center;gap:6px}.preview-dock>label{font-size:10px;color:var(--muted)}.preview-dock select{background:var(--surface);border:1px solid var(--border);border-radius:5px;font-size:10px;min-height:29px;color:var(--text);padding:4px 7px;cursor:pointer}.dock-divider{height:16px;width:1px;background:var(--border)}.dock-note{font-size:10px;color:var(--muted)}#mobile-preview-text{font-size:10px;padding:5px 8px;color:var(--text);border-radius:5px;background:var(--surface);min-height:29px}#mobile-preview-text>span{color:var(--accent);margin-left:5px}.empty-state{min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:32px 20px}.empty-icon{width:46px;height:46px;display:grid;place-items:center;background:var(--accent-bg);border-radius:50%;color:var(--accent);margin-bottom:20px}.empty-icon svg{width:24px;height:24px}.empty-state h3{font-size:16px;font-weight:550;margin:0 0 10px}.empty-state p{font-size:12px;color:var(--muted);line-height:1.8}.empty-state button{font-size:11px;border:1px solid var(--border);border-radius:6px;padding:6px 13px;margin-top:18px;background:var(--raised)}dialog{padding:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:#02050ac9;backdrop-filter:blur(6px)}.chart-dialog{width:min(900px,calc(100vw - 40px));max-height:calc(100dvh - 50px);overflow:auto}.chart-dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 27px 20px}.chart-dialog-heading h2{margin-top:8px;font-size:22px}.chart-dialog-heading .eyebrow{font-size:8px}.chart-controls{padding:0 27px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.chart-exchanges,.timeframes{display:flex;gap:3px}.chart-controls button{min-height:30px;padding:5px 9px;font-size:10px;color:var(--muted);border-radius:5px}.chart-controls button.selected{color:var(--accent);background:var(--accent-bg)}.timeframes button{padding:5px 8px}.chart-price-line{display:flex;align-items:baseline;padding:23px 27px 9px;gap:9px}.chart-price-line>strong{font:500 25px var(--mono);letter-spacing:-1px}.chart-price-line>span{font-size:10px;color:var(--muted)}.chart-price-line .chart-sample{margin-left:auto;border:1px solid var(--border);padding:3px 6px;border-radius:4px;font-size:8px}.chart-canvas{width:100%;min-height:220px;padding:0 14px}.chart-canvas svg{width:100%;height:auto;display:block;stroke:none}.chart-canvas svg text{font-family:var(--mono);font-size:10px;fill:var(--muted)}.chart-grid{stroke:var(--border-subtle);stroke-width:1}.chart-legend{display:flex;gap:18px;justify-content:center;color:var(--muted);font-size:9px;padding:13px}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.long-dot{background:var(--positive)}.short-dot{background:var(--negative)}.chart-position-list{margin:0 27px 24px;display:grid;gap:6px}.chart-position-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:7px;font:10px var(--mono)}.chart-position-item>strong{margin-left:auto;font-weight:500}.chart-position-item .entry-label{color:var(--muted);font-size:9px}.mobile-dialog{border-radius:20px;max-height:calc(100dvh - 32px);width:412px;overflow:auto;background:var(--bg);padding:0 10px 10px}.phone-toolbar{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 8px;font-size:11px;color:var(--soft)}.phone-toolbar small{font:9px var(--mono);color:var(--muted);margin-left:8px}.phone-toolbar button{border:0;background:none}.mobile-dialog iframe{display:block;border:1px solid var(--border);border-radius:12px;width:390px;height:min(844px,calc(100dvh - 110px));background:var(--bg)}
@media(min-width:1600px){main{padding-top:44px}.portfolio-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.position-table td{padding-top:17px;padding-bottom:17px}}
@media(max-width:1160px){main{padding:30px 28px 90px}.header-inner{padding:0 28px}.portfolio-summary{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.summary-metric{padding-left:18px}.summary-metric strong{font-size:17px}.tiny-label{display:none}.exchange-card{padding:17px}.position-toolbar{align-items:flex-start;flex-wrap:wrap}.tools{margin-left:auto}.symbol-heading{padding:14px 17px}.bot-cell{gap:8px}.bot-name{font-size:10px}.position-table td{padding:13px 10px}.position-table th{padding:10px}.position-table td:first-child,.position-table th:first-child{padding-left:17px}.position-table col:nth-child(1){width:29%}.position-table col:nth-child(2){width:11%}}
@media(max-width:767px){.site-header{height:61px}.header-inner{padding:0 19px;gap:0}.brand{font-size:16px;gap:8px}.brand-icon{width:28px;height:28px;border-radius:8px}.header-divider,.header-location,.mobile-preview-button{display:none!important}.header-actions{gap:7px}.preview-status{font-size:9px;padding:5px 7px;margin-right:0;gap:4px}.icon-button{width:30px;height:30px;min-height:30px;border-radius:7px}.icon-button svg{width:15px;height:15px}main{padding:26px 18px 100px}.section-heading{margin-bottom:23px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:23px;margin-top:7px}.currency-control button{font-size:9px;padding:4px 8px;min-height:27px}.currency-control button span{display:none}.portfolio-summary{grid-template-columns:1fr 1fr;gap:20px 0;padding:0 0 16px;align-items:stretch}.field-label{font-size:10px}.summary-metric{padding:0;min-height:0;border:0}.summary-metric strong{font-size:16px;margin:8px 0 5px;letter-spacing:-.3px}.metric-caption{font-size:9px}.metric-caption svg{width:12px;height:12px}.balance-topline{margin-top:7px;font-size:10px;margin-bottom:8px}.text-button{font-size:10px;min-height:24px}.exchange-cards{grid-template-columns:1fr;gap:8px}.exchange-card{border-radius:9px;padding:15px 13px;display:block}.exchange-card-heading{margin:0 0 17px;display:flex}.exchange-wordmark{font-size:12px;gap:7px}.exchange-wordmark svg{width:15px;height:15px}.okx-logo{width:14px;height:14px}.exchange-position-count{font-size:9px;margin-top:0}.positions-section{margin-top:29px}.positions-title-row{margin-bottom:17px;gap:10px;align-items:flex-start}.title-line{gap:8px}h2{font-size:19px}.count-badge{font-size:11px;padding:3px 6px;min-width:22px}.section-description{font-size:10px;margin-top:7px}.position-summary{flex-direction:column;gap:6px;align-self:flex-start;padding-top:2px}.position-summary>span{font-size:8px}.position-summary>strong{font-size:15px;white-space:nowrap}.position-summary>strong small{font-size:8px}.position-toolbar{gap:12px;margin-bottom:13px}.exchange-tabs{gap:3px;justify-content:space-between;width:100%}.exchange-tabs button{flex:1;justify-content:center;font-size:10px;min-height:33px;padding:7px 5px;gap:5px}.exchange-tabs button .tab-count{font-size:9px}.tools{margin:0;width:100%;gap:8px}.search-field{flex:1;width:auto;min-width:0;height:35px;padding:0 10px}.search-field input{font-size:10px}.sort-field{height:35px;padding:0 7px;gap:4px}.sort-field select{font-size:10px;max-width:115px}.sort-field svg{width:14px;height:14px}.position-list{gap:12px}.symbol-heading{padding:13px 13px;gap:8px}.symbol-info{gap:8px}.symbol-avatar{width:29px;height:29px;border-radius:7px;font-size:10px}.symbol-name{font-size:13px;gap:5px}.quote{font-size:8px}.symbol-subtitle{font-size:8px;margin-top:5px;max-width:145px}.symbol-subtitle .symbol-desc{display:none}.symbol-subtitle span{margin:0 4px}.symbol-actions{gap:10px}.symbol-net strong{font-size:10px}.symbol-net small{font-size:7px}.chart-button{padding:5px 7px;min-height:29px;font-size:9px;gap:4px}.chart-button svg{width:12px;height:12px}.position-table{display:none}.mobile-positions{display:block}.mobile-position{padding:13px;border-top:1px solid var(--border-subtle)}.mobile-position-top{display:flex;align-items:center;gap:7px}.mobile-position-top .bot-name{font-size:10px;flex:1}.mobile-position-top .exchange-tag{font-size:7px;padding:3px 4px;min-width:40px}.mobile-position-top .side-tag{font-size:8px;padding:4px 5px}.mobile-position-values{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px;margin-top:13px;align-items:start}.mobile-position-values>div:last-child{text-align:right}.mobile-position-values label{font-size:8px;color:var(--muted);display:block;margin-bottom:6px}.mobile-position-values .cell-number{font-size:11px}.mobile-position-values .cell-unit{font-size:8px;margin-left:2px}.mobile-position-values .pnl-number{font-size:12px}.mobile-position-values .pnl-percent{font-size:8px;margin-top:5px}.mobile-position .expand-button{width:19px;min-height:23px;padding:2px}.mobile-detail{margin:12px -13px -13px;background:var(--bg);border-top:1px solid var(--border-subtle);padding:12px 13px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-detail label{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}.mobile-detail span{font:10px var(--mono)}.mobile-detail .chart-button{align-self:end;justify-content:center}.list-footnote{flex-direction:column;gap:7px;font-size:8px;line-height:1.6;margin-top:13px}footer{margin-top:26px;padding-top:18px;font-size:8px;gap:12px;flex-wrap:wrap}.footer-brand{font-size:9px}.footer-time{width:100%;margin-left:0;font-size:8px;opacity:.65}.preview-dock{bottom:12px;padding:7px 10px;gap:9px;border-radius:9px}.preview-dock-label{font-size:8px}.preview-dock>label{font-size:9px}.preview-dock select{font-size:9px;min-height:28px}.dock-note,.dock-divider{display:none}.empty-state{min-height:230px}.empty-state h3{font-size:14px}.empty-state p{font-size:11px}.chart-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:12px}.chart-dialog-heading{padding:19px 17px 17px}.chart-dialog-heading h2{font-size:19px}.chart-controls{padding:0 17px;gap:10px}.chart-exchanges{width:100%}.chart-controls button{font-size:9px}.chart-price-line{padding:18px 17px 6px;gap:7px}.chart-price-line>strong{font-size:22px}.chart-price-line>span{font-size:8px}.chart-canvas{padding:0 6px;min-height:165px}.chart-canvas svg{min-height:165px}.chart-legend{font-size:8px;gap:13px}.chart-position-list{margin:0 13px 17px}.chart-position-item{gap:7px;font-size:9px;padding:9px 8px;flex-wrap:wrap}.chart-position-item .entry-label{font-size:8px}.active-filters{font-size:10px;line-height:1.5;margin-bottom:12px}.mobile-dialog{display:none}}
@media(max-width:360px){main{padding-left:13px;padding-right:13px}.header-inner{padding:0 13px}.summary-metric strong{font-size:15px}.symbol-actions{gap:7px}.symbol-net{display:none}.preview-status{font-size:8px}.position-summary>strong{font-size:13px}.symbol-subtitle{max-width:140px}.exchange-tabs button{font-size:9px}.bot-name{font-size:9px!important}.mobile-position{padding:12px}.mobile-position-top{gap:5px}.mobile-position-values{gap:6px}.mobile-position-values .pnl-number{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Profit-first summaries; every exchange's details stay visible. */
.summary-metric:first-child{padding-left:0;border-left:0}
.balance-hint{font-size:10px;color:var(--muted)}
.exchange-metrics{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:11px;align-items:start}
.exchange-metric{min-width:0;display:flex;flex-direction:column;gap:9px}
.exchange-metric .field-label{font-size:10px;white-space:nowrap}
.exchange-metric>strong{font-size:14px;font-weight:550;letter-spacing:-.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.exchange-metric-caption{font-size:9px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.exchange-metric-caption b{font-weight:400;color:var(--soft);margin-left:3px}
.exchange-balance{text-align:right;align-items:flex-end;border-left:1px solid var(--border);padding-left:10px}
.exchange-balance>strong{font-size:14px;color:var(--soft)}
.exchange-balance .exchange-metric-caption{font-size:8px}
@media(min-width:768px) and (max-width:1050px){
 .exchange-cards{gap:10px}
 .exchange-card{padding:15px 13px}
 .exchange-metrics{gap:8px}
 .exchange-metric>strong{font-size:11px;letter-spacing:-.4px}
 .exchange-metric .field-label{font-size:9px}
 .exchange-balance{padding-left:7px}
 .exchange-balance .exchange-metric-caption{font-size:7px}
}
@media(max-width:767px){
 .portfolio-summary{gap:22px 0;padding-bottom:21px}
 .summary-metric{display:flex;padding:0;min-height:0;border:0}
 .summary-metric:nth-child(even){padding-left:18px;border-left:1px solid var(--border)}
 .summary-metric strong{font-size:18px;margin:8px 0 6px;letter-spacing:-.5px}
 .summary-metric .field-label{font-size:10px}
 .summary-metric .metric-caption{font-size:9px}
 .exchange-cards{gap:10px}
 .exchange-metrics{grid-template-columns:1fr 1fr 1.3fr;gap:8px}
 .exchange-metric{gap:8px}
 .exchange-metric .field-label{font-size:9px}
 .exchange-metric>strong{font-size:13px;letter-spacing:-.5px}
 .exchange-balance{padding-left:8px}
 .exchange-balance>strong{font-size:13px}
 .exchange-metric-caption{font-size:8px}
 .exchange-balance .exchange-metric-caption{font-size:7px}
 .balance-hint{font-size:8px;max-width:145px;text-align:right;line-height:1.5}
}
@media(max-width:360px){
 .summary-metric strong{font-size:16px}
 .summary-metric:nth-child(even){padding-left:14px}
 .exchange-card{padding:14px 11px}
 .exchange-metrics{gap:6px}
 .exchange-metric>strong{font-size:11px}
 .exchange-balance{padding-left:6px}
 .exchange-balance .exchange-metric-caption{font-size:6.5px}
 .balance-hint{max-width:125px;font-size:7px}
}
