/* A viewport-sized application shell; long records use pagination. */
html{height:100%;overflow:hidden}
body{height:var(--app-height,100dvh);width:100%;overflow:hidden;display:flex;flex-direction:column;--shell-gap:clamp(6px,1.1dvh,14px)}
.topbar{width:100%;height:clamp(44px,8dvh,64px);min-height:44px;flex:0 0 auto;padding-inline:clamp(14px,2.2vw,28px)}
main{width:100%;flex:1;min-height:0;margin:0 auto;padding:0 clamp(14px,2.2vw,28px) 10px;display:flex;flex-direction:column;position:relative}
.demo-bar{padding:4px 0;min-height:26px;flex:0 0 auto;gap:8px}
.view{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--shell-gap);animation:none}
.page-heading{margin:0;min-height:46px;flex:0 0 auto;gap:14px}
.page-heading .eyebrow{display:none}.page-heading h1{font-size:clamp(1.1rem,2.5dvh,1.6rem);line-height:1.5}
.market-switch{padding:3px}.market-switch .btn{min-height:36px;padding:5px 14px;min-width:105px}
.metal-tabs{margin:0;gap:10px;flex:0 0 auto}
.metal-tab{padding:9px 14px;min-height:58px;min-width:0;gap:9px}
.metal-symbol{height:34px;width:34px;flex-shrink:0}.metal-name{font-size:.9rem}.metal-ticker{font-size:.8rem}
.workspace{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) minmax(280px,30%);gap:16px}
.chart-card{min-height:0;padding:clamp(12px,2dvh,24px);overflow:visible}
.chart-header{flex:0 0 auto}.price-line{margin-top:3px;gap:10px}.price-line strong{font-size:1.6rem}
.chart{flex:1;min-height:0;margin-top:clamp(8px,2dvh,24px);display:block;position:relative}
.chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.chart-times{flex:0 0 auto;margin-top:8px}.chart-bottom{flex:0 0 auto;margin-top:10px;padding-top:8px;flex-direction:row;gap:8px}
.prediction-card{min-height:0;padding:clamp(12px,2dvh,22px);display:flex;flex-direction:column}
.form-heading{flex:0 0 auto;margin-bottom:8px}.form-heading h2{font-size:1rem}
#prediction-form{flex:1;min-height:0;display:flex;flex-direction:column}
#prediction-form>fieldset{flex:0 0 auto}legend,.field-label{margin-bottom:5px}
.horizon-switch{margin-bottom:6px;gap:3px;padding:3px}.horizon-switch button{min-height:34px;padding:3px 0}
.field-label{margin-top:8px;flex:0 0 auto}.target-input{height:44px;min-height:44px;padding:7px 12px;font-size:1.3rem;flex:0 0 auto}
.target-adjust{margin-top:3px;flex:0 0 auto}.target-adjust button{min-height:26px;padding:1px 7px}
.advanced-settings{background:transparent;border:0;text-align:right;color:#aaaab6;font-size:.875rem;margin:8px 0 0;padding:5px 0;min-height:32px;flex:0 0 auto}
.submit-prediction{margin-top:auto;min-height:44px;padding:8px 12px;font-size:.95rem;flex:0 0 auto}
.quota-line{margin-top:7px;flex:0 0 auto}.form-note{margin-top:4px;line-height:1.6;font-size:.8rem;flex:0 0 auto}
.form-error{margin:4px 0;line-height:1.5;flex:0 0 auto}
.market-footer{padding:0 3px;min-height:32px;flex:0 0 auto;gap:10px}.market-footer .text-button{min-height:30px}
.section-note{margin:0;flex:0 0 auto}
#positions-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}
.position-card{margin:0;padding:clamp(12px,2dvh,24px);flex:1;min-height:0;justify-content:space-between}
.position-facts{margin:12px 0;padding-bottom:12px;gap:14px}.position-facts strong{font-size:1rem}
.empty-state{flex:1;min-height:0;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.pager{display:flex;align-items:center;justify-content:center;gap:18px;flex:0 0 auto;min-height:40px;font-size:.875rem;color:#aaaab6}
.pager button{min-height:34px;padding:5px 14px;border:1px solid #383842;background:#202027;border-radius:9px;color:#eeeef2}
.pager button:disabled{opacity:.35}
.pocket-tabs{display:flex;align-items:center;gap:5px;background:#19191f;border:1px solid #2b2b35;border-radius:10px;padding:3px;flex:0 0 auto;align-self:flex-start}
.pocket-tabs button{padding:6px 15px;min-height:34px;color:#a4a4b2;border:0;border-radius:7px;background:transparent;font-size:.875rem}
.pocket-tabs .selected{background:#303039;color:#e8ff47}.characters-tab{display:none}
.chat-layout{flex:1;min-height:0;gap:16px}.chat-compose,.character-chat{min-height:0;padding:clamp(12px,2dvh,24px);display:flex;flex-direction:column}
.chat-compose h2,.character-chat h2{flex:0 0 auto;margin-bottom:7px}
#comment-form{flex:1;min-height:0;display:flex;flex-direction:column}.chat-filters{margin:8px 0;flex:0 0 auto}
.chat-filters .select{min-height:40px}.textarea{min-height:0;flex:1;resize:none;padding:12px;line-height:1.6}
.chat-compose form>.btn{margin-top:10px;min-height:44px;flex:0 0 auto}
#user-comments{display:none;flex:1;min-height:0;flex-direction:column;justify-content:space-between}
body[data-chat="mine"] #comment-form,body[data-chat="mine"] .chat-compose>h2{display:none}
body[data-chat="mine"] #user-comments{display:flex}
.message{border-top:0;padding:10px 0;min-height:0}.message p{font-size:.95rem;line-height:1.7}.message-top{margin-bottom:8px}.message-context{margin-top:8px}
#character-messages{min-height:0;flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:6px}
.character-chat>.muted{margin-bottom:8px;flex:0 0 auto}
#account-switch{display:none}.account-grid{flex:1;min-height:0;gap:16px}
.points-card,.limits-card{min-height:0;padding:clamp(12px,2dvh,24px);justify-content:center}
.points-card strong{font-size:clamp(2rem,5dvh,3.2rem);margin:4px 0}.points-card>.outline-star{font-size:1.5rem}
.points-card .btn{margin:10px 0}.points-card p{font-size:.95rem}.quota-detail{margin:16px 0}.quota-detail progress{margin:6px 0 3px}.limits-card>.muted{font-size:.8rem}
.local-note{padding:0;flex:0 0 auto}.local-note h2{display:none}.local-note p{font-size:.8rem}.local-note .btn{margin-top:5px;min-height:36px;padding:5px 12px}
.modal{overflow:hidden}.modal-box{max-height:calc(var(--app-height,100dvh) - 24px);overflow:visible;padding:20px}
#settings-dialog .field-label{margin-top:15px}#settings-dialog .confidence-field{margin-top:16px}.modal-action{margin-top:18px}
.toast{bottom:14px}.toast .alert{min-width:0}
.chat-filters{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}
.quick-choice{display:flex;gap:3px;padding:3px;background:#111116;border:1px solid #383842;border-radius:10px;min-width:0}
.quick-choice label{flex:1;min-width:0;position:relative;cursor:pointer}
.quick-choice input{position:absolute;width:1px;height:1px;opacity:0}
.quick-choice span{display:flex;align-items:center;justify-content:center;min-height:36px;padding:4px 8px;border-radius:7px;color:#a4a4b2;font-size:.875rem;white-space:nowrap}
.quick-choice input:checked+span{background:#2c3020;color:#e8ff47}
.quick-choice input:focus-visible+span{outline:2px solid #e8ff47;outline-offset:2px}
@media(max-width:760px){
 body{padding-bottom:env(safe-area-inset-bottom)}
 .topbar{height:clamp(44px,7dvh,58px);padding-inline:16px}.brand{font-size:1.5rem}.brand i{font-size:1.8rem}
 main{padding:0 14px 6px}.demo-bar{font-size:.8rem;min-height:24px;padding:2px 0}
 .view{gap:clamp(6px,1dvh,10px)}.page-heading{flex-wrap:nowrap;min-height:42px;gap:9px}
 .page-heading h1{font-size:clamp(1rem,4vw,1.2rem);white-space:nowrap}.market-switch{width:auto;flex-shrink:0;padding:3px}
 .market-switch .btn{min-width:0;padding:4px 9px;font-size:.8rem;min-height:34px;gap:4px}.market-switch span{display:none}
 .metal-tabs{gap:7px}.metal-tab{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;padding:7px 5px;min-height:64px;gap:5px}
 .metal-symbol{height:26px;width:26px;margin:0;font-size:.85rem;border-radius:7px}.metal-name{font-size:.875rem}.metal-tab .tab-change{margin:0;width:100%;font-size:.8rem}
 .workspace{display:flex;flex-direction:column;flex:1;min-height:0}.chart-card{flex:1;min-height:0;padding:12px;border-radius:16px}
 .chart-header{gap:6px}.price-line strong{font-size:1.5rem}.chart{min-height:0;margin-top:10px}.chart svg{height:100%}
 .chart-times{margin-top:5px}.chart-bottom{margin-top:6px;padding-top:5px;gap:4px;font-size:.8rem}
 .market-footer{min-height:26px;flex-wrap:nowrap;padding:0;gap:6px}.market-footer p{font-size:.8rem}.market-footer .text-button{font-size:.8rem;min-height:26px;padding:0}
 .market-footer .outline-star{font-size:1.1rem;margin-left:3px}
 .mobile-predict{display:flex;position:static;inset:auto;min-height:44px;height:44px;flex:0 0 auto;width:100%;font-size:1rem}
 .mobile-nav{position:static;flex:0 0 auto;padding:5px 8px;background:#19191f;height:58px;min-height:58px;backdrop-filter:none}
 .mobile-nav button{min-height:44px;gap:1px;min-width:58px}.mobile-nav button>span{font-size:1.25rem}
 .prediction-card{display:none;position:absolute;inset:24px 14px 6px;z-index:50;max-height:none;overflow:visible;height:auto;padding:18px;border-radius:18px;box-shadow:none}
 .prediction-card.mobile-open{display:flex}.form-heading{margin-bottom:12px}.mobile-close{min-height:34px}
 #market-view:has(.mobile-open)>.page-heading,#market-view:has(.mobile-open)>.metal-tabs,#market-view:has(.mobile-open)>.market-footer,#market-view:has(.mobile-open)>.mobile-predict{visibility:hidden}
 #market-view:has(.mobile-open) .chart-card{visibility:hidden}
 .target-input{height:48px;min-height:48px;font-size:1.25rem}.horizon-switch button{min-height:40px}
 .prediction-card .submit-prediction{margin-top:auto}.prediction-card .form-note{margin-top:8px}
 .section-note{font-size:.8rem}.position-card{padding:16px}.position-head h2{font-size:.95rem;gap:8px}
 .position-facts{grid-template-columns:repeat(2,1fr);gap:12px;margin:10px 0;padding-bottom:10px}.position-facts strong{font-size:.95rem}
 .position-actions{gap:9px}.position-actions .btn{min-height:38px}.position-actions p{font-size:.8rem}
 .pager{min-height:36px;gap:14px}.pager button{min-height:34px}
 .pocket-tabs{align-self:stretch}.pocket-tabs button{flex:1;padding:5px 7px}.characters-tab{display:block}
 .chat-layout{display:flex;flex-direction:column;min-height:0}.chat-compose,.character-chat{flex:1;padding:16px}
 .character-chat{display:none}body[data-chat="characters"] .character-chat{display:flex}body[data-chat="characters"] .chat-compose{display:none}
 .chat-filters{flex-wrap:nowrap}.chat-filters .select{font-size:16px;min-width:0}.chat-compose form>.btn{min-height:44px}
 .chat-filters{gap:7px}.quick-choice span{padding:4px 5px;min-height:36px}
 #account-switch{display:flex}.account-grid{display:flex;min-height:0}.points-card,.limits-card{flex:1;padding:20px}
 .limits-card{display:none}body[data-account="limits"] .limits-card{display:flex}body[data-account="limits"] .points-card{display:none}
 .local-note p{font-size:.8rem}.toast{bottom:74px}.modal-box{width:calc(100% - 28px);padding:18px}
}
@media(max-height:600px){
 .topbar{height:44px}.demo-bar{min-height:22px}.page-heading{min-height:36px}.page-heading h1{font-size:1.15rem}
 .metal-tab{min-height:44px;padding:5px 10px}.metal-ticker{display:none}.metal-symbol{width:27px;height:27px}
 .market-footer{display:none}.chart-bottom{margin-top:5px;padding-top:4px}.chart{margin-top:6px}
 .form-note{display:none}.form-heading{margin-bottom:4px}.form-heading h2{font-size:.95rem}
 .horizon-switch{margin-bottom:0}.horizon-switch button{min-height:30px}.target-input{min-height:38px;height:38px}
 .target-adjust button{min-height:22px}.field-label{margin-top:4px;margin-bottom:3px}.advanced-settings{margin-top:3px;min-height:26px;padding:2px 0}
 .submit-prediction{min-height:38px;padding:6px 10px}.quota-line{margin-top:4px}
 .position-card{padding:12px}.position-facts{margin:6px 0;padding-bottom:6px;gap:7px}.position-actions .btn{min-height:34px;padding:5px 8px}
 .chat-compose,.character-chat{padding:12px}.chat-compose h2,.character-chat h2{font-size:1rem}.chat-filters{margin:5px 0}.chat-filters .select{min-height:36px}.chat-compose form>.btn{min-height:38px;margin-top:6px}
 .points-card,.limits-card{padding:12px}.points-card strong{font-size:2rem}.quota-detail{margin:8px 0}.local-note p{font-size:.8rem}
}
@media(max-height:480px){
 body{--shell-gap:5px}.topbar{height:40px;min-height:40px}.demo-bar{min-height:20px}.page-heading{min-height:32px}
 .page-heading h1{font-size:1rem}.market-switch .btn{min-height:28px;padding:2px 9px}.metal-tab{min-height:38px;padding:4px 8px}
 .metal-tab .tab-change{width:auto}.metal-tabs{gap:7px}.chart-bottom{display:none}.chart-header .muted{font-size:.8rem}
 .price-line strong{font-size:1.3rem}.sample-tag{padding:2px 6px}.mobile-nav{height:48px;min-height:48px;padding:2px 8px}.mobile-nav button{min-height:40px}
 .mobile-predict{height:38px;min-height:38px}.chart-times{margin-top:2px}.form-heading{display:none}
 #prediction-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;gap:4px 10px}
 #prediction-form>fieldset{grid-column:1;grid-row:1 / 3;align-self:center}#prediction-form>fieldset legend{display:none}
 .horizon-switch{grid-template-columns:repeat(2,1fr);margin:0}.horizon-switch button{min-height:29px;padding:2px 0}
 #prediction-form>.field-label{grid-column:2;grid-row:1;margin:0;font-size:.8rem}
 .target-input{grid-column:2;grid-row:2;min-height:34px;height:34px;padding:4px 8px;font-size:1.1rem}
 .target-adjust{display:none}.advanced-settings{grid-column:1;grid-row:3;margin:0;font-size:.8rem;text-align:center;min-height:32px}
 .submit-prediction{grid-column:2;grid-row:3;min-height:32px;margin:0;font-size:.875rem}.quota-line{grid-column:1 / 3;grid-row:4;margin:0;align-self:end}
 .form-error{grid-column:1 / 3;grid-row:4;font-size:.8rem}.form-note{display:none}
 .prediction-card.mobile-open{padding:16px}.prediction-card.mobile-open .form-heading{display:flex;margin-bottom:6px}
 .prediction-card.mobile-open .horizon-switch{grid-template-columns:repeat(4,1fr)}
 .prediction-card.mobile-open #prediction-form>fieldset{grid-column:1 / 3;grid-row:1}.prediction-card.mobile-open #prediction-form>.field-label{grid-column:1 / 3;grid-row:2}
 .prediction-card.mobile-open .target-input{grid-column:1 / 3;grid-row:3}.prediction-card.mobile-open .advanced-settings{grid-column:1;grid-row:4;align-self:end}
 .prediction-card.mobile-open .submit-prediction{grid-column:2;grid-row:4;align-self:end}.prediction-card.mobile-open .quota-line{display:none}
 .position-facts{grid-template-columns:repeat(4,1fr)}.position-head h2 .metal-symbol{display:none}.position-actions{flex-direction:row;align-items:center}
 .position-actions p{font-size:.8rem}.position-actions>div{display:flex}.position-facts .muted{font-size:.8rem}.position-facts strong{font-size:.85rem}
 .chat-compose>h2{display:none}.message-top{margin-bottom:4px}.character-chat>.muted{font-size:.8rem}.message p{font-size:.875rem}
 .points-card>.outline-star,.points-card small{display:none}.points-card h2,.limits-card h2{font-size:1rem}.points-card strong{font-size:1.6rem;margin:0}.points-card p{font-size:.8rem}.points-card .btn{margin:4px 0;min-height:30px;padding:3px 12px}
 .quota-detail{margin:5px 0}.quota-detail progress{margin:3px 0;height:4px}.limits-card>.muted{font-size:.8rem}.local-note{display:none}
 #settings-dialog .field-label{margin-top:8px}#settings-dialog .confidence-field{margin-top:10px}.modal-box{padding:14px}.modal-action{margin-top:12px}
 .quick-choice span{min-height:28px;padding:2px 5px}
}

/* KEKE identity: candlestick + the two contrasting arms of K. */
.brand{gap:10px;letter-spacing:0}.brand .brand-word{display:flex;align-items:baseline;color:#f4f4f6;font-size:1.5rem;letter-spacing:-.065em}.brand-word b{font-weight:800}.brand-word small{font-size:.9rem;color:#9595a3;letter-spacing:-.02em}.brand-mark{width:36px;height:36px;flex-shrink:0}
@media(max-width:760px){.brand{gap:8px}.brand .brand-word{font-size:1.35rem}.brand-word small{font-size:.85rem}.brand-mark{width:31px;height:31px}}
@media(max-height:480px){.brand-mark{width:28px;height:28px}}

/* Compact leaderboard with an approximate personal rank band. */
.scoreboard-trigger{border:1px solid #383842;border-radius:9px;background:transparent;color:#c5c5cf;min-height:36px;padding:5px 10px;font-size:.8rem;white-space:nowrap;margin-inline-start:auto;margin-inline-end:12px}
.scoreboard-trigger:hover{background:#25252d}.scoreboard-trigger:focus-visible,.scoreboard-close:focus-visible{outline:2px solid #e8ff47;outline-offset:3px}
.scoreboard-box{width:min(420px,calc(100vw - 24px));padding:18px;display:flex;flex-direction:column;gap:10px}
.scoreboard-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.scoreboard-heading h2{font-size:1.05rem}.scoreboard-heading p{font-size:.8rem;margin-top:3px}
.scoreboard-close{width:36px;height:36px;flex-shrink:0;border:1px solid #383842;border-radius:9px;background:transparent;color:#c5c5cf;font-size:1.5rem;line-height:1}
.scoreboard-columns{display:flex;justify-content:space-between;padding:0 8px;color:#9595a3;font-size:.8rem}
.scoreboard-list{list-style:none;padding:0;margin:0;display:grid;gap:2px}.scoreboard-list li{display:flex;align-items:center;gap:10px;min-height:29px;padding:3px 8px;border-radius:7px;font-size:.85rem}.scoreboard-list li:nth-child(-n+3){background:#24271e}.score-rank{width:20px;text-align:center;color:#9595a3;font-variant-numeric:tabular-nums}.scoreboard-list li:nth-child(-n+3) .score-rank{color:#e8ff47}.score-name{flex:1;min-width:0}.scoreboard-list strong{font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:500}
.scoreboard-self{border-top:1px solid #383842;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.85rem}.scoreboard-self small{display:block;color:#9595a3;font-size:.8rem}.scoreboard-self strong{color:#e8ff47;font-size:.95rem}.scoreboard-self>span:last-child{color:#9595a3;font-size:.8rem}.scoreboard-note{color:#9595a3;font-size:.8rem;line-height:1.6}
@media(max-width:760px){.scoreboard-trigger{margin-inline-end:7px;font-size:.8rem;padding:4px 7px;min-height:32px}.topbar{gap:5px}.scoreboard-box{gap:7px;padding:14px}.scoreboard-list li{min-height:27px}}
@media(max-height:480px){.scoreboard-box{width:min(640px,calc(100vw - 24px));gap:7px;padding:12px}.scoreboard-list{grid-template-rows:repeat(5,auto);grid-auto-flow:column;grid-template-columns:1fr 1fr;column-gap:14px}.scoreboard-columns{display:none}.scoreboard-list li{min-height:25px}.scoreboard-self{padding-top:7px}.scoreboard-heading p{margin-top:0}}
.demo-bar>.text-button{min-height:24px;padding:0;font-size:.8rem;color:#b8bdcd}
#pending-banner{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 0;color:#e8ff47;font-size:.8rem;flex-shrink:0}#pending-banner[hidden]{display:none}#pending-banner button{border:1px solid #606634;border-radius:7px;padding:4px 8px;background:#25291c}
.auth-box{display:flex;flex-direction:column;gap:12px}.auth-box form{display:flex;flex-direction:column;gap:10px}.auth-box label{font-size:.85rem;display:flex;flex-direction:column;gap:5px}.auth-box .input{width:100%;min-height:38px;height:38px;font-size:16px}.auth-box label[hidden]{display:none}
.rules-note{font-size:.8rem;line-height:1.7;color:#a4a4b2;margin-top:8px}.simulation-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.simulation-actions .btn{min-height:36px;font-size:.85rem;padding:6px 12px}
@media(max-height:480px){.auth-box{gap:7px;max-width:600px}.auth-box form{display:grid;grid-template-columns:1fr 1fr;gap:6px}.auth-box form>.btn{align-self:end;min-height:38px}.auth-box form>.form-error{grid-column:1/-1;margin:0}.auth-box .rules-note{margin:0}.auth-box label{gap:3px}.rules-note{line-height:1.5}}
@media(max-width:760px){#account-view .page-heading h1{font-size:1rem;white-space:normal}#account-auth{flex-shrink:0;min-height:36px;font-size:.8rem;padding:5px 9px}}
.metal-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.market-switch button:disabled,.quick-choice input:disabled+span{opacity:.35;cursor:not-allowed}
.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;margin-top:8px}.history-toolbar .pocket-tabs{align-self:auto}.history-toolbar button{min-height:28px;padding:3px 10px;font-size:.8rem}#chart-stats{display:flex;gap:16px;color:#9595a3;font-size:.8rem}#chart-stats b{font-weight:500;color:#c5c5cf;margin-inline-start:4px;font-variant-numeric:tabular-nums}.history-note{font-size:.8rem;line-height:1.5;color:#9595a3;margin-top:5px;flex-shrink:0}.history-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#9595a3;font-size:.875rem}.chart-times{justify-content:space-between}.demo-bar button[hidden]{display:none}
@media(max-width:760px){.history-toolbar{gap:6px}.history-toolbar button{padding:3px 7px}#chart-stats{gap:7px;flex-direction:column}#chart-stats b{font-size:.8rem}.history-note{font-size:.8rem;line-height:1.4}.chart-bottom{flex-direction:column;align-items:flex-start}}
@media(max-height:600px){#chart-stats{display:none}.history-note{max-width:100%;font-size:.8rem}.history-toolbar{margin-top:4px}}
.history-compact{display:none}.history-toolbar .pocket-tabs button{white-space:nowrap}
@media(max-width:760px){.history-full{display:none}.history-compact{display:block}.history-note{white-space:nowrap;font-size:.8rem}.history-toolbar .pocket-tabs{width:auto;align-self:auto}.history-toolbar .pocket-tabs button{flex:0 0 auto}.history-toolbar{justify-content:flex-end}}
@media(max-width:760px) and (max-height:650px){.chart-bottom{display:none}}

.chart-card{position:relative}.chart{touch-action:none;outline:none}.chart:focus-visible{outline:1px solid #e8ff47;outline-offset:4px;border-radius:8px}.chart-tooltip{position:absolute;z-index:5;width:min(264px,calc(100% - 20px));padding:11px 13px;background:#24242c;border:1px solid #45454f;border-radius:12px;box-shadow:0 8px 28px #0006;pointer-events:none;font-size:.8rem}.chart-tooltip[hidden]{display:none}.chart-tooltip header{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.chart-tooltip header span{color:#aaaaba;font-size:.7rem}.ohlc-values{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}.ohlc-values div{display:flex;justify-content:space-between;gap:7px;color:#aaaaba}.ohlc-values b{font-weight:500;color:#f5f5f7;font-variant-numeric:tabular-nums}.chart-tooltip small{display:block;color:#aaaaba;font-size:.65rem;margin-top:8px}.chart-tooltip .ohlc-low b{color:#ff7b94}.chart-tooltip .ohlc-high b{color:#62dda6}

.neutral{color:#9595a3}
@media(max-width:760px) and (max-height:480px) and (orientation:landscape){
 #market-view>.page-heading{position:absolute;left:14px;top:3px;min-height:0;z-index:2}
 #market-view>.page-heading h1{display:none}
 #market-view>.metal-tabs{margin-left:120px}
 #market-view .market-switch .btn{min-width:48px;padding:3px 8px}
 #market-view .chart-header>div{display:flex;align-items:center;gap:8px}
 #market-view .chart-header #price-unit{font-size:.7rem}
 #market-view .chart-header .price-line{margin:0}
 #market-view .sample-tag{display:none}
 #market-view .history-toolbar{position:absolute;top:9px;left:12px;margin:0}
 #market-view .history-toolbar button{min-height:25px;padding:2px 7px}
}

.btn.btn-primary:disabled{color:#b4b4bf;background:#292931;border-color:#35353f;opacity:1}#auth-resend,#auth-forgot{min-height:28px;color:#b9bdc7;text-align:center;font-size:.8rem}#auth-resend:disabled{color:#80808e;cursor:default}