/* Mobile-first light glass: generous hierarchy, grouped controls and purposeful motion. */
:root{--font:-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif;--bg:#f2f4f8;--text:#202d43;--text-dim:#65738a;--text-faint:#737e91;--accent:#557ddd;--accent-2:#889fef;--green:#487ad4;--green-soft:#557ddd12;--red:#b85977;--red-soft:#b8597714;--border:#63779a16;--accent-grad:linear-gradient(140deg,#657fdc,#4e6ec7);--glass:#ffffffa8;--glass-strong:#ffffffd6;--blur:blur(24px) saturate(150%);--shadow-card:inset 0 1px 0 #fff,0 8px 28px #53699308;--shadow-float:inset 0 1px 0 #fff,0 12px 35px #53699318}
body{background:radial-gradient(ellipse at 4% 35%,#dfe9ff9c,transparent 55%),radial-gradient(ellipse at 95% 72%,#eaddf36b,transparent 55%),linear-gradient(145deg,#f8f7f6,#eff2f8);background-attachment:fixed;font-family:var(--font);-webkit-font-smoothing:antialiased}body::before,body::after{display:none}#app{max-width:460px;padding-bottom:calc(106px + env(safe-area-inset-bottom));overflow:visible}.content{padding:22px 20px 12px}.topbar{padding:calc(14px + env(safe-area-inset-top)) 22px 13px;background:#f3f4f9a1;border-bottom:1px solid #ffffff7a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.brand{gap:10px}.brand-mark{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#dde7fe,#e9e3f6);border:2px solid #ffffffb8;box-shadow:none;flex-shrink:0}.brand-title{color:var(--text);font-size:14px;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-initials{font-size:14px;font-weight:600;color:#6076b4}.brand-sub{gap:4px;line-height:1.5;background:none;border:none;padding:0;margin-top:2px;font-size:10px;color:var(--text-dim)}.live-dot{width:5px;height:5px;background:#647dde;box-shadow:none;animation:none!important}.balance-box{min-width:84px}.balance-label{font-size:9px;letter-spacing:.07em;color:var(--text-faint)}.balance-value{font-family:var(--font);font-size:16px;font-weight:600;color:var(--text);letter-spacing:-.6px}.balance-value.pending{font-size:12px;letter-spacing:0}.connects-left-badge{display:block!important;width:fit-content;font-size:11px;padding:6px 10px;margin:0 18px 18px;background:#eef0f7;color:var(--text-dim)}
.page-heading{margin:0 0 22px;align-items:center}.eyebrow{font-size:9px;letter-spacing:.16em;color:#8a91a1;font-weight:600}.page-heading h1{font-size:33px;line-height:1.1;letter-spacing:-1.6px;font-weight:650;color:var(--text);margin:9px 0 0}.page-heading p{font-size:12px;line-height:1.6;margin:9px 0 0;color:var(--text-dim)}.title-dot{color:#8296e2}.session-state{background:#ffffffac;border:1px solid #fff;color:#6e78a0;padding:8px 11px;border-radius:100px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:5px;white-space:nowrap}.session-state::before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.session-state.live{color:#5475cd;background:#e7edff}
.desk-icon{display:block;width:20px;height:20px;flex-shrink:0}.hero-card{position:relative;padding:21px 20px 17px;border-radius:28px;background:linear-gradient(130deg,#ffffffd9,#f7f9ffbc 65%,#eeebf8bb);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 16px 32px #4a5d8c09;margin-bottom:17px;overflow:hidden}.hero-top{align-items:center;margin-bottom:13px}.hero-eyebrow{font-size:10px;letter-spacing:.08em;color:#7a87a0;font-weight:600}.asset-pill{background:#edf1fcaa;border:1px solid #e3e8f6;color:#67799a;font-size:10px;padding:6px 8px;max-width:52%;gap:4px}.hero-value{font-size:12px}.session-value{display:flex;flex-direction:column}.session-value #statProfit{font-family:var(--font);font-size:51px;font-weight:600;letter-spacing:-2.8px;line-height:1.1;color:var(--text);font-variant-numeric:tabular-nums}.pnl-caption{font-size:11px;color:#8690a3;margin-top:7px}.hero-card .stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:23px 0 17px}.hero-card .stat-card,.hero-card .stat-card:first-child{display:flex;flex-direction:column;gap:5px;grid-column:auto;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:0 8px 0 15px;align-items:flex-start;min-width:0}.hero-card .stat-card:first-child{padding-left:0}.hero-card .stat-card+ .stat-card{border-left:1px solid #8a97b223}.hero-card .stat-icon,.hero-card .stat-card:first-child .stat-icon,.hero-card .stat-card:not(:first-child) .stat-icon{display:none}.hero-card .stat-card .stat-label{font-size:10px;line-height:1.4;margin:0;color:#8490a6}.hero-card .stat-card .stat-value{font-size:17px;line-height:1.2;font-weight:600;letter-spacing:-.5px;font-family:var(--font);color:#33425f}.toggle-btn{height:49px;border-radius:17px;gap:9px;letter-spacing:-.1px;font-weight:550;font-size:13px;transition:transform .18s,background .25s,box-shadow .25s}.toggle-btn.running{background:#27364f;color:#fff;box-shadow:0 6px 14px #27364f16}.toggle-btn.stopped{background:var(--accent-grad);box-shadow:0 6px 15px #5979d822}.toggle-btn .desk-icon{width:15px;height:15px}.countdown-bar{background:none;border:none;padding:0 0 12px;margin:0;gap:6px;justify-content:center;color:#7a86a0;font-size:11px}.countdown-bar svg{width:13px;height:13px}.countdown-bar b{font-weight:600;color:#526cba}
.panel{border-radius:24px;padding:18px;margin-bottom:15px;border-color:#ffffff;background:#ffffffa1}.panel-head{margin-bottom:15px}.panel-title{font-size:11px;letter-spacing:0;text-transform:none;color:#53627d;font-weight:600;display:flex;align-items:center;gap:7px}.panel-title .desk-icon{width:15px;height:15px;color:#7189c8}.text-action{display:inline-flex;align-items:center;gap:3px;font-size:11px;min-height:34px;color:#617dcb;font-weight:550}.text-action svg{width:13px;height:13px}.saved-plan-grid{display:flex;flex-direction:column;gap:12px}.saved-plan-grid>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.saved-plan-grid>div:first-child{padding-bottom:12px;border-bottom:1px solid #7788a31a}.saved-plan-grid span{margin:0;font-size:11px;color:#8390a5;flex-shrink:0}.saved-plan-grid b{font-size:11px;text-align:right;font-weight:500;color:#3b4b65;line-height:1.4}.latest-decision{background:linear-gradient(120deg,#f6f4ffba,#f6f8ffb5);border-color:#ffffffc4;padding:17px 18px}.latest-decision .panel-head{margin-bottom:13px}.source-tag{font-size:9px;background:#e9e9fb;color:#7f7cad;padding:4px 7px;font-weight:600}.decision-meta{font-size:11px;font-weight:600;color:#5b6893;margin-bottom:6px}.decision-text{font-size:12px;line-height:1.7;color:#56647c;margin-bottom:7px}.latest-decision .text-action{color:#7379b7}.glass-fold{background:#ffffff99;border-color:#fff;border-radius:22px;margin-bottom:13px;box-shadow:var(--shadow-card);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.glass-fold>summary{font-size:12px;padding:16px 17px;min-height:55px;line-height:1.4;gap:12px;justify-content:flex-start}.glass-fold>summary>svg:last-child{margin-left:auto;width:15px;height:15px;color:#929bb0}.fold-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:#e8edfbc9;color:#6980c8;flex-shrink:0}.fold-icon .desk-icon{width:18px;height:18px}.fold-icon.tone-1{background:#efebf9;color:#8c7eb7}.fold-icon.tone-2{background:#f7eee7;color:#b1937c}.fold-label{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.fold-label b{font-size:12px;font-weight:550;color:#374662}.fold-label small{font-size:10px;color:#8b95a7;font-weight:400;overflow-wrap:anywhere}.glass-fold[open]>summary{padding-bottom:18px}.glass-fold>.panel{padding:0 17px 17px}.input{background:#ffffffb0;border:1px solid #dde3ef;border-radius:13px;font-size:16px;min-height:45px;padding:11px;color:#394962}.field-label{font-size:11px;color:#7c899f}.chip{min-height:36px;font-size:11px;border-color:#e0e6f1;background:#ffffffa4;border-radius:11px}.chip.active{background:#e8edfc;border-color:#c1ceef;color:#617ecb}.seg-btn{font-size:12px}.segmented{background:#edf0f7;border:0;box-shadow:none;border-radius:13px}.segmented-thumb{border-radius:10px;transition:transform .38s cubic-bezier(.22,1,.36,1)}.signal-note{font-size:10px;color:#8590a5;padding:9px 10px;background:#eef1f8;border:0;border-radius:10px;line-height:1.6}.signal-note svg{width:14px;height:14px;color:#8494bf}.hint{font-size:11px;color:#7b879c}.account-row{border:1px solid #e5e8f1;border-radius:15px;background:#ffffffb0;padding:12px}.account-name{font-size:12px}.account-sub{font-size:10px}.account-add-row .save-btn{min-height:44px}.market-label .ssid-status{font-size:10px;padding:4px 7px;background:#e9effc;color:#6d83c2}.asset-picker-btn{background:#f0f3faaa;border:1px solid #e0e5f1;border-radius:13px;font-size:14px;height:47px}.settings-save-dock{position:fixed;z-index:39;bottom:calc(95px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(420px,calc(100% - 40px));padding:10px 0 0;background:linear-gradient(transparent,#f0f2f8 50%)}.settings-save-dock .save-btn{width:100%;border-radius:16px;height:49px;font-size:13px;font-weight:550;box-shadow:0 5px 18px #5979d821}.settings-save-dock .desk-icon{width:17px;height:17px}.tab#tab-settings{padding-bottom:80px}.plan-review .plan-card{padding:0 17px 18px;margin:0;background:none;border:0;box-shadow:none}.plan-review .plan-head{display:none}.draft-banner{font-size:11px;background:#fff7e5b8;border-color:#ebdaba;border-radius:14px}.settings-save-dock .save-btn:disabled{opacity:.65}
.activity-switch{position:relative;isolation:isolate;display:flex;border-radius:14px;background:#e5eaf5a8;padding:4px;gap:0;margin-bottom:18px}.activity-switch button{position:relative;z-index:1;flex:1;background:transparent!important;box-shadow:none!important;border:0;color:#8692a8;font-size:11px;height:36px;font-weight:550;transition:color .2s}.activity-switch button.active{color:#536584}.activity-selection{position:absolute;inset:4px auto 4px 4px;width:calc(50% - 4px);border-radius:11px;background:#ffffffdf;box-shadow:0 2px 8px #52658b0c;transition:transform .4s cubic-bezier(.22,1,.36,1);z-index:0}.activity-switch.past .activity-selection{transform:translateX(100%)}#journalState{font-size:10px;line-height:1.6;color:#8a95a7;min-height:32px}.activity-toolbar{margin:14px 0 13px;font-size:10px;gap:8px;display:flex;justify-content:space-between;align-items:center}.activity-toolbar .input{font-size:11px;min-height:36px;padding:8px 11px;width:auto;max-width:145px;background:#ffffff96;border-color:#ffffff}.icon-button{width:42px;height:42px;background:#ffffff9e;border-color:#fff;border-radius:14px;box-shadow:none;color:#7691d0}.icon-button .desk-icon{width:18px;height:18px}.trade-journal{gap:13px}.trade-card{padding:17px;border-radius:24px;background:#ffffffb8;border-color:white;box-shadow:0 6px 22px #556b8f05;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.trade-card-head{gap:10px;align-items:center}.direction-icon{background:#e8effcd9;color:#6f8dce;width:35px;height:35px;border-radius:12px;flex-shrink:0}.direction-icon .desk-icon{width:19px;height:19px}.direction-icon.put{background:#f6eaf0;color:#b4768d}.trade-title{min-width:0;flex:1}.trade-title b{font-size:12px;font-weight:600;color:#34435d;display:block;overflow-wrap:anywhere}.trade-title span{font-size:9px;color:#929cad;line-height:1.5}.trade-result{font-size:11px;font-weight:600;flex-shrink:0}.trade-result small{font-size:10px;font-weight:400;line-height:1.7}.trade-summary{font-size:12px;line-height:1.7;color:#63718a;margin:14px 0 7px}.trade-card>details>summary{font-size:11px;min-height:42px;color:#6e84bb}.trade-card>details>summary::after{content:"›";font-size:21px;font-weight:400;transform:rotate(90deg);transition:transform .25s;color:#9ca7bd}.trade-card>details[open]>summary::after{transform:rotate(-90deg)}.explanation{border-top:1px solid #7483a515;margin-top:3px;padding-top:10px}.explanation h3{font-size:12px;color:#42516b;font-weight:600;margin:15px 0 9px}.explanation p,.explanation li{font-size:11px;line-height:1.7;color:#7b879d}.explanation ul{padding-left:17px;margin:9px 0}.explanation li{margin:5px 0}.evidence-disclosure{background:#f0f3fa88;border-radius:14px;padding:0 11px;margin:13px 0}.evidence-disclosure>summary{font-size:11px;font-weight:550;min-height:44px;display:flex;align-items:center;justify-content:space-between;list-style:none;color:#7183aa;cursor:pointer}.evidence-disclosure .evidence-grid{padding-bottom:12px;gap:7px}.evidence-pill{border:0;background:#ffffff91;padding:9px;border-radius:10px;font-size:10px;color:#8491a7}.evidence-pill b{font-size:10px;color:#687896;line-height:1.6}.evidence-pill em{font-size:9px}.step-row{position:relative;margin:0 0 12px 11px;padding:9px 0 7px 22px;border:0;border-left:1px solid #dfe5f2;border-radius:0;background:transparent}.step-row::before{content:attr(data-step);position:absolute;left:-11px;top:8px;width:22px;height:22px;display:grid;place-items:center;background:#eaf0fd;border:3px solid #fafbfe;color:#7188c3;border-radius:50%;font-size:9px;font-weight:600}.step-row-header{font-size:11px;color:#4f5f79}.step-row-header>span:last-child{font-size:10px;color:#748cbf}.step-row p{font-size:11px;line-height:1.7;margin:7px 0}.order-ref{font-size:10px;color:#929eb4;margin-top:8px}.order-ref summary{min-height:30px;color:#8192ae}.order-ref code{display:block;font-size:10px;padding-bottom:7px;word-break:break-all}.outcome-callout{background:#edf2fc8f;border-radius:14px;padding:12px;margin-top:8px}.outcome-callout h3{margin:0 0 6px}.outcome-callout p{margin:0}.session-archive{border-radius:22px;background:#ffffff9e;border-color:#fff}.session-archive>summary{font-size:11px}.session-archive>summary small{font-size:10px}.empty-journal{padding:35px 21px;border-radius:24px;background:#ffffffa3}.empty-journal .desk-icon{width:28px;height:28px;margin:0 auto 12px;color:#8d9ecd}.empty-journal b{font-size:15px}.empty-journal{font-size:12px}.insights-disclaimer{font-size:11px;color:#7a879d;border-radius:16px}.insight-bar-top{font-size:11px}.insight-hour-strip{gap:3px}.insights-hour-bar{border-radius:4px}.terminal{font-size:10px;background:#edf0f7}.toast{bottom:calc(166px + env(safe-area-inset-bottom));font-size:12px;border-radius:14px}
.bottom-nav{max-width:438px;width:calc(100% - 28px);border-radius:25px;bottom:calc(12px + env(safe-area-inset-bottom));padding:5px;background:#ffffffaf;border:1px solid #ffffffef;box-shadow:inset 0 1px 0 #fff,0 8px 30px #59688e14;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%)}.nav-thumb{display:block!important;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/4);background:linear-gradient(140deg,#e5ebfbc9,#e8e5f9a8);border:1px solid #ffffffa6;border-radius:20px;box-shadow:inset 0 1px 0 #fff,0 3px 8px #6f83b508;transition:transform .42s cubic-bezier(.22,1,.36,1)}.nav-btn{height:58px;min-height:58px;border-radius:20px;background:transparent!important;box-shadow:none!important;border:0!important;gap:5px;transition:color .25s,transform .2s;color:#8d98ae;overflow:visible}.nav-btn .desk-icon{width:21px;height:21px;transition:transform .35s cubic-bezier(.22,1,.36,1)}.nav-btn.active{color:#657cc1}.nav-btn.active .desk-icon{transform:translateY(-1px)}.nav-btn span{font-size:9px;font-weight:550}.nav-btn.active span{font-weight:600}button:active{transform:scale(.975)}.nav-btn:active{transform:scale(.94)}button:disabled:active{transform:none}.nav-btn:focus-visible{outline-offset:-3px}.tab.active{animation:ios-page-in .4s cubic-bezier(.22,1,.36,1)}.tab.active>*{animation:none!important}.tab.active .hero-card{animation:ios-card-in .48s cubic-bezier(.22,1,.36,1)}.glass-fold>summary,.trade-card summary{touch-action:manipulation}#brandIcon[hidden]{display:none!important}.connect-popup-sheet{border-radius:30px}.admin-sheet{background:#f7f8fce8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.risk-ack-sheet{border-radius:28px}.risk-ack-body{font-size:12px}.proxy-select-menu,.asset-picker-panel{background:#fafbfef5;border-radius:19px;border-color:#fff;backdrop-filter:blur(18px)}.proxy-select-option{min-height:44px}.asset-picker-row{min-height:44px}.app-loading-overlay{background:#f4f5f9}.splash-mark{background:var(--accent-grad);border-radius:25px;box-shadow:0 9px 30px #7386c52a}
@keyframes ios-page-in{from{opacity:.2}to{opacity:1}}@keyframes ios-card-in{from{transform:translateY(6px) scale(.985)}to{transform:translateY(0) scale(1)}}
@media(max-width:359px){.content{padding:20px 13px 12px}.topbar{padding-left:15px;padding-right:15px}.page-heading h1{font-size:29px}.hero-card{padding:18px 16px 16px}.session-value #statProfit{font-size:46px}.hero-eyebrow{font-size:9px}.hero-card .stat-card{padding-left:12px}.saved-plan-grid b{font-size:10px}.trade-card{padding:14px}.trade-title b{font-size:11px}.trade-card-head{gap:8px}.direction-icon{width:30px;height:30px}.brand-title{max-width:155px}.settings-save-dock{width:calc(100% - 26px)}.fold-label small{font-size:10px}.page-heading p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}button:active,.nav-btn:active{transform:none}}
@supports not(backdrop-filter:blur(1px)){.hero-card,.panel,.glass-fold,.trade-card,.bottom-nav{background:#fafbfe}}
/* Reading contrast and alignment for small mobile labels. */
.hero-card .stat-card .stat-label{align-self:flex-start;color:#68768d}.hero-card .stat-card .stat-value{align-self:flex-start;grid-column:auto}.pnl-caption,.saved-plan-grid span,.fold-label small,.field-label,#journalState,.activity-toolbar,.trade-title span,.order-ref,.explanation p,.explanation li,.trade-card .trade-summary{color:#69768d}.eyebrow{color:#737e91}.nav-btn{color:#69768d}.nav-btn.active,.nav-btn.active span{color:#4f68ac}.source-tag{color:#676296}.activity-switch button{color:#69768d}.activity-switch button.active{color:#455775}.icon-button{width:44px;height:44px}.trade-card>details[open]>summary::after{content:"›";transform:rotate(-90deg)}.nav-btn span{font-size:10px}.fold-label small{font-size:11px}
.glass-fold>summary .fold-icon svg{transform:none!important}