:root{color-scheme:dark;--bg:#101318;--panel:#191d24;--line:#2a303a;--text:#eff2f7;--muted:#929baa;--mint:#63d9c1;--buy:#ff879b;--sell:#78b6ff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.topbar{height:78px;max-width:1280px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:9px;align-items:center;color:var(--text);text-decoration:none;font-size:17px;font-weight:750;letter-spacing:1px}.brand-icon{display:grid;place-items:center;width:31px;height:31px;background:var(--mint);color:#10231f;border-radius:9px;letter-spacing:-2px;font-size:25px;margin-right:5px;padding-right:3px}.brand-light{font-weight:400;color:var(--muted);margin-left:-3px}.topbar-right{display:flex;align-items:center;gap:24px;font-size:12px;color:var(--muted)}.connection{border:1px solid var(--line);border-radius:20px;padding:6px 11px;color:var(--muted)}.connection:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:7px}.connection.connected{color:var(--mint)}.connection.stale{color:#e8bd78}main{max-width:1060px;padding:38px 30px 24px;margin:auto}.page-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--mint);font-weight:700;margin:0 0 9px}h1{font-size:28px;letter-spacing:-1px;margin:0;font-weight:680}.subtitle{color:var(--muted);font-size:13px;margin:7px 0 0}.clock{text-align:right;font-variant-numeric:tabular-nums}.clock>span{font-size:21px;letter-spacing:1px}.clock small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.notice{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #5a4830;border-radius:12px;background:#29231c;margin-bottom:20px;color:#ecc38e}.notice-icon{display:grid;place-items:center;flex-shrink:0;width:18px;height:18px;border:1px solid #ad8957;border-radius:50%;font-size:11px;font-family:Georgia,serif;font-weight:bold}.notice p{margin:0;flex:1;font-size:12px}.notice strong{font-weight:650;margin-right:10px}.notice p span{color:#bca78b}.badge{font-size:9px;letter-spacing:1px;font-weight:bold;background:#3a3021;padding:4px 7px;border-radius:4px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px}.overview{padding:25px 28px 16px}.quote-heading,.company,.quote-row{display:flex;align-items:center}.quote-heading,.quote-row{justify-content:space-between}.company{gap:13px}.company-icon{width:43px;height:43px;display:grid;place-items:center;background:#263748;border:1px solid #3e5267;border-radius:50%;color:#b2d8ff;font-family:Georgia,serif;font-size:29px;font-style:italic}.company h2{font-size:17px;margin:0 0 3px;font-weight:650}.company p{margin:0;font-size:11px;color:var(--muted)}.company p span{padding:0 6px;color:#566171}.mini-badge{font-size:11px;background:#252b34;color:#a9b2bf;padding:5px 10px;border-radius:6px}.quote-row{margin-top:25px;align-items:flex-end}.price{font-size:40px;font-weight:620;letter-spacing:-1.8px;font-variant-numeric:tabular-nums;line-height:1.2}.price span{font-size:13px;letter-spacing:0;color:var(--muted);font-weight:400;margin-left:9px}.price-note{font-size:11px;color:var(--muted);margin:8px 0 0}.chart-caption{color:#b5bdc8;font-size:11px;text-align:right}.chart-caption small{display:block;color:#778394;font-size:10px;margin-top:4px}.chart-key{display:inline-block;width:12px;height:2px;background:var(--mint);vertical-align:middle;margin-right:6px}.chart-wrap{position:relative;height:135px;margin-top:15px}.chart-wrap svg{height:100%;width:100%;display:block}.grid-line{stroke:#2c323b;stroke-width:1;stroke-dasharray:4 6}.chart-empty{position:absolute;inset:35% 0;text-align:center;color:var(--muted);font-size:12px}.chart-axis{display:flex;justify-content:space-between;color:#727e8f;font-size:10px;margin-top:8px;font-variant-numeric:tabular-nums}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 12px}.section-heading h2{font-size:15px;font-weight:600;margin:0}.section-heading>span{font-size:10px;color:var(--muted)}.records{display:grid;grid-template-columns:1fr 1fr;gap:16px}.record{padding:19px 22px;position:relative;overflow:hidden}.record:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:currentColor}.buy{color:var(--buy)}.sell{color:var(--sell)}.record-label{display:flex;align-items:center;gap:8px}.record h3{font-size:12px;font-weight:550;margin:0;color:#d0d5df}.direction{font-size:20px;line-height:1}.record-tag{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:1px}.record-value{font-size:34px;letter-spacing:-1px;font-weight:640;font-variant-numeric:tabular-nums;line-height:1.2;margin:20px 0 14px}.record-value span{font-size:14px;letter-spacing:0;font-weight:400;margin-left:7px;color:#a5aeba}.record-meta{display:flex;justify-content:space-between;gap:8px;color:#d0d5df;font-size:11px;font-variant-numeric:tabular-nums}.record-meta span+span{color:#8792a3}.record-basis{color:#7e8999;font-size:10px;margin:8px 0 0}.flow{margin-top:16px;padding:18px 22px}.flow-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.flow h2{font-size:12px;font-weight:550;margin:0}.flow-top>span{color:var(--muted);font-size:11px}.flow-top strong{color:#d2d8e1;font-weight:500}.flow-bar{width:100%;height:7px;border-radius:4px;display:block;overflow:hidden}.flow-legend{display:flex;justify-content:space-between;gap:8px;margin-top:11px;font-size:10px}.flow-legend strong{font-weight:500;margin-left:5px}.buy-text{color:var(--buy)}.sell-text{color:var(--sell)}.muted{color:var(--muted)}.tape{margin-top:26px;overflow:hidden}.tape-heading{padding:22px 24px 16px;display:flex;align-items:center;justify-content:space-between}.tape h2{font-size:16px;margin:0;font-weight:600}.live-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-left:7px;vertical-align:middle}.tape-heading p{color:#808c9d;font-size:10px;margin:5px 0 0}.pause-button{border:1px solid #363e49;background:#222831;color:#b6c0cd;border-radius:7px;padding:8px 11px;font-size:11px;min-height:36px}.pause-button[aria-pressed=true]{color:var(--mint);border-color:var(--mint)}.toolbar{padding:0 24px 16px;display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:3px;padding:3px;background:#11151b;border-radius:8px}.tabs button{border:none;background:transparent;color:#8994a5;font-size:11px;min-width:48px;min-height:34px;padding:7px 11px;border-radius:6px}.tabs button.active{background:#343b46;color:#f0f2f6}.sort-label select{border:none;background:transparent;color:#aab5c4;font-size:11px;min-height:36px;max-width:105px;padding-right:4px}.sort-label option{background:var(--panel)}.table-scroll{max-height:480px;overflow:auto;scrollbar-color:#3c4757 #191d24;scrollbar-width:thin}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;font-size:12px;white-space:nowrap}thead{position:sticky;top:0;background:#1e232b;z-index:1}th{color:#8b96a6;font-size:10px;font-weight:500;padding:12px 24px;text-align:right}th:first-child,th:nth-child(2),td:first-child,td:nth-child(2){text-align:left}th span{font-size:8px;color:#626f81;margin-left:3px}td{text-align:right;padding:13px 24px;border-bottom:1px solid #252b34}td:first-child{color:#a0adbe;font-size:11px}td:nth-child(3){color:#e3e8ef}td:nth-child(4){font-weight:650}td:nth-child(5){color:#a0adbe}tbody tr:hover{background:#202731}.side-badge{display:inline-block;border-radius:4px;font-size:10px;padding:3px 7px;background:#313944;color:#a5b0bf}.side-badge.buy{background:#382931;color:var(--buy)}.side-badge.sell{background:#253345;color:var(--sell)}.estimate{font-size:8px;color:var(--muted);margin-left:5px}.empty{padding:45px 16px;text-align:center;color:var(--muted);font-size:12px}.table-footer{display:flex;justify-content:space-between;padding:13px 24px;color:#778396;font-size:10px;border-top:1px solid var(--line)}.explanation{margin-top:20px;padding:17px 1px;border-bottom:1px solid var(--line);color:#7e8b9f;font-size:11px}.explanation summary{display:flex;justify-content:space-between;align-items:center;list-style:none;font-size:12px;color:#a6b1c0;min-height:28px}.explanation summary::-webkit-details-marker{display:none}.explanation p{line-height:1.9;max-width:900px}.explanation[open] summary span{transform:rotate(45deg)}footer{display:flex;justify-content:space-between;color:#657184;font-size:10px;margin:25px 0 10px;gap:15px}.footer-brand{font-size:10px;letter-spacing:2px;font-weight:600}.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}[hidden]{display:none!important}
@media(min-width:1300px){main{padding-top:45px}}@media(max-width:640px){.topbar{height:64px;padding:0 20px}.brand{font-size:14px;gap:7px}.brand-icon{width:28px;height:28px;font-size:23px}.desktop-only{display:none}.topbar-right{gap:0}.connection{font-size:10px;padding:5px 9px}main{padding:26px 16px 20px}.page-intro{margin-bottom:19px}h1{font-size:24px}.eyebrow{font-size:8px;letter-spacing:1.5px}.subtitle{font-size:11px}.clock>span{font-size:16px}.clock small{font-size:9px}.notice{padding:12px;gap:9px;margin-bottom:14px}.notice p{font-size:10px}.notice p span{display:block;margin-top:3px}.badge{font-size:8px;padding:3px 5px;white-space:nowrap}.overview{padding:20px 18px 14px;border-radius:13px}.company h2{font-size:15px}.company p{font-size:10px}.company-icon{height:37px;width:37px;font-size:25px}.mini-badge{font-size:9px;padding:4px 7px}.price{font-size:35px}.quote-row{margin-top:23px}.price-note{font-size:10px}.chart-caption{font-size:9px}.chart-wrap{height:115px;margin-top:12px}.chart-axis{font-size:8px}.section-heading{margin-top:24px}.section-heading h2{font-size:13px}.section-heading>span{font-size:9px}.records{gap:10px}.record{padding:15px 13px;border-radius:12px}.record h3{font-size:10px}.record-label{gap:4px}.direction{font-size:15px}.record-tag{display:none}.record-value{font-size:29px;margin:18px 0 12px}.record-value span{font-size:11px}.record-meta{font-size:9px;gap:3px;flex-wrap:wrap}.record-basis{font-size:8px}.flow{margin-top:10px;padding:16px 14px;border-radius:12px}.flow-legend{font-size:8px;gap:4px}.flow-legend strong{margin-left:2px}.flow h2{font-size:11px}.flow-top>span{font-size:10px}.tape{margin-top:22px;border-radius:13px}.tape-heading{padding:19px 15px 15px}.tape h2{font-size:14px}.pause-button{font-size:10px;padding:6px 9px;min-height:36px}.toolbar{padding:0 13px 14px}.tabs button{min-width:43px;min-height:36px;padding:6px 9px;font-size:10px}th{font-size:9px;padding:11px 12px}th span{font-size:7px;margin-left:1px}td{padding:12px;font-size:11px}td:first-child{font-size:10px}.amount-col,td:nth-child(5){display:none}.estimate{display:none}.side-badge{font-size:9px;padding:3px 5px}.table-footer{padding:12px 14px;font-size:9px}.explanation{font-size:10px}.explanation summary{font-size:11px}footer{font-size:9px;flex-direction:column;gap:7px;margin-top:22px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,color .15s}}
.notice p{min-width:0;overflow-wrap:anywhere}.notice .badge{flex-shrink:0}.notice p span{display:block;margin-top:4px}
.candle-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font-size:11px;color:var(--muted)}
.candle-toolbar select{margin-left:8px;background:#222831;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 10px;min-height:34px}
.candle-layout{display:flex;gap:8px;margin-top:8px}.candle-layout .chart-wrap{flex:1;min-width:0;height:190px;margin:0}.candle-prices{width:64px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;padding:12px 0;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;text-align:right}
.candle{color:var(--muted);cursor:pointer}.candle.up{color:var(--buy)}.candle.down{color:var(--sell)}.candle-wick{stroke:currentColor;stroke-width:1.5}.candle-body{fill:currentColor}.candle-hit{fill:transparent}.candle.selected .candle-hit,.candle:hover .candle-hit,.candle:focus .candle-hit{fill:#ffffff0b}.candle:focus{outline:none}.candle:focus .candle-body{stroke:var(--text);stroke-width:2}
.candle-detail{min-height:20px;font-size:11px;color:#c1cbd8;line-height:1.8;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:10px 0 4px}.candle-note{font-size:10px;line-height:1.6;color:var(--muted);margin:4px 0 0}
@media(min-width:1000px){
.topbar{max-width:none;height:50px;padding:0 28px}main{max-width:1920px;padding:16px 28px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(350px,1fr);grid-template-areas:"intro intro" "notice notice" "warning warning" "overview heading" "overview records" "overview flow" "tape tape" "explain explain" "footer footer";gap:10px 18px;align-items:start}
.page-intro{grid-area:intro;margin:0}.page-intro h1{font-size:22px}.eyebrow{margin:0;font-size:9px}.subtitle{display:none}.clock>span{font-size:18px}.clock small{margin:0}
#notice{grid-area:notice;margin:0;padding:8px 12px}#notice p span{display:inline;margin-left:8px}#feed-warning{grid-area:warning;margin:0;padding:7px 12px;font-size:11px}
.overview{grid-area:overview;padding:16px 20px 12px;align-self:stretch}.quote-row{margin-top:12px}.price{font-size:32px}.company-icon{width:34px;height:34px;font-size:24px}.company h2{font-size:15px}
.section-heading{grid-area:heading;margin:0;align-self:end}.records{grid-area:records;grid-template-columns:1fr;gap:10px}.record{padding:13px 18px}.record-value{font-size:29px;margin:10px 0 7px}.record-basis{margin-top:5px}.flow{grid-area:flow;margin:0;padding:14px 18px}.flow-top{margin-bottom:10px}
.tape{grid-area:tape;margin:0}.tape-heading{padding:12px 18px 8px}.tape-heading p{margin:2px 0 0}.toolbar{padding:0 18px 8px}.tabs button{min-height:28px;padding:4px 11px}.table-scroll{max-height:clamp(100px,calc(100vh - 650px),300px)}th{padding:8px 18px}td{padding:8px 18px}.table-footer{padding:7px 18px}.explanation{grid-area:explain;margin:0;padding:0;border:0}.explanation summary{font-size:10px;min-height:24px}footer{grid-area:footer;margin:0;font-size:9px}
}
@media(max-width:640px){.candle-layout .chart-wrap{height:180px}.candle-prices{width:53px;font-size:9px}.candle-toolbar{font-size:10px}.candle-detail{font-size:10px}.chart-axis{flex-wrap:wrap;gap:5px}.candle-note{font-size:9px}}
@media(min-width:1000px){.table-scroll{max-height:clamp(80px,calc(100vh - 800px),180px)}}
.chart-navigation,.history-navigation{display:flex;gap:6px;flex-wrap:wrap}.chart-navigation button,.history-navigation button{background:#242c36;color:#c4cedc;border:1px solid #394352;border-radius:5px;padding:5px 9px;font-size:10px;min-height:30px}button:disabled{opacity:.4;cursor:default}.candle-toolbar{flex-wrap:wrap}.records.panel{display:block;padding:14px 18px;color:var(--text)}.largest-summary{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.largest-summary>span{color:var(--muted);font-size:11px}.largest-summary strong{color:var(--mint);font-size:28px}.largest-summary small{font-size:10px;color:var(--muted)}.largest-list{padding:0;margin:10px 0 0;list-style:none;max-height:220px;overflow:auto}.largest-list li{display:grid;grid-template-columns:20px minmax(0,1fr) auto 65px;gap:7px;border-top:1px solid var(--line);padding:6px 0;font-size:11px;font-variant-numeric:tabular-nums}.largest-list li span:first-child{color:var(--muted)}.largest-list li span:nth-child(2){font-size:10px;color:#aeb9ca}.largest-list li span:nth-child(3){color:var(--mint);font-weight:650;text-align:right}.largest-list li span:last-child{text-align:right}.archive-summary{display:flex;gap:12px;justify-content:space-between;font-size:11px;color:var(--muted)}.archive-summary strong{color:var(--text);margin-left:6px}.table-footer{align-items:center;gap:12px;flex-wrap:wrap}.tape .toolbar>.muted{font-size:10px}.tape td:nth-child(2),.tape th:nth-child(2){text-align:right}.tape td:nth-child(3){font-weight:650;color:var(--mint)}.tape td:nth-child(4){font-weight:400;color:var(--muted)}
@media(min-width:1000px){.largest-list{max-height:220px}.table-scroll{max-height:clamp(80px,calc(100vh - 850px),160px)}.overview .candle-note{font-size:9px}.candle-detail{font-size:10px}}
@media(max-width:640px){.tape .amount-col{display:table-cell}.tape td{padding:10px 7px}.tape th{padding:10px 7px}.tape td:first-child{font-size:9px}.largest-summary small{width:100%}.largest-list li{font-size:10px}.archive-summary{font-size:10px}}
/* Desktop workstation: chart, timeline and execution ranking share one row. */
@media(min-width:1200px){
main{height:calc(100dvh - 50px);max-width:none;padding:12px 22px;grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr) minmax(260px,.85fr);grid-template-rows:44px auto auto 24px minmax(0,1fr) 72px 24px 14px;grid-template-areas:"intro intro intro" "notice notice notice" "warning warning warning" "overview tape heading" "overview tape records" "overview tape flow" "explain explain explain" "footer footer footer";gap:10px 14px;overflow:hidden}
.overview{display:flex;flex-direction:column;min-height:0;padding:18px}.overview .candle-layout{flex:1;min-height:160px;margin-top:14px}.overview .candle-layout .chart-wrap{height:100%;min-height:160px}.overview .candle-prices{padding:12px 0}.overview .chart-axis{flex-wrap:wrap;gap:5px}.overview .candle-detail{min-height:50px;margin-top:12px}.overview .candle-note{font-size:10px}.quote-heading{gap:5px}.company p{font-size:10px}.company p span{padding:0 3px}
.tape{align-self:stretch;display:flex;flex-direction:column;min-height:0}.tape-heading{padding:15px 14px 10px}.tape h2{font-size:15px}.tape .toolbar{padding:0 14px 10px;gap:7px}.tape .toolbar>.muted{font-size:9px}.tape .table-scroll{flex:1;min-height:0;max-height:none;overflow:hidden}.tape th{padding:9px 10px;font-size:9px}.tape td{padding:7px 10px;font-size:11px}.tape td:first-child{font-size:10px}.tape .table-footer{padding:10px;gap:8px}.history-navigation button{padding:5px 7px;font-size:9px}
.records.panel{align-self:stretch;min-height:0;padding:14px}.largest-summary{gap:7px}.largest-summary strong{font-size:29px}.largest-summary small{width:100%;font-size:10px}.largest-list{max-height:none;overflow:visible;margin-top:14px}.largest-list li{padding:10px 0;grid-template-columns:18px minmax(0,1fr) auto 56px;font-size:11px;gap:5px}.largest-list li span:nth-child(2){font-size:9px}.section-heading h2{font-size:13px}.section-heading>span{font-size:9px}.flow{align-self:stretch;padding:12px 14px}.archive-summary{font-size:10px;gap:6px}.explanation{align-self:center}.explanation[open]{position:fixed;bottom:35px;left:22px;right:22px;z-index:5;background:var(--panel);padding:15px;border:1px solid var(--line);border-radius:10px;max-height:50vh;overflow:auto}
}
.candle-prices{position:relative}#live-price-marker{position:absolute;right:0;transform:translateY(-50%);z-index:2;background:var(--mint);color:#10231f;border-radius:4px;padding:4px 5px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 0 0 2px var(--panel)}#live-price-line{stroke:var(--mint);stroke-width:1;stroke-dasharray:5 4;pointer-events:none}

@media(min-width:1200px) and (max-height:849px){
main{padding:8px 16px;grid-template-rows:34px auto auto 20px minmax(0,1fr) 62px 20px 12px;gap:6px 10px}.page-intro h1{font-size:18px}.eyebrow{display:none}.overview{padding:12px}.overview .candle-layout{min-height:70px;margin-top:6px}.overview .candle-layout .chart-wrap{min-height:70px}.overview .candle-detail{min-height:32px;margin-top:6px}.overview .candle-note{font-size:9px}.candle-toolbar{margin-top:8px;gap:5px}.price{font-size:27px}.quote-row{margin-top:8px}.price-note{margin-top:4px}.largest-list{margin-top:6px}.largest-list li{padding:5px 0;font-size:10px}.largest-summary strong{font-size:24px}.records.panel{padding:10px}.flow{padding:8px 10px}.flow-top{margin-bottom:6px}.tape-heading{padding:10px}.tape .toolbar{padding:0 10px 7px}.tape .table-footer{padding:6px}.tape td{padding:6px 7px}.tape th{padding:7px}.section-heading>span{font-size:8px}.archive-summary{font-size:9px}.company-icon{width:29px;height:29px}.company h2{font-size:13px}
}
/* Start directly with the data; no branding or subscription banner above it. */
.tape h2 .connection{font-size:9px;font-weight:400;margin-left:8px;padding:3px 6px;vertical-align:middle}.tape #feed-warning{margin:0 10px 8px;font-size:10px;padding:7px 9px}
@media(min-width:1000px){main{grid-template-areas:"overview heading" "overview records" "overview flow" "tape tape" "explain explain" "footer footer";padding-top:12px}}
@media(min-width:1200px){main{height:100dvh;grid-template-rows:24px minmax(0,1fr) 72px 24px 14px;grid-template-areas:"overview tape heading" "overview tape records" "overview tape flow" "explain explain explain" "footer footer footer"}}
@media(min-width:1200px) and (max-height:849px){main{grid-template-rows:20px minmax(0,1fr) 62px 20px 12px}}

/* Desktop chart priority and a bounded, independently scrolling tape. */
@media(min-width:1200px){main{grid-template-columns:minmax(0,1.85fr) minmax(340px,.85fr) minmax(260px,.7fr)}.tape .table-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.tape .table-scroll thead{position:sticky;top:0;z-index:2;background:var(--panel)}.tape-heading{gap:6px}.tape .table-footer{flex-direction:column;align-items:flex-start}.tape .toolbar>.muted{max-width:180px}}
.candle-wick{stroke-width:2;stroke-linecap:round}

@media(min-width:1200px){.records.panel{display:flex;flex-direction:column;overflow:hidden}.largest-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;margin-bottom:0}.largest-summary{flex-shrink:0}}

#chart{cursor:zoom-in}

.candle{cursor:inherit}.trend-strip{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:9px 11px;margin-top:8px;background:#111820;border:1px solid var(--line);border-radius:7px;font-size:11px;flex-shrink:0}.trend-strip strong{color:var(--muted)}.trend-strip[data-direction=up] strong{color:var(--buy)}.trend-strip[data-direction=down] strong{color:var(--sell)}.trend-strip>span{font-variant-numeric:tabular-nums;color:#c1cbd8;font-size:10px}.trend-strip small{width:100%;font-size:9px;color:var(--muted)}

#chart{cursor:grab;touch-action:none;user-select:none}#chart.dragging{cursor:grabbing}

@media(min-width:1000px) and (max-width:1199px){main{grid-template-areas:"overview heading" "overview records" "overview flow" "tape tape"}}
@media(min-width:1200px){main{grid-template-rows:24px minmax(0,1fr) 72px;grid-template-areas:"overview tape heading" "overview tape records" "overview tape flow"}}
@media(min-width:1200px) and (max-height:849px){main{grid-template-rows:20px minmax(0,1fr) 62px}}

.trend-strip strong{font-size:17px}.candle.provisional .candle-body{stroke:var(--mint);stroke-width:1;vector-effect:non-scaling-stroke}#candle-live-status{color:var(--mint)}

#chart-tick[aria-pressed=true]{border-color:var(--mint);color:var(--mint)}

.tick-line{fill:none;stroke:var(--mint);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.tick-dot{fill:var(--mint)}

.tick-time-axis{display:flex;justify-content:space-between;padding-right:74px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;margin-top:8px}

.screen-update:empty{display:none}.screen-update{position:fixed;right:16px;top:12px;z-index:30;background:var(--mint);color:#10231f;padding:8px 14px;border-radius:8px;font-size:12px}
/* Automatic refresh enabled. */ .screen-update{--asset-revision:2}
.live-clock{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;align-items:center;min-height:24px}
.live-clock time{color:var(--text)}
@media(max-width:600px){.live-clock{font-size:10px;flex-wrap:wrap}.history-navigation{flex-wrap:wrap}.table-footer{gap:8px;flex-wrap:wrap}}
@media(min-width:1000px) and (max-width:1199px){main{grid-template-areas:"clock clock" "overview heading" "overview records" "overview flow" "tape tape" "explain explain" "footer footer"}.live-clock{grid-area:clock}}
@media(min-width:1200px){main{grid-template-rows:24px 24px minmax(0,1fr) 72px 24px 14px;grid-template-areas:"clock clock clock" "overview tape heading" "overview tape records" "overview tape flow" "explain explain explain" "footer footer footer"}.live-clock{grid-area:clock}}
.operations{padding:10px 14px;grid-column:1/-1}
.operations-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.operations-heading h2{font-size:12px;margin:0}.operations-heading>span{font-size:11px;color:var(--mint)}
.operations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 14px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;line-height:1.5}
@media(max-width:999px){.operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.operations-grid{grid-template-columns:1fr}.operations{padding:10px}}
@media(min-width:1000px) and (max-width:1199px){main{grid-template-areas:"clock clock" "operations operations" "overview heading" "overview records" "overview flow" "tape tape" "explain explain" "footer footer"}.operations{grid-area:operations}}
@media(min-width:1200px){main{grid-template-rows:24px auto 24px minmax(0,1fr) 72px 24px 14px;grid-template-areas:"clock clock clock" "operations operations operations" "overview tape heading" "overview tape records" "overview tape flow" "explain explain explain" "footer footer footer"}.operations{grid-area:operations}}