@font-face{font-family:TerminalAvenir;src:url('fonts/AvenirNextCondensed-DemiBold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}
:root{--ui:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;--numbers:TerminalAvenir,'Avenir Next Condensed',sans-serif;--bg:#fff;--card:#f2f2f7;--text:#111;--muted:#8e8e93;--line:#c6c6c8;--blue:#008af7;--red:#eb4b42;--green:#36b4a0;color:var(--text);background:#000;font-family:var(--ui);font-synthesis:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}
*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}body.dark{--bg:#000;--card:#1c1c1e;--text:#f5f5f5;--muted:#99999d;--line:#323235;background:#000}button,input,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}input,select{color:var(--text);background:none;border:0;outline:none}button:disabled{opacity:.35}button,select{touch-action:manipulation}.up{color:var(--blue)!important}.down{color:var(--red)!important}.muted,.tiny{color:var(--muted)}
#app{max-width:430px;height:100dvh;margin:auto;display:flex;flex-direction:column;position:relative;background:var(--bg);padding-top:env(safe-area-inset-top);overflow:hidden}header{height:54px;flex:0 0 54px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg);z-index:3}header>strong{position:absolute;left:50%;transform:translateX(-50%);font-size:17px;font-weight:600;letter-spacing:-.35px;white-space:nowrap;pointer-events:none}.round-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;background:#1b1b1dc9;box-shadow:inset 0 0 0 1px #ffffff0d;color:var(--text);flex:0 0 44px}body:not(.dark) .round-button{background:#eeeeef}.header-actions{display:flex;gap:12px;margin-left:auto}.header-spacer{width:44px}.trade-header>strong{font:600 22px var(--numbers);letter-spacing:0}.settings-header{height:54px;flex-basis:54px}.native-icon{display:inline-block;width:24px;height:24px;background:currentColor;-webkit-mask:var(--asset) center/contain no-repeat;mask:var(--asset) center/contain no-repeat;flex-shrink:0;vertical-align:middle}.round-button .native-icon{width:22px;height:22px}svg.icon{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
main{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding-bottom:92px}main::-webkit-scrollbar{display:none}nav{position:absolute;bottom:max(12px,calc(env(safe-area-inset-bottom)*.45));left:20px;right:20px;display:flex;align-items:stretch;gap:0;height:61px;padding:3px;border-radius:35px;background:#191919ed;border:1px solid #ffffff19;box-shadow:inset 0 0 2px #ffffff0a;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);z-index:4}nav button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10.5px;letter-spacing:.05px;color:#eee;border-radius:31px;padding:3px 1px 4px}nav button.active{flex:1.22;background:#333333d9;color:#199eee;font-weight:500}nav .native-icon{width:23px;height:23px}body:not(.dark) nav{background:#f0f0f0eb;border-color:#d8d8d8}body:not(.dark) nav button{color:#555}body:not(.dark) nav button.active{color:#007aff;background:#ddd9}
.quote{width:100%;height:72px;padding:2px 6px 3px;display:grid;grid-template-columns:minmax(105px,1fr) minmax(83px,max-content) minmax(83px,max-content);grid-template-rows:18px 30px 19px;column-gap:15px;text-align:left;color:var(--text)}.quote-info{display:contents}.quote-change{grid-column:1;grid-row:1;align-self:center}.quote .symbol{grid-column:1;grid-row:2;align-self:center;font:600 17px/23px var(--numbers);white-space:nowrap}.quote-time{grid-column:1;grid-row:3;align-self:center}.tiny{font:13px/18px var(--ui);letter-spacing:-.2px;white-space:nowrap}.quote-change span{margin-left:4px}.quote-time{display:flex;gap:4px;align-items:center;color:#aaa}.spread-icon{width:11px;height:13px;color:#aaa}.price{white-space:nowrap;font:600 18px/30px var(--numbers);text-align:right;align-self:start;grid-row:2/4}.quote>.price:nth-child(2){grid-column:2}.quote>.price:nth-child(3){grid-column:3}.price b{font-size:30px;font-weight:600;line-height:30px}.price sup{font-size:17px;line-height:20px;vertical-align:top;position:relative;top:0}.price small{display:block;font:13px/19px var(--ui);color:#aaa;letter-spacing:-.2px}.quote.flash-up .price{animation:quote-up .9s ease-out}.quote.flash-down .price{animation:quote-down .9s ease-out}@keyframes quote-up{from{color:var(--blue)}to{color:var(--text)}}@keyframes quote-down{from{color:var(--red)}to{color:var(--text)}}.compact .quote{height:47px;grid-template-rows:25px 17px;align-items:center}.compact .symbol{grid-row:1}.compact .quote-time{grid-row:2}.compact .quote-change,.compact small{display:none}.compact .price{grid-row:1/3;align-self:center}.quote[hidden]{display:none}
.summary{padding:11px 6px 6px}.kv{display:flex;justify-content:space-between;gap:12px;font-size:16px;line-height:23.5px;letter-spacing:-.3px}.kv b{font-weight:400;white-space:nowrap}.section{height:26px;background:#0b0b0b;display:flex;align-items:center;justify-content:space-between;padding:0 6px;font:600 16px var(--numbers)}.section button{color:#666;font:600 20px var(--ui);letter-spacing:1px;padding:0 3px}.position{width:100%;text-align:left;padding:6px 6px 5px;color:var(--text);min-height:57px}.posline{display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:24px}.posline strong,.posline em{font:600 17px/24px var(--numbers);white-space:nowrap}.posline em{font-style:normal;color:var(--blue)}.posline span{font:600 18px/24px var(--numbers);white-space:nowrap}.subline{display:flex;justify-content:space-between;gap:5px;font:13px/20px var(--ui);letter-spacing:-.25px;color:#aaa;white-space:nowrap}.trade-position{display:grid;grid-template-columns:1fr auto;grid-template-rows:25px 23px;min-height:59px}.trade-position .posline{display:contents}.trade-position .posline strong{grid-column:1;grid-row:1}.trade-position .posline>span{grid-column:2;grid-row:1/3;align-self:center;font-size:24px}.trade-position .subline{grid-row:2;grid-column:1;font-size:16px;line-height:23px}.position-expanded{margin:1px 6px 8px;padding:8px 0;border-top:1px solid var(--line)}.position-expanded .kv{font-size:13px;line-height:22px}.position-actions{display:flex;gap:8px;padding:8px 0}.position-actions button{flex:1;padding:9px;color:var(--blue);background:var(--card);border-radius:8px;font-size:14px}.history-header{gap:12px}.segments{height:46px;display:flex;background:var(--card);padding:3px;border-radius:27px;min-width:0;flex:1}.segments button{font-size:15px;letter-spacing:-.5px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:23px;padding:0 5px}.segments .selected{background:#343436}body:not(.dark) .segments .selected{background:#fff}.history-summary{padding-top:7px}.history-period{font-size:12px;color:var(--muted);padding:2px 6px 4px}.balance-row .posline strong{font:400 15px var(--ui)}
.settings{padding:10px 16px 12px}.settings-group{border-radius:27px;background:var(--card);overflow:hidden;margin-bottom:21px}.account-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;position:relative;width:100%;min-height:106px;text-align:center;padding:7px 20px 9px}.account-card:after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:1px;background:var(--line)}.account-card strong{font-size:17px;font-weight:400;letter-spacing:-.3px}.account-card span{font-size:13px;line-height:18px;letter-spacing:-.2px}.account-card .account-chevron{position:absolute;right:13px;top:calc(50% - 10px);font-size:25px;color:#57575b}.setting{position:relative;display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:10px 16px;min-height:49px;font-size:17px;letter-spacing:-.4px}.setting.has-sub{min-height:58px}.setting:not(:last-child):after{content:'';position:absolute;bottom:0;left:59px;right:16px;height:1px;background:var(--line)}.setting-icon{width:29px;height:29px;object-fit:contain;flex-shrink:0}.setting>span{min-width:0;flex:1;line-height:21px}.setting small{display:block;font-size:14px;color:var(--muted);line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px;margin-top:3px}.chevron{font-family:var(--ui);color:#545458;font-size:24px;font-weight:400}.footnote{font-size:13px;line-height:19px;color:var(--muted);padding:0 16px 18px}.settings>.footnote{padding:0 4px 16px}.empty{padding:70px 20px 24px;text-align:center;color:var(--muted);font-size:15px;line-height:22px}.native-placeholder{display:block;width:95px;height:95px;margin:0 auto 18px;background:#333;-webkit-mask:var(--asset) center/contain no-repeat;mask:var(--asset) center/contain no-repeat}.empty button{color:var(--blue);padding:15px}
.subpage-main{padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.subpage-header .header-text-button{margin-left:auto;color:var(--blue);font-size:17px}.form-group{border-radius:27px;overflow:hidden;background:var(--card);margin-bottom:35px}.form-row{display:flex;position:relative;align-items:center;gap:10px;min-height:54px;padding:13px 16px;text-align:left;width:100%;font-size:17px;letter-spacing:-.3px}.form-row:not(:last-child):after{position:absolute;content:'';left:16px;right:16px;bottom:0;height:1px;background:var(--line)}.form-row>span:first-child{flex:1}.form-row small{display:block;color:var(--muted);font-size:14px;line-height:20px;margin-top:2px}.form-row .checkmark{font-size:24px;color:var(--blue)}.form-row .value{color:var(--muted);text-align:right;max-width:65%}.form-row input,.form-row select{text-align:right;min-width:0;max-width:58%;color:var(--blue)}.form-row input[type=date]{font-size:15px}.form-caption{font-size:13px;color:var(--muted);padding:0 16px 7px;text-transform:uppercase}.search{display:flex;align-items:center;gap:8px;background:var(--card);border-radius:12px;padding:9px 11px;margin-bottom:18px;color:var(--muted)}.search svg{width:19px;height:19px}.search input{width:100%;min-width:0;font-size:17px}.symbol-search-result strong{font:600 18px var(--numbers)}.symbol-search-result .add-symbol{color:var(--blue);font-size:25px}.symbol-search-result[hidden]{display:none}.edit-symbol-row{display:flex;align-items:center;padding:13px 0;gap:12px;border-bottom:1px solid var(--line)}.edit-symbol-row>span{flex:1;font:600 18px var(--numbers)}.edit-symbol-row button{color:var(--muted);padding:5px;font-size:19px}.edit-symbol-row .remove{background:var(--red);color:white;width:22px;height:22px;padding:0;border-radius:50%;font-size:23px;line-height:20px}.toggle{width:48px;height:29px;border-radius:20px;background:#444;position:relative;flex:none!important}.toggle:after{content:'';position:absolute;top:2px;left:2px;width:25px;height:25px;background:white;border-radius:50%;transition:left .15s}.toggle.on{background:#32d74b}.toggle.on:after{left:21px}
#overlay:empty{display:none}#overlay{position:fixed;inset:0;z-index:10;background:#0006;display:flex;align-items:flex-end;justify-content:center}.sheet{width:calc(100% - 16px);max-width:414px;margin-bottom:max(8px,env(safe-area-inset-bottom));max-height:90dvh;overflow:auto;border-radius:27px;background:#242426f5;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.sheet-title{padding:15px 16px 11px;font-size:13px;color:var(--muted);text-align:center;border-bottom:1px solid #ffffff10}.sheet>button{width:100%;display:flex;align-items:center;justify-content:center;padding:17px;border-bottom:1px solid #ffffff12;font-size:20px;color:var(--blue);min-height:57px}.sheet .cancel{font-weight:600;margin-top:7px;background:#303032}.sheet .summary{padding:14px 16px}.sheet .kv{font-size:14px}.sheet .footnote{padding:20px;font-size:15px;line-height:23px}.sort-popover{position:absolute;top:calc(env(safe-area-inset-top) + 54px);left:max(10px,calc(50% - 205px));width:320px;max-width:85vw;border-radius:24px;margin:0}.sort-popover .sheet-title{text-align:left;padding:12px 16px 6px}.sort-popover>button{justify-content:space-between;min-height:54px;font-size:16px;color:var(--text);padding:13px 16px}.sort-popover .cancel{display:none}body:not(.dark) .sheet{background:#eeeef3f5}#toast{display:none!important}
.chart-main{display:flex;flex-direction:column;padding:0 0 calc(82px + env(safe-area-inset-bottom)*.4);overflow:hidden;position:relative}.chartbar{height:48px;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;gap:8px}.chartbar button{padding:0;width:32px;height:42px;display:flex;align-items:center;justify-content:center}.chartbar .period-button{font:600 17px var(--numbers);margin-right:auto;justify-content:flex-start}.chartbar .toolbar-spacer{width:32px}.chartbar .native-icon{width:21px;height:21px}.chartbar .color-icon{width:21px;height:21px;object-fit:contain}.chartbar .chart-trading{margin-left:auto}.period-strip{display:flex;width:100%;justify-content:space-between;align-items:center;gap:2px}.period-strip button{width:auto;min-width:22px;font-size:12px}.chart-stage{flex:1;position:relative;min-height:0}.chart-title{position:absolute;top:2px;left:4px;z-index:1;color:#477bab;font:12px/14px var(--ui);pointer-events:none}.chart-title span{font-size:11px}#chart{display:block;width:100%;height:100%;touch-action:none}.chart-options{position:absolute;bottom:21px;right:8px;color:#528ac8;letter-spacing:2px;font-size:19px}.quick-trade{position:absolute;top:31px;left:4px;display:flex;z-index:2;gap:2px}.quick-trade button{padding:5px 10px;font:600 18px var(--numbers);background:#087fb0;color:#fff}.quick-trade .sell{background:#bd3d34}.quick-trade small{display:block;font:10px var(--ui)}.order-instrument{text-align:center;padding:6px 0 15px;color:var(--blue);font-size:18px}.order-instrument small{display:block;color:var(--muted);font-size:13px;margin-top:3px}.tradebuttons{display:flex;gap:2px}.tradebuttons button{background:#0085e8;color:#fff;flex:1;padding:16px 5px;font-size:14px;min-height:53px}.tradebuttons .sell{background:#d4483e}.bigprofit{font:600 28px var(--numbers);text-align:center;padding:20px;color:var(--blue)}
@media(max-width:370px){header{padding-inline:12px}.header-actions{gap:9px}.quote{column-gap:10px;grid-template-columns:minmax(88px,1fr) max-content max-content}.quote .price{min-width:76px}.tiny,.price small{font-size:12px}.history-header{gap:8px}.segments button{font-size:14px;padding-inline:5px}nav{left:14px;right:14px}.settings{padding-inline:14px}.setting{gap:12px}.subline{font-size:12px}.kv{font-size:15px}}
body{color:var(--text)}
.market-chart-note{position:absolute;bottom:20px;left:5px;max-width:80%;font-size:10px;line-height:15px;color:var(--muted);pointer-events:none;background:var(--bg)}.footnote a{color:var(--blue)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.robot-code-row{display:block!important}.robot-code-row textarea{display:block;width:100%;min-height:92px;margin-top:10px;padding:10px;border:1px solid var(--line,#333);border-radius:8px;background:transparent;color:inherit;font:14px -apple-system,BlinkMacSystemFont,sans-serif;resize:vertical}#robot-status{font-size:14px;max-width:65%;white-space:normal;text-align:right}

.trade-empty{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.trade-empty .native-placeholder{width:140px;height:140px;margin:0;background:var(--text)}
.replay-banner{flex:none;min-height:29px;padding:6px 10px;background:#342817;color:#ffd18a;font:12px/17px var(--ui);text-align:center;z-index:3}.replay-banner button{color:#ffd18a;text-decoration:underline;margin-left:9px;padding:0;font-size:12px}

.account-card strong,.account-card>span:not(.account-chevron){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card{padding-inline:30px}

/* Accounts use the edge-to-edge broker list of the supplied iPhone reference. */
.accounts-main{padding:20px 0 calc(60px + env(safe-area-inset-bottom)*.5);display:flex;flex-direction:column}
.accounts-list{flex:1;background:var(--card)}
.account-row{display:flex;align-items:center;gap:16px;width:100%;min-height:88px;padding:11px 16px;text-align:left;position:relative;color:var(--text)}
.account-row:active{background:#ffffff08}
.broker-logo{width:32px;height:32px;object-fit:contain;flex:none}
.broker-logo[src$="broker-puprime.png"]{background:#fff;padding:3px}
.account-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;padding:0}
.account-name-line{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:3px}
.account-name{font:400 17px/22px var(--ui);letter-spacing:-.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.account-server,.account-balance{font:400 13.5px/17px var(--ui);letter-spacing:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-row.is-current .account-name{color:var(--blue);font-weight:500}
.account-row.is-current .account-server,.account-row.is-current .account-balance{color:var(--text)}
.account-row.is-current .account-copy{padding-right:16px}
.account-row-chevron{position:absolute;right:16px;top:50%;transform:translateY(-50%) rotate(180deg);color:#b6b6b8;display:flex}
.account-row-chevron .native-icon{width:8px;height:14px}
.account-badge{border:1px solid #5d5d60;color:#88888c;border-radius:15px;padding:2px 5px;font:400 11px/16px var(--ui);white-space:nowrap;flex:none}
.account-badge-demo{border-color:#527543;color:#69a452}
.account-create{padding:4px 16px 16px}.account-create label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;font-size:15px;border-bottom:1px solid var(--line)}.account-create input{min-width:0;width:56%;text-align:right;font-size:16px}.account-create .primary{display:block;margin-top:18px;border:0}

/* Chart geometry follows the supplied MT5 iPhone screen. */
.chart-main{padding-bottom:calc(64px + max(12px,env(safe-area-inset-bottom)*.45))}
.chartbar{display:grid;grid-template-columns:minmax(30px,1.45fr) repeat(3,32px) minmax(0,.55fr) repeat(2,32px);padding:0 12px;gap:8px;height:48px;min-height:48px}
.chartbar .period-button,.chartbar .chart-trading{margin:0}.chartbar .period-strip{grid-column:1/-1}.chartbar .native-icon,.chartbar .color-icon{width:23px;height:23px}
.chart-title{top:3px;left:4px;color:#397dc2;font:12px/14px var(--ui)}.chart-title span{font-size:11.5px}.chart-options{bottom:20px;right:16px;color:#397dc2;font-size:17px}
.chart-message{position:absolute;inset:45% 68px auto 16px;text-align:center;color:var(--muted);font:14px/20px var(--ui)}.chart-message:empty{display:none}

/* Quotes use one shared editing pill and independent bid/ask tick colours. */
.quotes-header{border-bottom:1px solid #ffffff07}
.quote-tools{gap:0;height:44px;border-radius:26px;overflow:hidden;background:#1b1b1dc9;box-shadow:inset 0 0 0 1px #ffffff0d}
.quote-tools .round-button{width:49px;flex-basis:49px;background:transparent;box-shadow:none;border-radius:0}
body:not(.dark) .quote-tools{background:#eeeeef}body:not(.dark) .quote-tools .round-button{background:transparent}
.quote{height:72px;padding:2px 8px 3px;column-gap:20px;grid-template-columns:minmax(100px,1fr) minmax(73px,max-content) minmax(73px,max-content)}
.quote .price{color:var(--text)}.quote .price.tick-up{color:var(--blue)}.quote .price.tick-down{color:var(--red)}
.quote-change{min-height:18px}.quote-time{gap:3px}
.quote .price small{color:#aaa;font-size:13px;letter-spacing:-.2px}
@media(max-width:370px){.quote{column-gap:10px;grid-template-columns:minmax(88px,1fr) max-content max-content}.quote-tools .round-button{width:43px;flex-basis:43px}}

.trade-price-arrow{display:inline-block;width:1em;height:.5em;vertical-align:.14em;margin-inline:.08em;fill:currentColor;overflow:visible}

/* Full-screen order ticket measured against the supplied IMG_9734 recording. */
body[data-page="order"]{--order-surface:#f2f2f7;--order-fields:#fff;--order-label:#6d6d72;background:var(--order-surface)}
body.dark[data-page="order"]{--order-surface:#111;--order-fields:#000;--order-label:#b8b8b8}
body[data-page="order"] #app{background:var(--order-surface)}
.order-header{height:57px;flex-basis:57px;background:var(--order-surface);border-bottom:1px solid #ffffff03}
.order-symbol-heading{position:absolute;left:65px;right:65px;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;text-align:center}
.order-symbol-heading>span{display:flex;align-items:center;gap:4px;font:600 17px/22px var(--numbers)}
.order-symbol-heading small{font:400 12px/17px var(--ui);color:var(--order-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.order-chevron{display:inline-block;flex:none;width:10px;height:7px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.order-main{padding:27px 0 calc(20px + env(safe-area-inset-bottom));background:var(--order-surface)}
.order-page{padding:0;margin:0}
.order-fields{background:var(--order-fields)}
.order-type{display:flex;align-items:center;justify-content:space-between;height:47px;padding:0 10px;width:100%;border-top:0;border-bottom:1px solid #80808016;text-align:left;font:400 17px var(--ui);letter-spacing:-.35px}
.order-type .order-chevron{margin-right:6px}
.order-volume{display:grid;align-items:center;grid-template-columns:1fr 1fr 1.6fr 1fr 1fr;height:46px;gap:0;padding:0 10px;border:0}
.order-volume button{padding:0;height:100%;font:400 16px var(--ui);color:#0785e5}
.order-volume input{width:100%;min-width:0;padding:0;text-align:center;font:400 16px var(--ui);letter-spacing:-.2px}
.order-stop-row{height:43px;display:grid;grid-template-columns:40.9% 15% 36.4% 7.7%;align-items:center;padding:0 2px 0 10px}
.order-stop-row>label{font:400 17px var(--ui);letter-spacing:-.4px;color:var(--order-label)}
.order-stop-row>button{display:grid;place-items:center;width:100%;height:100%;padding:0;color:#0785e5;font:300 25px/1 var(--ui)}
.order-stop-row input{width:100%;min-width:0;padding:0 3px;text-align:center;font:400 16px var(--ui);letter-spacing:-.35px}
.order-stop-row input::placeholder{color:#777;opacity:1}
body.dark .order-stop-row input::placeholder{color:#383838}
.order-execution{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:45px;padding:0 18px 0 10px;font:400 17px var(--ui);letter-spacing:-.4px;color:var(--order-label);text-align:left}
.order-execution>span:last-child{text-align:right;font-size:16px}
.order-prices{display:grid;grid-template-columns:1fr 1fr;align-items:center;height:61px;padding:0;background:var(--order-surface);font:600 27px/1 var(--numbers);font-variant-numeric:tabular-nums}
.order-prices>span{min-width:0;text-align:center;white-space:nowrap}
.order-prices b{font-size:40px;font-weight:600;line-height:1}
.order-prices sup{font-size:21px;line-height:1;vertical-align:super}
.order-actions{display:flex;gap:1px;margin:0}
.order-actions button{flex:1;min-width:0;min-height:43px;height:43px;padding:0 5px;border-radius:0;background:#0c5dc1;color:#fff;font:400 16px var(--ui);letter-spacing:-.3px}
.order-actions .sell{background:#cf2d1d}
.order-actions button:active{filter:brightness(1.2)}
.order-warning{max-width:430px;margin:12px auto 0;padding:0 17px;color:var(--order-label);text-align:center;font:400 14px/16.5px var(--ui);letter-spacing:-.2px}
.order-unavailable{margin:14px 16px;color:var(--order-label);font:400 13px/18px var(--ui);text-align:center}
@media(max-width:370px){.order-execution{font-size:16px;padding-right:12px}.order-execution>span:last-child{font-size:15px}.order-warning{padding-inline:12px}}

/* The trade opens above the list as in IMG_9735, without moving its rows. */
#overlay.trade-detail-overlay{display:block;background:#0003;padding-bottom:max(14px,calc(env(safe-area-inset-bottom,0px)*.85));overflow:hidden;touch-action:none;animation:trade-preview-backdrop .18s ease-out both}
#overlay.trade-detail-closing{animation:trade-preview-backdrop-out .17s ease-in both}
.trade-preview-panel{position:absolute;display:flex;flex-direction:column;gap:7px;outline:none;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;transform-origin:50% 75%;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.trade-preview-panel::-webkit-scrollbar{display:none}
.trade-preview-card{flex:none;border-radius:8px;overflow:hidden;background:#1c1c1e;box-shadow:0 8px 28px #0003;color:#b8b8b8}
.trade-preview-identity{height:54px;padding:5px 5px;background:#111}
.trade-preview-identity>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:8px;height:24px;white-space:nowrap}
.trade-preview-identity strong{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#f5f5f5;font:600 17px/24px var(--numbers)}
.trade-preview-identity em{font:inherit;font-style:normal}
.trade-preview-ticket{flex:none;max-width:42%;overflow:hidden;text-overflow:ellipsis;font:400 13px/21px var(--ui);letter-spacing:-.3px}
.trade-preview-description{color:#777;font:400 14px/20px var(--ui);letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trade-preview-details{padding:7px 5px}
.trade-preview-prices{display:flex;align-items:center;justify-content:space-between;gap:8px;height:26px;font:400 17px/26px var(--ui);letter-spacing:-.3px;white-space:nowrap}
.trade-preview-prices>span{min-width:0}
.trade-preview-prices>strong{font:600 20px/26px var(--numbers)}
.trade-preview-change{display:flex;align-items:center;gap:4px;height:21px;font:400 15px/21px var(--ui);letter-spacing:-.25px}
.trade-preview-change svg{width:10px;height:7px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trade-preview-dates{height:20px;margin-top:10px;font:400 14px/20px var(--ui);letter-spacing:-.3px;white-space:nowrap}
.trade-preview-dates .trade-price-arrow{margin-inline:0}
.trade-preview-levels{display:grid;grid-template-columns:1fr 1fr;column-gap:44px;row-gap:0;margin-top:10px;font:400 14px/23px var(--ui);letter-spacing:-.25px;color:#727274}
.trade-preview-levels>span{display:flex;justify-content:space-between;gap:8px;min-width:0}
.trade-preview-levels b{font-weight:400;color:#aaa}
.trade-preview-actions{flex:none;border:1px solid #ffffff0c;border-radius:8px;background:#1b1b1deF;box-shadow:inset 0 1px 1px #ffffff12,0 3px 12px #0003;overflow:hidden;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
.trade-preview-actions>button{display:block;width:100%;height:51px;padding:0 8px;color:#008af7;font:400 20px/24px var(--ui);letter-spacing:-.3px}
.trade-preview-actions>button:active{background:#ffffff0a}
.trade-preview-open{gap:6px;overflow:visible}
.trade-preview-open .trade-preview-identity{height:52px}
.trade-preview-open .trade-preview-details{padding:5px 5px 0}
.trade-preview-open .trade-preview-prices>strong{font-size:26px;line-height:28px}
.trade-preview-open .trade-preview-change{font-size:14px}
.trade-preview-open-levels{display:grid;grid-template-columns:39% minmax(0,1fr);column-gap:10px;margin-top:6px;font:400 14px/23px var(--ui);letter-spacing:-.25px;color:#727274}
.trade-preview-open-levels>span{display:flex;justify-content:space-between;gap:8px;min-width:0}
.trade-preview-open-levels b{font-weight:400;color:#aaa}
.trade-preview-open-levels .trade-preview-swap{justify-content:flex-end;gap:5px}
.trade-preview-open-levels time{text-align:right;color:#aaa;white-space:nowrap}
.trade-preview-open .trade-preview-actions{background:#1c1c1ef5;box-shadow:inset 0 1px 1px #ffffff0b,0 3px 12px #0003}
.trade-preview-open .trade-preview-actions>button{height:50px}
.trade-preview-actions>.trade-preview-close{color:var(--red)}
.trade-depth-quotes{display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:16px;text-align:center}
.trade-depth-quotes small{display:block;font-size:14px;color:var(--muted);margin-bottom:6px}
.trade-depth-quotes strong{font:600 28px var(--numbers);color:var(--blue)}
.trade-depth-quotes>div:first-child strong{color:var(--red)}
@media(max-height:600px){.trade-preview-open{overflow:auto}}
@media(max-width:370px){.trade-preview-open-levels{font-size:12px;column-gap:8px}}
.position[data-position-id]{-webkit-touch-callout:none;user-select:none}
body:not(.dark) .trade-preview-card{background:#f2f2f7;color:#333}body:not(.dark) .trade-preview-identity{background:#fff}body:not(.dark) .trade-preview-identity strong{color:#111}body:not(.dark) .trade-preview-actions{background:#f2f2f7ef;border-color:#0001}body:not(.dark) .trade-preview-levels b{color:#555}
@keyframes trade-preview-backdrop{from{background:#0000}to{background:#0003}}
@keyframes trade-preview-backdrop-out{from{background:#0003}to{background:#0000}}
@media(max-width:370px){.trade-preview-dates{font-size:12px;letter-spacing:-.2px}.trade-preview-prices{font-size:16px}.trade-preview-levels{column-gap:22px}}
@media(prefers-reduced-motion:reduce){#overlay.trade-detail-overlay,#overlay.trade-detail-closing{animation:none}}

/* Centered iPhone mass-operations alert from IMG_9742. */
#overlay.positions-menu-overlay{align-items:center;padding:env(safe-area-inset-top,0px) 16px env(safe-area-inset-bottom,0px);background:#0006;animation:positions-menu-backdrop .2s ease-out both}
#overlay.positions-menu-closing{animation:positions-menu-backdrop-out .16s ease-in both}
.positions-menu{width:320px;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px);overflow:auto;padding:24px 16px 16px;border-radius:38px;outline:none;background:#1e1e20ed;box-shadow:inset 0 1px 1px #ffffff24,inset 0 -1px 1px #ffffff08,0 15px 45px #0004;backdrop-filter:blur(32px) saturate(1.3);-webkit-backdrop-filter:blur(32px) saturate(1.3);transform-origin:center;scrollbar-width:none}
.positions-menu h2{margin:0 0 20px;text-align:center;font:500 17px/22px var(--ui);letter-spacing:-.35px;color:#f5f5f5}
.positions-menu-actions{display:flex;flex-direction:column;gap:8px}
.positions-menu-actions>button{display:block;width:100%;min-height:48px;border-radius:28px;padding:10px 8px;background:#343436d9;color:#ff5b62;font:500 17px/22px var(--ui);letter-spacing:-.4px;transition:background .12s,transform .12s;-webkit-tap-highlight-color:transparent}
.positions-menu-actions>button[hidden]{display:none}
.positions-menu-actions>button:active:not(:disabled){background:#4a4a4cd9;transform:scale(.985)}
.positions-menu-actions>.positions-menu-cancel{color:#fff;font-weight:500}
body:not(.dark) .positions-menu{background:#f2f2f7ed;box-shadow:inset 0 1px 1px #fff9,0 15px 45px #0003}
body:not(.dark) .positions-menu h2,body:not(.dark) .positions-menu-cancel{color:#111}
body:not(.dark) .positions-menu-actions>button{background:#dddddfd9}
@keyframes positions-menu-backdrop{from{background:#0000}to{background:#0006}}
@keyframes positions-menu-backdrop-out{from{background:#0006}to{background:#0000}}
@media(max-width:350px){.positions-menu{padding-inline:14px;border-radius:34px}.positions-menu-actions>button{font-size:15px;letter-spacing:-.3px}}
@media(prefers-reduced-motion:reduce){#overlay.positions-menu-overlay,#overlay.positions-menu-closing{animation:none}.positions-menu-actions>button{transition:none}}

/* Overlay thumb shown only while a vertical list is scrolling. */
.terminal-scroll-indicator{position:absolute;right:3px;width:3px;border-radius:3px;background:#999;opacity:0;pointer-events:none;z-index:3;transition:opacity .2s ease;will-change:transform}.terminal-scroll-indicator.is-scrolling{opacity:.8}body:not(.dark) .terminal-scroll-indicator{background:#555}@media(prefers-reduced-motion:reduce){.terminal-scroll-indicator{transition:none}}
.quote .symbol,.posline strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.posline>span{flex-shrink:0}.trade-position{grid-template-columns:minmax(0,1fr) auto}

/* The account divider belongs below the Trade title, above the balance. */
.trade-header{border-top:0;border-bottom:1px solid #ffffff07}
body:not(.dark) .trade-header{border-bottom-color:#0000000d}

.trade-preview-comment{font:400 15px/20px var(--ui);letter-spacing:-.25px;color:#727274;margin-top:1px;overflow-wrap:anywhere}

nav{isolation:isolate;overflow:visible;touch-action:none;user-select:none;-webkit-user-select:none;background:rgba(27,27,29,.84);border-color:rgba(255,255,255,.14);box-shadow:0 8px 28px #0003,inset 0 1px 0 #ffffff12,inset 0 -1px 0 #ffffff05;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
nav[hidden]{display:none}nav:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--glass-light,50%) 0%,#ffffff14,transparent 67%);opacity:.45;transition:opacity .18s}
nav button,nav button.active{flex:1 1 0;background:transparent;position:relative;z-index:2;border-radius:inherit;transition:color .12s;outline-offset:-4px;touch-action:none}nav button.active{color:#199eee}nav .native-icon,nav .tab-label{pointer-events:none}
.glass-selection,.glass-lens{pointer-events:none;position:absolute;left:0;top:3px;bottom:3px;width:var(--glass-width,20%);border-radius:32px;transform:translate3d(var(--glass-x,0px),0,0) scale(var(--glass-stretch,1),var(--glass-height,1));transform-origin:center;will-change:transform}
.glass-selection{z-index:1;background:#030405;box-shadow:inset 0 1px 1px #ffffff06}
.glass-lens{z-index:3;overflow:hidden;opacity:var(--glass-optics,0);background:rgba(22,24,27,.94);box-shadow:inset 0 0 0 .65px #ffffff42,inset 0 1px 1px #ffffff35,inset 0 -1px 1px #000a,0 2px 7px #0004;contain:paint}
.glass-lens:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(150deg,#fff2,transparent 26%,transparent 72%,#ffffff0c);box-shadow:inset 1px 0 1px #ffffff1a,inset -1px 0 1px #ffffff1a}
.glass-optics{position:absolute;top:0;left:0;pointer-events:none;will-change:transform}
.glass-optic-item{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:3px 1px 4px;color:#199eee;font-size:10.5px;letter-spacing:.05px;font-weight:500;white-space:nowrap;pointer-events:none}
.glass-optic-item .native-icon{width:23px;height:23px;flex-shrink:0}.glass-optic-item .tab-label{line-height:normal}
.glass-pressed:before{opacity:1}
body:not(.dark) nav{background:rgba(244,244,246,.84);border-color:#ffffffb3;box-shadow:0 7px 24px #00000012,inset 0 1px 0 #fff}body:not(.dark) nav button.active{background:transparent;color:#007aff}body:not(.dark) .glass-selection{background:#76768021;box-shadow:inset 0 1px 1px #fff8}body:not(.dark) .glass-lens{background:#eeeff1f0;box-shadow:inset 0 0 0 .65px #fff,inset 0 1px 2px #fff,0 2px 9px #0002}body:not(.dark) .glass-optic-item{color:#007aff}
@media(prefers-reduced-transparency:reduce){nav{background:#1b1b1d;backdrop-filter:none;-webkit-backdrop-filter:none}body:not(.dark) nav{background:#ededf0}.glass-lens{background:#17191c}body:not(.dark) .glass-lens{background:#eeeff1}}
@media(prefers-contrast:more){nav{border-color:#999}.glass-selection{box-shadow:inset 0 0 0 1px #aaa}nav button.active,.glass-optic-item{color:#3dbbff}}
@media(prefers-reduced-motion:reduce){nav *,nav:before{transition:none!important}.glass-selection{transform:translate3d(var(--glass-x,0px),0,0)}.glass-lens{display:none}}

.balance-row .posline strong{font:600 18px/24px var(--numbers)}.balance-comment{overflow:hidden;text-overflow:ellipsis}.balance-row .subline>span:last-child{flex-shrink:0}

/* The iPhone recording uses the full standalone viewport, including the home area. */
html,body{height:100%;overflow:hidden}#app{position:fixed;inset:var(--terminal-top,0px) 0 auto;height:var(--terminal-height,100dvh);margin:0 auto;width:100%}
:root{--terminal-bottom:max(12px,calc(env(safe-area-inset-bottom,0px)*.55))}
#app nav{position:fixed;left:max(20px,calc(50% - 195px));right:max(20px,calc(50% - 195px));bottom:var(--terminal-bottom)}#app .chart-main{padding-bottom:calc(64px + var(--terminal-bottom))}
#app .pending-chart-bar{height:calc(61px + var(--terminal-bottom))}
.chartbar{height:44px;min-height:44px;padding-inline:12px}.chartbar .native-icon,.chartbar .color-icon{width:23px;height:23px}.chartbar .period-button{font-size:17px}.period-strip button{font:600 12px var(--numbers)}
.chart-title{border:0;padding:0;text-align:left;pointer-events:auto;color:#3685ce;font:12px/14px var(--ui);max-width:80%;min-height:30px;z-index:2}.chart-title span{font-size:12px;white-space:nowrap}.chart-title:focus-visible{outline-offset:2px}
.chart-symbol-list{position:absolute;top:28px;bottom:auto;max-height:calc(100% - 52px);left:0;width:84px;background:#000;z-index:4;overflow:auto;overscroll-behavior:contain;border-right:1px solid #303030;border-bottom:1px solid #303030}.chart-symbol-list button{display:block;width:100%;height:55px;text-align:center;padding:0 3px;color:#3987d8;font:600 13px var(--numbers)}.chart-symbol-list button:active{background:#222}
.quick-chart-panel{display:grid;grid-template-columns:30% 40% 30%;height:43px;min-height:43px;position:relative;z-index:5;border-bottom:1px solid #353535;border-top:1px solid #353535}
.quick-quote{height:42px;min-width:0;padding:2px 6px 3px;position:relative;text-align:center;background:#087cff;color:white;font:600 18px/23px var(--numbers)}.quick-quote small{display:block;text-align:left;font:10px/11px var(--ui)}.quick-quote>span{display:block;white-space:nowrap;margin-top:-2px}.quick-quote b{font-size:28px;line-height:28px;font-weight:600}.quick-quote sup{font-size:16px;vertical-align:top;line-height:22px}.quick-quote:disabled{opacity:.55}
.quick-quote{touch-action:manipulation;isolation:isolate;overflow:hidden}.quick-quote::before{content:'';position:absolute;inset:0;background:#000;opacity:0;z-index:-1;pointer-events:none}.quick-quote:active::before{opacity:.28}.quick-quote.quick-hit::before{animation:quick-quote-release 180ms ease-out}.quick-quote.quick-hit:active::before{animation:none;opacity:.28}@keyframes quick-quote-release{from{opacity:.28}to{opacity:0}}@media(prefers-reduced-motion:reduce){.quick-quote.quick-hit::before{animation:none}}
.quick-volume{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;position:relative;background:var(--bg);align-items:center;min-width:0}.quick-volume>button{font:600 20px var(--ui);padding:0;height:41px}.quick-volume input{width:100%;text-align:center;font:600 17px var(--numbers);padding:0;min-width:0}.chart-volume-menu{position:absolute;top:41px;left:0;right:0;background:var(--bg);border:1px solid #353535;border-top:0;z-index:8;padding:4px 0}.volume-increments{display:flex;height:38px}.volume-increments button{flex:1;padding:0;color:#2a8dec;font-size:16px}.volume-values{display:grid;grid-template-columns:1fr 1fr}.volume-values button{font:600 17px var(--numbers);height:36px}.volume-values button:active{background:#222}
.chart-latest{position:absolute;bottom:18px;left:0;display:none;border:1px solid #252525;background:#111c;padding:6px;color:#ddd;font:11px var(--ui);z-index:2}.chart-latest.visible{display:block}.chart-free-move{position:absolute;right:65px;top:9px;width:40px;height:40px;border-radius:50%;background:#191919df;box-shadow:inset 0 0 0 1px #ffffff15;display:grid;place-items:center;z-index:3}.chart-free-move svg{width:23px;height:23px;stroke:#eee;stroke-width:2;fill:none;stroke-linejoin:round}
.volume-values button,.quick-volume input{font:500 16px var(--ui)}
.chart-symbol-list{top:18px;left:4px;border:1px solid #303030}.chart-symbol-list button{font-size:17px;height:54px}.chart-title[aria-expanded=true] span{visibility:hidden}
.pending-chart-bar{position:absolute;bottom:0;left:0;right:0;height:calc(61px + max(12px,env(safe-area-inset-bottom)*.45));padding:15px 16px 15px;display:flex;align-items:flex-start;gap:8px;background:#151515f5;border-top:1px solid #393939;z-index:6}.ticket-grabber{position:absolute;top:0;left:0;right:0;height:16px;width:100%;padding:0;touch-action:none}.ticket-grabber:after{content:'';display:block;background:#898989;width:31px;height:3px;border-radius:3px;margin:auto}.pending-submit{height:34px;display:flex;align-items:center;gap:12px;background:#0788fc;box-shadow:inset 0 0 0 1px #5dc5ff;border-radius:24px;padding:2px;color:#fff;min-width:0;margin-right:auto;font-size:15px}.submit-arrow{width:29px;height:29px;border-radius:50%;background:#25a3f2;border:1px solid #91ddff;display:grid;place-items:center;font-size:22px}.pending-submit>b{font:400 14px var(--ui);border:1px solid #60baff;border-radius:50%;height:31px;min-width:42px;display:grid;place-items:center}.pending-level{width:34px;height:34px;border:1px solid;border-radius:50%;padding:0;font-size:15px;flex:none}.pending-level.sl{color:#b94b36}.pending-level.tp{color:#539648}.pending-expand{border:1.5px solid #2388c8;border-radius:50%;width:20px;height:20px;padding:0;color:#288ed3;margin:8px 0 0 4px;line-height:22px;font-size:20px;flex:none}
#overlay.native-ticket-overlay{background:transparent}.native-ticket{width:100%;max-width:430px;height:84%;max-height:calc(100% - env(safe-area-inset-top) - 48px);border-radius:24px 24px 0 0;background:#111;box-shadow:0 -1px 1px #ffffff40;position:relative;padding:17px 16px max(16px,env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;animation:ticket-rise .25s cubic-bezier(.2,.8,.2,1);scrollbar-width:none}.native-ticket>.ticket-grabber{height:14px}.native-ticket-heading{display:flex;align-items:flex-start;justify-content:space-between;color:#218cdf;font-size:17px;letter-spacing:-.3px;gap:8px}.native-ticket-heading small{display:block;margin-top:7px;color:#999;font:12px var(--ui)}#native-ticket-prices{font:400 16px var(--ui);white-space:nowrap;margin-top:1px}.native-order-types{display:flex;overflow-x:auto;gap:16px;margin:14px -16px 16px;padding:0 16px;scrollbar-width:none}.native-order-types button{padding:3px 0;color:#929292;font-size:16px;white-space:nowrap;flex:none}.native-order-types button.active{color:#198fe6}.native-ticket-row{display:flex;align-items:center;gap:12px;height:40px;border:1px solid #202022;border-radius:3px;padding:0 8px;font-size:16px}.native-ticket-row>span:first-child{flex:1}.native-ticket-row input{min-width:0;width:40%;text-align:right;font:400 16px var(--ui)}.native-ticket-row>span:last-child:not(:first-child){padding-left:10px;border-left:1px solid #292929}.native-margin{display:flex;justify-content:space-between;font-size:11px;padding:14px 0;color:#bdbdbd}.native-margin>span:first-child{color:#368dcb}.native-add-stops{display:block;background:#061b2f;color:#238deb;padding:13px 6px;width:100%;margin-top:12px;font-size:16px}.native-stop-fields{display:flex;gap:12px;margin-top:12px}.native-stop-fields label{display:flex;align-items:center;border:1px solid #252525;padding:9px 6px;width:50%;font-size:14px;color:#3990cd}.native-stop-fields input{min-width:0;width:100%;text-align:right;color:#ddd;font-size:16px}.native-ticket-options{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:15px 0;color:#268cd1;font-size:15px}.native-ticket-options button{font-size:14px;color:#268cd1;padding:0}.native-ticket-options select{color:#268cd1;width:80px;font-size:15px}.native-ticket-options option{background:#171717}.native-comment{width:100%;min-width:0;font-size:16px}.native-place-order{background:#087cff;width:100%;color:white;font-size:16px;padding:13px 5px;margin:10px 0 15px;border-radius:2px}.native-cancel-order{display:block;padding:10px;color:#888;font-size:14px;margin:auto}#native-order-chart{display:block;width:calc(100% + 12px);height:260px;margin-left:-6px}@keyframes ticket-rise{from{transform:translateY(50%);opacity:.4}to{transform:translateY(0);opacity:1}}
body:not(.dark) .chart-symbol-list{background:#fff}body:not(.dark) .native-ticket{background:#f2f2f7;color:#111}body:not(.dark) .pending-chart-bar{background:#f3f3f3}
.pending-submit{width:192px;gap:6px}.pending-submit>span:nth-child(2){flex:1}.pending-chart-bar{padding-right:20px}.native-market-buttons{display:flex;gap:3px}.native-market-buttons .sell{background:#e64234}.native-stepper{display:flex;flex-direction:column;width:18px;flex:none;border:0!important;padding:0!important;gap:1px}.native-stepper button{display:grid;place-items:center;padding:0;height:13px;width:18px}.native-stepper svg{width:13px;height:8px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.native-stepper button:last-child svg{transform:rotate(180deg)}
@media(max-width:370px){.pending-chart-bar{padding-inline:10px;gap:5px}.pending-submit{gap:6px}.quick-volume{grid-template-columns:32px minmax(0,1fr) 32px}}

#native-order-chart{height:calc(var(--terminal-height,100dvh)*.35)}

#app main{padding-bottom:calc(73px + var(--terminal-bottom))}
#app .chart-main{padding-bottom:calc(64px + var(--terminal-bottom))}

@media(max-width:370px){#app nav{left:14px;right:14px}}

/* Let the whole standalone document establish its height before WKWebView lays out
   its viewport. A fixed 100%-high body can leave the status-bar-sized black strip. */
html[data-standalone="true"][data-viewport-layout="edge-to-edge"],html[data-standalone="true"][data-viewport-layout="edge-to-edge"] body{height:100vh;min-height:100vh}
html[data-standalone="true"] #app{position:relative;inset:var(--terminal-top,0px) 0 auto;height:var(--terminal-height,100vh)}
html[data-standalone="true"] #app nav{position:absolute;left:20px;right:20px}
/* Opaque native status bars already reserve their own space. Keep the app and
   its scrollable content within the web view, without subtracting another inset. */
html[data-standalone="true"][data-viewport-layout="native-inset"] #app{max-height:var(--terminal-height,100dvh)}
/* The opaque iPhone status bar is outside the web view. A 100vh root here
   creates 62 extra scrollable pixels and hides the header after text entry. */
html[data-standalone="true"][data-viewport-layout="native-inset"],html[data-standalone="true"][data-viewport-layout="native-inset"] body{height:var(--terminal-document-height,100%);min-height:0}
html[data-keyboard-open="true"] #overlay{top:var(--terminal-top,0px);bottom:auto;height:var(--terminal-height,100dvh)}
html[data-keyboard-open="true"] .sheet,html[data-keyboard-open="true"] .native-ticket{max-height:calc(var(--terminal-height,100dvh) - 12px)}
@media(max-width:370px){html[data-standalone="true"] #app nav{left:14px;right:14px}}

.chart-history-status{position:absolute;left:8px;bottom:28px;max-width:calc(100% - 80px);border:0;border-radius:5px;padding:5px 7px;background:#181818d9;color:#a7a7a7;font:11px -apple-system,BlinkMacSystemFont,sans-serif;z-index:3}.chart-history-status:disabled{opacity:.8}

/* Retain native one-finger panning while suppressing page pinch/double-tap zoom.
   Chart and navigation controls retain their existing touch-action:none. */
html,body,#app{touch-action:pan-x pan-y}
@media(pointer:coarse){
 #app input,#app textarea,#app select,#overlay input,#overlay textarea,#overlay select{font-size:max(16px,1em)}
}

/* Only header controls: layout and the scrolling page keep their existing size. */
#app header .glass-control-surface{transform:scale(1);transform-origin:center;transition:transform 390ms cubic-bezier(.22,1.5,.35,1),background-color 190ms ease,box-shadow 240ms ease;backface-visibility:hidden}
#app header .glass-control-surface.glass-control-pressed{transform:scale(1.1);background-color:#414143;box-shadow:inset 0 1px 1px #ffffff45,inset 0 -1px 1px #ffffff20,0 1px 6px #0003;transition-duration:130ms;transition-timing-function:cubic-bezier(.2,.8,.2,1)}
#app header .quote-tools.glass-control-pressed{transform:scale(1.055)}
#app header .header-text-button.glass-control-pressed,#app header .order-symbol-heading.glass-control-pressed{background-color:transparent;box-shadow:none}
/* Bare chart icons retain their original surfaces in both pressure states. */
#app .chartbar .glass-control-surface{background:transparent;box-shadow:none;transform:scale(1);transform-origin:center;transition:transform 390ms cubic-bezier(.22,1.5,.35,1)}
#app .chartbar .glass-control-surface.glass-control-pressed{background:transparent;box-shadow:none;transform:scale(1.08);transition-duration:130ms;transition-timing-function:cubic-bezier(.2,.8,.2,1)}
#app header .segments.glass-segments-ready{position:relative;isolation:isolate;overflow:visible;background:linear-gradient(180deg,#252526,#1b1b1d);box-shadow:inset 0 1px 1px #ffffff16,inset 0 -1px 1px #ffffff0d}
#app header .glass-segments-ready>button{position:relative;z-index:1;background:transparent!important;transition:color 120ms ease}
#app header .glass-segment-pill{position:absolute;display:block;z-index:0;margin:0;padding:0;border-radius:25px;background:#09090a;box-shadow:inset 0 0 0 1px #ffffff05;pointer-events:none;transform-origin:center;transition:transform 350ms cubic-bezier(.22,1.45,.35,1);-webkit-backdrop-filter:blur(8px) saturate(1.15);backdrop-filter:blur(8px) saturate(1.15)}
#app header .glass-segment-pill.glass-control-pressed{transform:scale(1.06);background:#ffffff15;box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #ffffff20;transition-duration:120ms}
#app header .glass-segment-refraction{position:absolute;z-index:2;inset:0;opacity:0;pointer-events:none;contain:paint;border-radius:25px;color:var(--text)}
#app header .glass-segment-refraction-label{position:absolute;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;white-space:nowrap;pointer-events:none}
#app header .glass-segment-refraction-label>span{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;transform:scale(1.055);transform-origin:center;text-shadow:0 0 .5px currentColor}
body:not(.dark) #app header .glass-control-surface.glass-control-pressed{background-color:#dedee0;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #0002}
body:not(.dark) #app header .segments.glass-segments-ready{background:#e8e8ed;box-shadow:inset 0 1px 1px #00000010}
body:not(.dark) #app header .glass-segment-pill{background:#fff;box-shadow:0 1px 3px #0002,inset 0 0 0 1px #ffffff70}
@media(prefers-reduced-motion:reduce){
 #app header .glass-control-surface,#app header .glass-segment-pill,#app .chartbar .glass-control-surface{transition:none!important;transform:none!important}
 #app header .glass-segment-refraction{display:none}
}
@media(prefers-reduced-transparency:reduce){
 #app header .segments.glass-segments-ready{background:#202022}
 #app header .glass-segment-pill{background:#09090a;-webkit-backdrop-filter:none;backdrop-filter:none}
 #app header .glass-segment-refraction{display:none}
 #app header .glass-control-surface.glass-control-pressed,#app header .glass-segment-pill.glass-control-pressed{background-color:#343436}
 body:not(.dark) #app header .glass-segment-pill{background:#fff}
}

/* Page motion uses inert pictures; real layout, safe areas and scroll owners stay put. */
.motion-page-picture{position:absolute;inset:0;overflow:hidden;pointer-events:none!important;background:var(--bg);will-change:transform}
.motion-page-picture *,.motion-menu-picture *{pointer-events:none!important;animation:none!important;transition:none!important}
.motion-page-content{position:absolute;overflow:hidden}
main.motion-page-entering{position:relative;z-index:3;background:var(--bg);will-change:transform}
.motion-menu-picture{z-index:11;pointer-events:none!important;will-change:transform,opacity}
#overlay.glass-sort-overlay{background:transparent}
.sort-popover{background:rgba(38,38,40,.97);box-shadow:0 7px 24px #0002,inset 0 .5px 0 #ffffff23;backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}
.sort-popover .sheet-title{background:rgba(0,0,0,.68);border-bottom:0;color:#ccc}
.sort-popover>button{border-bottom:0;position:relative}
.sort-popover>button:not(:last-child):after{content:'';position:absolute;height:.5px;bottom:0;left:16px;right:16px;background:#ffffff10}
.sort-popover>button:active{background:#ffffff0d}
body:not(.dark) .sort-popover{background:rgba(245,245,247,.97);box-shadow:0 6px 24px #0002,inset 0 1px 0 #fff}
body:not(.dark) .sort-popover .sheet-title{background:#ffffff9c;color:#555}
body:not(.dark) .sort-popover>button:not(:last-child):after{background:#00000013}
@media(prefers-reduced-transparency:reduce){.sort-popover{background:#262628;backdrop-filter:none;-webkit-backdrop-filter:none}body:not(.dark) .sort-popover{background:#f5f5f7}}
@media(prefers-reduced-motion:reduce){.motion-page-picture,.motion-menu-picture{display:none}}

/* Translate only flowing Trade content. Never turn main into a containing block:
   the empty-account logo, native header, tab bar and viewport stay fixed. The
   independent translate property composes with position-row FLIP transforms. */
#app main.trade-elastic-active>.summary,
#app main.trade-elastic-active>.section,
#app main.trade-elastic-active>.position{translate:0 var(--trade-elastic-y,0px);will-change:translate}

/* Safari 18+ can defer off-screen row contents without removing any history.
   46px of intrinsic content plus the existing 11px padding preserves the
   normal 57px row. Once measured, auto retains the actual expanded height. */
@supports (content-visibility:auto){
 body[data-tab="history"] #app>main:not(.subpage-main)>.position{
  content-visibility:auto;
  contain-intrinsic-block-size:auto 46px;
 }
}

/* Account actions follow the finger; vertical list scrolling stays native. */
.account-swipe-item{position:relative;overflow:hidden;touch-action:pan-y;background:var(--bg);isolation:isolate}
.account-swipe-item>.account-row{z-index:1;background:var(--card);touch-action:pan-y;user-select:none;-webkit-user-select:none;transform:translate3d(0,0,0);border-radius:0;will-change:auto}
.account-swipe-item.is-swiping>.account-row{background:#242426;will-change:transform,border-radius}
body:not(.dark) .account-swipe-item.is-swiping>.account-row{background:#e7e7ec}
.account-swipe-item .broker-logo{pointer-events:none;-webkit-user-drag:none}
.account-delete-action{position:absolute;z-index:0;right:6px;top:4px;bottom:4px;width:88px;border-radius:18px;background:#ff303b;color:#fff;padding:0;font:400 14px var(--ui);letter-spacing:-.25px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.2);transform-origin:center;pointer-events:none;touch-action:manipulation}
.account-delete-action.is-revealed{pointer-events:auto}
.account-delete-action:active{background:#d92632}
.account-swipe-item.is-removing{pointer-events:none}
.account-remove-error:empty{display:none}
.account-remove-error{color:var(--red);padding:0 16px 14px;font-size:14px;line-height:20px}
@media(prefers-reduced-motion:reduce){.account-swipe-item>.account-row{will-change:auto}}

.member-entry{display:flex!important;min-height:100dvh;align-items:center;justify-content:center;padding:max(28px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));box-sizing:border-box;overflow:auto!important;background:#000;color:#f5f5f5}.member-card{width:100%;max-width:370px;padding:28px 0;font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif}.member-card>img{border-radius:13px}.member-card h1{font-size:25px;line-height:1.2;font-weight:600;margin:22px 0 28px}.member-card p{font-size:15px;line-height:1.5;color:#aaa}.member-card label{display:block;font-size:16px;margin:18px 0;color:#ddd}.member-card input,.member-pair-code{display:block;width:100%;box-sizing:border-box;border:1px solid #363638;background:#1c1c1e;color:white;border-radius:12px;font:inherit;font-size:17px;padding:15px 14px;margin-top:9px;outline-offset:3px}.member-primary{display:block;width:100%;border:0;border-radius:13px;padding:16px;margin:18px 0 8px;background:#0789f9;color:white;font:inherit;font-size:17px;font-weight:600}.member-secondary{background:#29292c}.member-primary:disabled{opacity:.5}.member-link,.member-legacy{display:block;text-align:center;font:inherit;font-size:16px;text-decoration:none;color:#159afa;padding:16px 0;border:0;background:none;width:100%}.member-legacy{margin-top:18px;color:#929295;font-size:14px}.member-card #member-error{color:#ff6964;font-size:15px;line-height:1.4}.member-inline-error{display:none!important}.member-state{color:#aaa;font-size:14px;padding:12px 16px}.member-pair-code{resize:none;min-height:88px;font-size:16px;word-break:break-all}.member-footnote{padding:12px 16px;color:#999;line-height:1.5}.member-bar{display:none}

/* The whole terminal is an app surface; only editable fields allow selection. */
html,body,#app,#app *,#overlay,#overlay *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
button,[role="button"]{touch-action:manipulation}
#app input,#app textarea,#overlay input,#overlay textarea,#app [contenteditable]:not([contenteditable="false"]),#app [contenteditable]:not([contenteditable="false"]) *,#overlay [contenteditable]:not([contenteditable="false"]),#overlay [contenteditable]:not([contenteditable="false"]) *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}

.member-starting #app,.member-starting #overlay{visibility:hidden}