.language-select{max-width:75px;height:33px;min-height:33px;background:var(--surface);color:var(--soft);border:1px solid var(--border);border-radius:7px;padding:4px 6px;font:10px var(--font);cursor:pointer}
.visitor-count{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font:10px var(--font);color:var(--muted)}
.visitor-count>i{width:4px;height:4px;border-radius:50%;background:var(--mint,var(--accent))}
@media(max-width:1050px){.desktop-nav{gap:14px!important}.nav-inner{gap:14px!important}.nav-actions{gap:6px!important}.language-select{max-width:64px}.visitor-count{font-size:9px}}
@media(max-width:767px){.header-actions .preview-status{display:none}.language-select{max-width:58px;height:30px;min-height:30px;font-size:9px;padding:4px}.visitor-count{font-size:8px;gap:4px}.nav-actions,.header-actions{gap:6px!important}.header-inner{gap:10px}.nav-inner{padding-left:16px!important;padding-right:16px!important}.header-actions{margin-left:auto}.hero h1{white-space:normal}}
@media(max-width:360px){.home-header .brand-icon{display:none}.home-header .brand{font-size:15px}.language-select{max-width:51px;font-size:8px}.visitor-count{font-size:7px}.nav-actions .icon-button{width:28px;height:28px}}
html[lang]:not([lang=ko]) .recruit-hero h1{font-size:clamp(32px,3vw,47px);white-space:normal}
html[lang]:not([lang=ko]) .recruit-section .section-intro h2{font-size:29px}
@media(max-width:767px){html[lang]:not([lang=ko]) .recruit-hero h1{font-size:31px}html[lang]:not([lang=ko]) .recruit-section .section-intro h2{font-size:25px}.mobile-inquiry-bar>span{max-width:42%;line-height:1.5}.mobile-inquiry-bar .button{font-size:9px}}

/* V2.2: natural compact mobile layout; keep all financial details visible. */
.activity-pnl-cell{text-align:right;font-variant-numeric:tabular-nums}
.activity-pnl{font:500 11px var(--mono);white-space:nowrap;letter-spacing:-.2px}
.activity-pnl small{font-size:8px;color:var(--muted);font-weight:400}
.pnl-pending{font-size:10px;color:var(--muted);white-space:nowrap}
.activity-table th,.activity-table td{padding:12px 10px}
.activity-table th:nth-child(1){width:10%}
.activity-table th:nth-child(2){width:20%}
.activity-table th:nth-child(3){width:7%}
.activity-table th:nth-child(4){width:16%;text-align:right}
.activity-table th:nth-child(5){width:9%;text-align:right}
.activity-table th:nth-child(6),.activity-table th:nth-child(7){width:14%;text-align:left}
.activity-table th:nth-child(8){width:10%;text-align:right}
@media(min-width:768px) and (max-width:1050px){
 .activity-table th,.activity-table td{padding:11px 6px;font-size:9px}
 .activity-pnl{font-size:10px}.activity-pnl small{font-size:6px}
 .activity-table .bot-cell{min-width:0}.activity-table .bot-name{max-width:75px;overflow:hidden;text-overflow:ellipsis}
 .activity-table .exchange-tag{font-size:7px;min-width:32px;padding:3px}
}
@media(max-width:767px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 main{padding-top:19px;padding-bottom:38px}
 .section-heading{margin-bottom:18px}
 .portfolio-summary{row-gap:16px;padding-bottom:17px}
 .summary-metric strong{margin:6px 0 4px}
 .balance-topline{margin-bottom:8px}
 .exchange-cards{gap:8px}
 .exchange-card{padding:12px 13px;border-radius:9px}
 .exchange-card-heading{margin-bottom:11px}
 .exchange-metrics{gap:7px}
 .exchange-metric{gap:5px}
 .bot-health-row{margin-top:10px;padding-top:7px;min-height:27px}
 .positions-section{margin-top:24px}
 .positions-title-row{margin-bottom:14px;gap:12px}
 .section-description{margin-top:6px}
 .position-toolbar{gap:10px;margin-bottom:12px}
 .flat-state{padding:12px 13px}
 .activity-section{margin-top:23px}
 .activity-heading{margin-bottom:10px}
 .activity-heading .section-description{font-size:10px;line-height:1.55}
 .activity-toolbar{margin-bottom:8px}
 .mobile-activity-row{padding:11px 12px;overflow-anchor:none}
 .activity-mobile-top{gap:7px;flex-wrap:wrap}
 .activity-mobile-top strong{font-size:12px}
 .activity-mobile-top .side-tag{font-size:8px}
 .completion-profit{margin-left:auto;text-align:right}
 .completion-profit .activity-pnl{font-size:13px}
 .completion-profit .activity-pnl small{font-size:8px}
 .activity-mobile-bottom{margin-top:7px;gap:9px}
 .activity-mobile-bottom .bot-name{font-size:9px!important;max-width:150px;overflow:hidden;text-overflow:ellipsis}
 .activity-mobile-bottom .exchange-tag{font-size:8px;min-width:40px}
 .activity-mobile-bottom>span{font-size:8px}
 .completion-times{border-top:0;padding-top:0;margin-top:7px;gap:8px;flex-wrap:wrap;font-size:8px}
 .completion-times time{font-size:9px}
 .completion-duration{margin-left:auto;font:9px var(--mono)}
 .history-restricted{padding:16px 13px}
 .activity-pagination button{min-height:36px}
 .mobile-position{padding:11px 12px}
 .mobile-position-values{margin-top:9px}
 .symbol-group-header{padding-top:12px;padding-bottom:12px}
 footer{margin-top:22px;padding-top:14px}
 /* The landing page keeps readable type, with less repeated vertical space. */
 .recruit-hero{padding-top:30px;padding-bottom:28px;gap:23px}
 .recruit-hero .hero-description{line-height:1.75}
 .fee-visual{padding-top:15px}
 .fee-card{padding:15px 17px}
 .fee-symbol{font-size:80px;padding:5px 0 8px;letter-spacing:-7px}
 .fee-symbol span{font-size:70px}
 .fee-facts{margin-top:12px;padding-top:8px}
 .fee-facts>div{padding:6px 0}
 .recruit-section{padding-top:33px;padding-bottom:33px}
 .recruit-section .section-intro{margin-bottom:20px;gap:15px}
 .offer-grid{gap:9px}
 .exchange-offer{padding:16px}
 .offer-top{margin-bottom:12px}
 .exchange-offer h3{font-size:15px;margin-bottom:7px}
 .exchange-offer p{line-height:1.65}
 .offer-inquiry{margin-top:12px;padding-top:10px;min-height:36px}
 .results-inner{padding-top:32px;padding-bottom:32px;gap:21px}
 .results-preview{padding:17px}
 .results-preview-heading{margin-bottom:16px}
 .proof-metric{padding-bottom:13px;margin-bottom:13px}
 .join-grid{gap:16px}
 .join-grid article{padding-top:13px}
 .join-grid h3{margin-top:9px;margin-bottom:7px}
 .faq-section{padding-top:32px;padding-bottom:32px;gap:20px}
 .recruit-closing{padding-top:32px;padding-bottom:32px}
}
@media(max-width:360px){
 .exchange-card{padding:11px}
 .activity-mobile-bottom .bot-name{max-width:115px}
 .completion-profit .activity-pnl{font-size:12px}
 .completion-times{gap:5px}
 .completion-times time{font-size:8px}
}

/* V2.3: fixed viewport on desktop, stable pixels during live activity updates. */
.dashboard-page,.dashboard-page #activity-list,.dashboard-page #position-list{overflow-anchor:none}
.dashboard-page .portfolio-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.dashboard-page #activity-list:focus-visible,.dashboard-page #position-list:focus-visible{outline:1px solid var(--accent);outline-offset:2px}
@media(min-width:1024px) and (min-height:600px){
 body.dashboard-page{height:100dvh;overflow:hidden;display:flex;flex-direction:column}
 .dashboard-page .site-header{height:48px;flex:0 0 48px}
 .dashboard-page .header-inner{padding:0 24px;max-width:1660px;gap:20px}
 .dashboard-page .brand{font-size:17px}.dashboard-page .brand-icon{width:28px;height:28px}
 .dashboard-page .header-location{font-size:11px}
 .dashboard-page .header-actions{gap:7px}
 .dashboard-page .preview-status{font-size:9px;padding:5px 8px;margin-right:0}
 .dashboard-page .icon-button{height:30px;width:30px;min-height:30px}
 .dashboard-page .dashboard-main{width:100%;max-width:1660px;flex:1;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;margin:0 auto;padding:12px 24px 8px}
 .dashboard-page .overview{grid-row:1;display:grid;grid-template-columns:126px minmax(0,1fr);gap:8px 20px;align-items:center;min-width:0}
 .dashboard-page .section-heading{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;margin:0}
 .dashboard-page .section-heading .eyebrow{display:none}
 .dashboard-page h1{font-size:16px;margin:0;letter-spacing:-.4px}
 .dashboard-page .currency-control{padding:2px;border-radius:6px}
 .dashboard-page .currency-control button{font-size:9px;min-height:23px;padding:3px 9px}
 .dashboard-page .currency-control button span{margin-left:4px}
 .dashboard-page .portfolio-summary{grid-column:2;grid-row:1;gap:0;margin:0;padding:0;min-width:0}
 .dashboard-page .summary-metric{min-height:54px;padding-left:22px}
 .dashboard-page .summary-metric:first-child{padding-left:0}
 .dashboard-page .summary-metric strong{font-size:19px;margin:5px 0 3px;letter-spacing:-.5px}
 .dashboard-page .summary-metric .field-label{font-size:10px}
 .dashboard-page .summary-metric .metric-caption{font-size:9px}
 .dashboard-page .summary-metric.total-assets strong{font-size:18px;color:var(--soft)}
 .dashboard-page .balance-topline{grid-column:1/-1;grid-row:2;font-size:9px;margin:0;line-height:14px}
 .dashboard-page .balance-hint{font-size:9px}
 .dashboard-page .exchange-cards{grid-column:1/-1;grid-row:3;gap:10px;min-width:0}
 .dashboard-page .exchange-card{padding:11px 14px;border-radius:9px;min-width:0}
 .dashboard-page .exchange-card-heading{margin-bottom:9px}
 .dashboard-page .exchange-wordmark{font-size:12px;gap:6px}
 .dashboard-page .exchange-wordmark svg{width:15px;height:15px}
 .dashboard-page .exchange-position-count{font-size:9px}
 .dashboard-page .exchange-metrics{gap:9px}
 .dashboard-page .exchange-metric{gap:5px}
 .dashboard-page .exchange-metric .field-label{font-size:9px}
 .dashboard-page .exchange-metric>strong{font-size:13px}
 .dashboard-page .exchange-metric-caption{font-size:8px}
 .dashboard-page .exchange-balance .exchange-metric-caption{font-size:7px}
 .dashboard-page .bot-health-row{margin-top:8px;padding-top:6px;min-height:23px;font-size:9px}
 .dashboard-page .active-bots b{font-size:10px}
 .dashboard-page .ws-connected{font-size:8px}
 .dashboard-page .bot-issue-toggle{font-size:8px;min-height:22px;padding:3px 5px}
 .dashboard-page .bot-issue-list{position:absolute;z-index:10;left:0;right:0;top:100%;max-height:220px;padding:10px 14px;margin:4px 0 0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}
 .dashboard-page .positions-section{grid-row:2;display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:18px;row-gap:6px;min-height:0;max-height:180px;margin:0}
 .dashboard-page .positions-section[data-held=true]{height:min(22dvh,180px)}
 .dashboard-page .positions-title-row{grid-column:1;grid-row:1;gap:14px;margin:0;align-items:center}
 .dashboard-page .title-line{gap:7px}
 .dashboard-page h2{font-size:16px;letter-spacing:-.4px}
 .dashboard-page .count-badge{font-size:10px;min-width:21px;padding:3px 5px}
 .dashboard-page .positions-title-row .section-description{display:none}
 .dashboard-page .position-summary{align-self:center;gap:7px;padding:0}
 .dashboard-page .position-summary>span{font-size:9px}
 .dashboard-page .position-summary>strong{font-size:12px;letter-spacing:-.2px}
 .dashboard-page .position-summary>strong small{font-size:8px}
 .dashboard-page .position-toolbar{grid-column:2;grid-row:1;margin:0;gap:12px}
 .dashboard-page .exchange-tabs{gap:2px}
 .dashboard-page .exchange-tabs button{font-size:9px;min-height:28px;padding:4px 7px;gap:5px}
 .dashboard-page .exchange-tabs .tab-count{font-size:8px}
 .dashboard-page .tools{gap:6px}
 .dashboard-page .search-field{height:28px;width:160px;padding:0 8px;gap:5px}
 .dashboard-page .search-field input{font-size:10px;min-height:26px}
 .dashboard-page .sort-field{height:28px;padding:0 7px}
 .dashboard-page .sort-field select{font-size:10px;min-height:26px}
 .dashboard-page .active-filters{grid-column:1/-1;grid-row:2;font-size:9px;margin:0}
 .dashboard-page .active-filters:not([hidden])+#position-list{grid-row:3}
 .dashboard-page #position-list{grid-column:1/-1;grid-row:2;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}
 .dashboard-page .flat-state{padding:7px 11px;font-size:10px;min-height:33px;border-radius:7px}
 .dashboard-page .flat-state small{font-size:9px}
 .dashboard-page .flat-icon{width:18px;height:18px}
 .dashboard-page .list-footnote{display:none}
 .dashboard-page .symbol-group{margin-bottom:8px;border-radius:8px}
 .dashboard-page .symbol-heading{padding:7px 12px}
 .dashboard-page .symbol-avatar{width:25px;height:25px;font-size:13px}
 .dashboard-page .symbol-name{font-size:13px}
 .dashboard-page .symbol-subtitle{font-size:8px;margin-top:3px}
 .dashboard-page .symbol-net small{font-size:8px}
 .dashboard-page .symbol-net strong{font-size:13px;margin-top:3px}
 .dashboard-page .chart-button{min-height:27px;font-size:9px;padding:4px 8px}
 .dashboard-page .position-table th{padding:6px 10px;font-size:9px}
 .dashboard-page .position-table td{padding:6px 10px;font-size:10px}
 .dashboard-page .position-table td:first-child{padding-left:12px}
 .dashboard-page .cell-number{font-size:10px}
 .dashboard-page .pnl-number{font-size:11px}
 .dashboard-page .pnl-percent{font-size:8px;margin-top:3px}
 .dashboard-page .activity-section{grid-row:3;display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:relative;min-height:0;margin:0;gap:6px}
 .dashboard-page .activity-heading{grid-row:1;min-height:23px;margin:0}
 .dashboard-page .activity-heading .section-description{display:none}
 .dashboard-page .activity-toolbar{position:absolute;right:0;top:4px;display:flex;gap:14px;font-size:9px;margin:0}
 .dashboard-page .activity-order,.dashboard-page .activity-completion-note{font-size:9px}
 .dashboard-page #activity-list{grid-row:2;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;border-radius:8px}
 .dashboard-page .activity-table-wrap{overflow:visible;border-radius:8px}
 .dashboard-page .activity-table th{position:sticky;top:0;z-index:1;padding:6px 10px;line-height:13px;font-size:9px}
 .dashboard-page .activity-table td{padding:6px 10px;line-height:14px;font-size:10px}
 .dashboard-page .activity-table .side-tag{padding:2px 4px;font-size:8px}
 .dashboard-page .activity-table .exchange-tag{padding:3px 4px;font-size:7px;min-width:39px}
 .dashboard-page .activity-table .bot-cell{gap:7px}
 .dashboard-page .activity-table .bot-name{font-size:9px}
 .dashboard-page .activity-time{font-size:9px}
 .dashboard-page .activity-pnl{font-size:10px}
 .dashboard-page .activity-pnl small{font-size:7px}
 .dashboard-page .activity-pagination{grid-row:3;min-height:26px;margin:0}
 .dashboard-page .activity-pagination>span{font-size:9px}
 .dashboard-page .activity-pagination button{min-height:26px;font-size:10px;padding:4px 10px}
 .dashboard-page .history-restricted{padding:15px 18px}
 .dashboard-page footer{grid-row:4;margin:0;padding:0;border:0;font-size:8px;line-height:12px;min-height:12px}
 .dashboard-page .footer-brand{font-size:9px}
 .dashboard-page .footer-time{font-size:8px}
}
@media(min-width:1024px) and (min-height:600px) and (max-height:800px){
 .dashboard-page .activity-table td{padding-top:4px;padding-bottom:4px}
 .dashboard-page .exchange-card{padding-top:9px;padding-bottom:9px}
 .dashboard-page .portfolio-summary .summary-metric{min-height:50px}
 .dashboard-page .activity-table th{padding-top:5px;padding-bottom:5px}
}
@media(max-width:1023px){
 .dashboard-page .portfolio-summary{column-gap:0;row-gap:0}
 .dashboard-page .portfolio-summary .summary-metric{min-width:0;padding-left:12px;border-left:1px solid var(--border)}
 .dashboard-page .portfolio-summary .summary-metric:first-child{padding-left:0;border-left:0}
 .dashboard-page .portfolio-summary .summary-metric strong{font-size:clamp(11px,2.9vw,19px);white-space:nowrap;letter-spacing:-.5px}
 .dashboard-page .portfolio-summary .total-assets strong{color:var(--soft)}
}
@media(max-width:767px){
 .dashboard-page .portfolio-summary{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:15px}
 .dashboard-page .portfolio-summary .summary-metric{padding-left:9px;min-height:0}
 .dashboard-page .portfolio-summary .summary-metric strong{font-size:clamp(10px,3.05vw,14px);margin:7px 0 5px;letter-spacing:-.6px}
 .dashboard-page .portfolio-summary .summary-metric .field-label{font-size:9px;white-space:nowrap}
 .dashboard-page .portfolio-summary .summary-metric .tiny-label{display:none}
 .dashboard-page .portfolio-summary .summary-metric .metric-caption{font-size:8px;line-height:1.4}
 .dashboard-page .position-summary{display:none}
 .dashboard-page .section-heading{margin-bottom:15px}
 .dashboard-page #activity-list{overflow-anchor:none}
}
@media(min-width:1024px) and (min-height:600px){
 .dashboard-page .positions-section:has(.active-filters:not([hidden])){grid-template-rows:auto auto minmax(0,1fr)}
}
