:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel-bg:#121923;--panel-muted:#18212d;--border:#2b3746;--border-strong:#3b4b5e;--text:#e5e7eb;--muted:#93a0b2;--blue:#3b82f6;--green:#30c77b;--red:#ef6464;--app-bg:#0d1420;--control-bg:#17212e;--control-active-bg:#2d6fd2;background:#0b1018;font-family:Inter,Segoe UI,Yu Gothic UI,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;height:var(--app-height,100dvh);margin:0;overflow:hidden}body{transform:translateY(calc(-1 * var(--app-offset-top,0px)))}button,select,input{font:inherit}button{letter-spacing:0}.trading-app{height:100%;color:var(--text);transition:padding-right .18s,padding-left .18s;position:relative;background:var(--app-bg)!important;padding:6px 338px 6px 8px!important}.trading-app.trade-panel-collapsed{padding-right:8px!important}.trading-app.paint-practice-open,.trading-app.paint-practice-open.paint-canvas-active{padding-left:8px!important}.trading-app.paint-canvas-active .chart-toolbar,.trading-app.paint-capture-preparing .chart-toolbar,.mobile-portrait-notice{display:none}.chart-toolbar{border-bottom:1px solid var(--border);flex:none;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 10px;min-width:0;padding:2px 2px 5px;display:grid}.paint-practice-open .chart-toolbar{margin-left:48px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stock-selector-row,.timeframe-row,.navigation-row{margin:0!important}.stock-selector-row select,.timeframe-row select,.timeframe-row button,.navigation-row button{min-height:30px}.stock-selector-row{justify-content:flex-start!important}.stock-select-label{position:relative}.stock-select{cursor:pointer;min-width:190px;font-weight:700;min-height:34px!important;color:var(--text)!important;background-color:var(--control-bg)!important;border:1px solid var(--border-strong)!important;border-radius:5px!important;padding:5px 34px 5px 11px!important;font-size:15px!important}.csv-icon-button{width:34px;min-height:34px;color:var(--text);background:var(--panel-muted);border:1px solid var(--border-strong);white-space:nowrap;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:18px;font-weight:700;line-height:1.2;display:inline-flex}.csv-icon-button:hover{border-color:var(--blue)}.csv-icon-button input{display:none}.timeframe-row{min-width:0;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:7px!important}.toolbar-group{min-height:34px;color:var(--text);background:var(--panel-bg);border:1px solid var(--border);border-radius:5px;align-items:center;padding:3px 5px 3px 9px;gap:7px!important;display:inline-flex!important}.toolbar-group-label{color:var(--muted);white-space:nowrap;font-size:11px}.segmented-control{border:1px solid var(--border-strong);border-radius:4px;grid-template-columns:repeat(3,minmax(48px,auto));display:inline-grid;overflow:hidden}.segmented-control button{cursor:pointer;min-height:26px!important;color:var(--muted)!important;background:var(--panel-muted)!important;border:0!important;border-right:1px solid var(--border-strong)!important;border-radius:0!important;padding:3px 11px!important;font-size:12px!important}.segmented-control button:last-child{border-right:0!important}.segmented-control button.is-active{color:#fff!important;background:var(--control-active-bg)!important}.display-bars-group{padding-right:4px}.display-bars-select{min-height:26px!important;color:var(--text)!important;background-color:var(--panel-muted)!important;border:1px solid var(--border-strong)!important;border-radius:4px!important;padding:3px 28px 3px 8px!important;font-size:12px!important}.visible-bars-count{min-width:76px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.navigation-row{grid-column:1/-1;min-width:0;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:6px!important}.bar-navigation-button{min-height:29px!important;color:var(--text)!important;background:var(--control-bg)!important;border-color:var(--border-strong)!important;border-radius:4px!important;padding:4px 10px!important;font-size:12px!important}.current-date-button{min-height:29px;font-weight:650;min-width:206px!important;color:var(--text)!important;background:var(--panel-muted)!important;border-color:var(--border-strong)!important;border-radius:4px!important;padding:4px 11px!important;font-size:12px!important}.selected-date-button{min-height:29px;color:var(--muted);background:var(--control-bg);border:1px dashed var(--border-strong);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:7px;padding:4px 9px;font-size:11px;display:inline-flex}.selected-date-button:disabled{color:var(--muted);cursor:default;opacity:.72}.selected-date-button kbd{color:var(--text);background:var(--panel-muted);border:1px solid var(--border-strong);border-radius:3px;padding:1px 5px;font-family:inherit;font-size:9px}.ohlc-strip{min-height:29px;margin-left:auto;color:var(--muted)!important;border-color:#0000!important;border-left-color:var(--border)!important;background:0 0!important;border-radius:0!important;gap:12px!important;padding:4px 10px!important;font-size:12px!important}.ohlc-strip span{font-variant-numeric:tabular-nums}.navigation-row>div:last-child{text-overflow:ellipsis;overflow:hidden}.chart-stage{min-width:0;margin-top:0;transition:margin-left .18s;position:relative}.bar-count-overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.bar-count-anchor{border-left:2px dashed #facc15;width:0;position:absolute;top:0;bottom:0;transform:translate(-1px)}.bar-count-anchor span,.bar-count-label{color:#0f172a;white-space:nowrap;background:#facc15;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:800;position:absolute;top:12px;box-shadow:0 6px 18px #0000003d}.bar-count-anchor span{left:6px}.bar-count-range{background:#facc151f;border-left:2px dashed #facc15;border-right:2px dashed #facc15;position:absolute;top:0;bottom:0}.bar-count-label{transform:translate(-50%)}.paint-practice-open .chart-stage{margin-left:298px}.paint-canvas-workspace{z-index:6;color:var(--text);background:var(--app-bg);grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:10px;display:grid;position:absolute;inset:0}.paint-canvas-toolbar{background:var(--panel-bg);border:1px solid var(--border);border-radius:5px;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:7px 10px;display:flex}.paint-canvas-toolbar strong,.paint-canvas-toolbar span{display:block}.paint-canvas-toolbar strong{font-size:13px}.paint-canvas-toolbar>div>span{color:var(--muted);margin-top:2px;font-size:10px}.paint-canvas-zoom{border:1px solid var(--border-strong);border-radius:4px;grid-template-columns:28px 52px 28px;align-items:center;display:grid;overflow:hidden}.paint-canvas-zoom button{height:27px;color:var(--muted);background:var(--panel-muted);border:0}.paint-canvas-zoom span{text-align:center;font-size:11px}.paint-canvas-placeholder{background:var(--panel-bg);border:1px solid var(--border-strong);border-radius:4px;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.paint-canvas-placeholder.is-zoomed{justify-content:flex-start;align-items:flex-start;overflow:auto}.paint-drawing-canvas{touch-action:none;background:var(--panel-bg);width:auto;max-width:100%;height:auto;max-height:100%;display:block}.paint-inline-text-input{z-index:3;background:color-mix(in srgb, var(--panel-bg) 94%, transparent);border:1px solid color-mix(in srgb, currentColor 58%, var(--border));box-sizing:border-box;border-radius:5px;outline:2px solid #ffffff1f;grid-template-columns:minmax(0,1fr) 48px 30px;align-items:center;gap:6px;width:360px;min-width:0;padding:6px;font-family:Yu Gothic UI,sans-serif;line-height:1.2;display:grid;position:absolute}.paint-inline-text-input input{background:var(--control-bg);border:1px solid var(--border-strong);box-sizing:border-box;border-radius:4px;outline:none;min-width:0;height:30px;padding:0 8px;font-family:Yu Gothic UI,sans-serif;font-weight:500}.paint-inline-text-input input::placeholder{color:var(--muted)}.paint-inline-text-input button{min-width:0;height:30px;color:var(--text);background:var(--panel-muted);border:1px solid var(--border-strong);cursor:pointer;box-sizing:border-box;border-radius:4px;padding:0 8px;font-size:11px;font-weight:700}.paint-inline-text-input button[type=submit]{color:#fff;background:var(--control-active-bg);border-color:var(--blue)}.paint-inline-text-settings{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:6px;padding-top:2px;display:grid}.paint-inline-text-settings label{min-width:0;color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;font-size:9px;font-weight:700;display:grid}.paint-inline-text-settings select{min-width:0;height:28px;color:var(--text);background:var(--control-bg);border:1px solid var(--border-strong);box-sizing:border-box;border-radius:4px;padding:0 5px;font-size:10px;font-weight:700}.paint-placeholder-grid{opacity:.42;background-image:linear-gradient(#344257 1px,#0000 1px),linear-gradient(90deg,#344257 1px,#0000 1px);background-size:72px 52px;position:absolute;inset:0}.paint-placeholder-chart{position:absolute;inset:20% 8% 18%}.paint-placeholder-chart span{transform-origin:0;border-radius:99px;height:2px;display:block;position:absolute}.paint-placeholder-chart span:first-child{background:#22c55e;width:28%;top:68%;left:2%;transform:rotate(-10deg)}.paint-placeholder-chart span:nth-child(2){background:#ef4444;width:24%;top:59%;left:28%;transform:rotate(13deg)}.paint-placeholder-chart span:nth-child(3){background:#3b82f6;width:22%;top:57%;left:48%;transform:rotate(-22deg)}.paint-placeholder-chart span:nth-child(4){background:#a855f7;width:28%;top:37%;left:66%;transform:rotate(8deg)}.paint-placeholder-chart span:nth-child(5){background:#f59e0b;width:88%;top:75%;left:5%;transform:rotate(-6deg)}.paint-placeholder-message{color:var(--text);background:color-mix(in srgb, var(--panel-bg) 88%, transparent);border:1px solid var(--border-strong);text-align:center;border-radius:5px;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.paint-placeholder-message strong{font-size:14px}.paint-placeholder-message span{color:var(--muted);font-size:11px}.paint-note-area{gap:5px;display:grid}.paint-note-area span{color:var(--muted);font-size:10px}.paint-note-area textarea{resize:none;width:100%;height:56px;color:var(--text);background:var(--panel-bg);border:1px solid var(--border);border-radius:4px;padding:8px 9px;font-size:11px;line-height:1.4}.paint-practice-panel{z-index:12;width:290px;color:var(--text);background:var(--panel-bg);border:1px solid var(--border);text-align:left;opacity:0;pointer-events:none;border-radius:6px;flex-direction:column;transition:transform .18s,opacity .14s;display:flex;position:absolute;top:6px;bottom:6px;left:6px;overflow:hidden;transform:translate(calc(-100% - 12px))}.paint-practice-open .paint-practice-panel{opacity:1;pointer-events:auto;transform:translate(0)}.paint-panel-open-button{z-index:8;width:42px;min-height:112px;color:var(--text);background:var(--panel-bg);border:1px solid var(--border-strong);cursor:pointer;border-radius:0 5px 5px 0;flex-direction:column;justify-content:center;align-items:center;padding:7px 4px;display:flex;position:absolute;top:50%;left:6px;transform:translateY(-50%);box-shadow:0 8px 22px #00000047}.paint-panel-open-arrow{font-size:20px;line-height:1}.paint-panel-open-label{writing-mode:vertical-rl;margin-top:5px;font-size:10px}.paint-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:10px;padding:14px;display:flex}.paint-panel-header h2,.paint-panel-header p{margin:0}.paint-panel-header h2{color:var(--text);font-size:16px}.paint-panel-header p{color:var(--muted);margin-top:6px;font-size:10px;line-height:1.5}.paint-panel-header button{width:28px;height:28px;color:var(--text);background:var(--panel-muted);border:1px solid var(--border-strong);cursor:pointer;border-radius:4px;flex:none;padding:0;font-size:18px}.paint-panel-body{flex:auto;min-height:0;padding:12px;overflow-y:auto}.paint-workflow{color:var(--muted);white-space:nowrap;justify-content:center;align-items:center;gap:4px;margin-bottom:10px;font-size:9px;display:flex}.paint-workflow b{color:var(--border-strong)}.capture-chart-button{color:#fff;background:var(--control-active-bg);border:1px solid var(--blue);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;padding:7px 9px;font-size:12px;font-weight:700;display:flex}.capture-chart-button span{font-size:17px}.capture-chart-help{color:var(--muted);text-align:center;margin:5px 0 12px;font-size:9px}.paint-control-section{border-top:1px solid var(--border);padding:11px 0}.paint-control-section h3{color:var(--text);margin:0 0 8px;font-size:11px}.paint-tool-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.paint-tool-grid button{min-height:34px;color:var(--text);background:var(--control-bg);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:4px;align-items:center;gap:7px;padding:5px 8px;font-size:10px;display:flex}.paint-tool-grid button span{width:18px;color:var(--text);text-align:center;font-size:16px}.paint-tool-grid button.is-selected{color:#fff;background:var(--control-active-bg);border-color:var(--blue)}.paint-eraser-icon{width:20px;height:18px;display:inline-block;position:relative}.paint-eraser-icon:before{content:"";background:linear-gradient(#f4a7b1 0 56%,#e8eef6 56% 100%);border:1px solid #d7e1ed;border-radius:3px 3px 2px 2px;width:11px;height:16px;position:absolute;top:2px;left:5px;transform:rotate(42deg);box-shadow:0 1px 2px #00000059}.paint-eraser-icon:after{content:"";background:#91a0b2;border-radius:50%;width:9px;height:2px;position:absolute;bottom:0;right:0;box-shadow:-5px 2px 0 -.5px #64748b,3px 2px 0 -.5px #64748b}.paint-eraser-icon i{display:none}.paint-tool-grid button:disabled,.paint-color-row button:disabled,.paint-width-row button:disabled{cursor:not-allowed;opacity:.42}.paint-color-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.paint-color-row>button,.paint-custom-color{border:2px solid var(--border-strong);cursor:pointer;border-radius:4px;width:27px;height:27px;padding:0;position:relative}.paint-color-row>button.is-selected,.paint-custom-swatch>button:first-child.is-selected{outline:2px solid var(--text);outline-offset:2px}.paint-custom-swatch{width:27px;height:27px;position:relative}.paint-custom-swatch>button:first-child{border:2px solid var(--border-strong);cursor:pointer;border-radius:4px;width:27px;height:27px;padding:0}.paint-custom-swatch .paint-custom-swatch-remove{color:#fff;cursor:pointer;background:#9f2f39;border:1px solid #e37078;border-radius:50%;width:15px;height:15px;padding:0;font-size:10px;line-height:12px;position:absolute;top:-7px;right:-7px}.paint-custom-color{color:var(--muted);background:var(--control-bg);place-items:center;font-size:15px;display:grid}.paint-custom-color input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.paint-width-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.paint-width-row button{background:var(--control-bg);border:1px solid var(--border);cursor:pointer;border-radius:4px;place-items:center;min-height:30px;display:grid}.paint-width-row button span{background:var(--text);border-radius:99px;width:28px;max-height:6px;display:block}.paint-width-row button.is-selected{background:var(--control-active-bg);border-color:var(--blue)}.paint-action-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.paint-action-grid button{min-height:31px;color:var(--muted);background:var(--control-bg);border:1px solid var(--border);border-radius:4px;font-size:10px}.paint-action-grid button:not(:disabled){color:var(--text);cursor:pointer}.paint-action-grid button:last-child{grid-column:1/-1}.paint-panel-footer{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:6px;padding:10px 12px;display:grid}.paint-panel-footer button{min-height:32px;color:var(--text);background:var(--panel-muted);border:1px solid var(--border-strong);border-radius:4px;font-size:10px}.paint-panel-footer button:first-child{color:#fff;background:var(--control-active-bg);border-color:var(--blue)}.paint-panel-footer button:last-child{grid-column:1/-1}.paint-panel-footer button:disabled{cursor:not-allowed;opacity:.45}.paint-status-message{color:var(--text);background:var(--panel-muted);border:1px solid var(--border);border-radius:4px;margin:8px 0 0;padding:7px 8px;font-size:10px;line-height:1.4}.paint-history-backdrop{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#03070db8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.paint-history-dialog{width:min(880px,100%);max-height:min(680px,100dvh - 48px);color:var(--text);background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;overflow:hidden;box-shadow:0 24px 70px #0000007a}.paint-history-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.paint-history-header h2{color:var(--text);margin:0;font-size:16px}.paint-history-header span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.paint-history-header button{width:30px;height:30px;color:var(--text);background:var(--panel-muted);border:1px solid var(--border-strong);cursor:pointer;border-radius:4px;padding:0;font-size:20px}.empty-paint-history{color:var(--muted);text-align:center;padding:48px 16px;font-size:13px}.paint-history-list{max-height:600px;padding:10px;overflow-y:auto}.paint-history-item{border-bottom:1px solid #293747;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px;display:grid}.paint-history-item img{aspect-ratio:16/9;object-fit:cover;background:var(--app-bg);border:1px solid var(--border-strong);border-radius:4px;width:180px}.paint-history-item strong,.paint-history-item span,.paint-history-item small{display:block}.paint-history-item strong{font-size:13px}.paint-history-item span{color:var(--muted);margin-top:3px;font-size:11px}.paint-history-item small{color:var(--muted);margin-top:2px;font-size:9px}.paint-history-item p{max-width:460px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:7px 0 0;font-size:10px;overflow:hidden}.paint-history-actions{gap:6px;display:grid}.paint-history-actions button{min-width:76px;min-height:29px;color:var(--text);background:var(--panel-muted);border:1px solid var(--border-strong);cursor:pointer;border-radius:4px;font-size:10px}.paint-history-actions button:last-child{color:#f2aaaa;border-color:#61353c}.trade-panel{width:322px;color:var(--text);text-align:left;background:var(--panel-bg);border:1px solid var(--border);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:6px;transition:transform .18s,opacity .14s;display:block;position:absolute;top:6px;bottom:6px;right:6px;overflow:hidden auto}.trade-panel-collapsed .trade-panel{opacity:0;pointer-events:none;transform:translate(calc(100% + 12px))}.trade-section{border-bottom:1px solid var(--border);padding:13px 15px}.trade-section h2{color:var(--text);letter-spacing:0;margin:0;font-size:14px;font-weight:700;line-height:1.3}.section-heading-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-header-actions{align-items:center;gap:6px;display:flex}.panel-toggle-button,.panel-open-button{color:var(--text);background:var(--panel-muted);border:1px solid var(--border-strong);cursor:pointer}.panel-toggle-button{border-radius:4px;width:26px;height:26px;padding:0;font-size:22px;line-height:1}.panel-open-button{z-index:8;border-radius:5px 0 0 5px;flex-direction:column;justify-content:center;align-items:center;width:42px;min-height:82px;padding:6px 4px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%);box-shadow:0 8px 22px #00000047}.panel-open-arrow{font-size:20px;line-height:1}.panel-open-label{writing-mode:vertical-rl;margin-top:4px;font-size:11px}.mock-badge{color:var(--muted);background:var(--panel-muted);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:10px}.position-display{grid-template-columns:1fr 24px 1fr;align-items:end;margin-top:12px;display:grid}.position-side{justify-content:center;align-items:baseline;gap:10px;display:flex}.position-side span{color:var(--muted);font-size:13px}.position-side strong{font-variant-numeric:tabular-nums;font-size:36px;line-height:1}.position-short strong{color:#f27b7b}.position-long strong{color:#42d18b}.position-separator{color:var(--muted);text-align:center;font-size:25px;line-height:1.2}.position-caption{color:var(--muted);border-top:1px solid #222e3d;justify-content:space-between;margin-top:9px;padding-top:9px;font-size:12px;display:flex}.position-caption strong{color:#d9e0e9;font-weight:600}.icon-button{min-width:50px;height:25px;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;padding:0 7px;font-size:11px}.profit-list{margin:8px 0 0}.profit-list>div{justify-content:space-between;align-items:center;min-height:27px;font-size:13px;display:flex}.profit-list dt{color:var(--muted)}.profit-list dd{font-variant-numeric:tabular-nums;margin:0;font-weight:650}.profit-positive{color:var(--green)}.profit-negative{color:var(--red)}.profit-neutral{color:var(--text)}.profit-total{border-top:1px solid var(--border);margin-top:4px;padding-top:7px}.profit-total dt,.profit-total dd{color:var(--text);font-size:15px;font-weight:700}.profit-total dd.profit-positive{color:var(--green)}.profit-total dd.profit-negative{color:var(--red)}.trade-score-heading{border-top:1px solid var(--border);margin-top:10px;padding-top:9px}.trade-score{color:var(--muted);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:7px;margin-top:7px;font-size:12px;display:grid}.trade-score strong{border-radius:999px;padding:2px 6px;font-size:12px;font-weight:800}.score-win{color:var(--green);background:color-mix(in srgb, var(--green) 14%, transparent)}.score-loss{color:var(--red);background:color-mix(in srgb, var(--red) 14%, transparent)}.score-draw{color:var(--muted);background:color-mix(in srgb, var(--panel-muted) 80%, transparent)}.order-section{min-height:auto}.order-action-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.order-action{min-height:48px;color:var(--text);background:var(--control-bg);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:5px;padding:6px 7px}.order-action strong,.order-action span{display:block}.order-action strong{font-size:12px;font-weight:700}.order-action span{color:var(--muted);margin-top:2px;font-size:10px}.quick-order-action{text-align:center;min-height:54px}.quick-order-action strong{font-size:15px}.quick-order-action span{font-size:11px}.order-action:hover{border-color:var(--border-strong)}.order-action:disabled,.lot-stepper button:disabled{cursor:not-allowed;opacity:.5}.order-action.is-selected{background:color-mix(in srgb, var(--control-active-bg) 22%, var(--panel-bg));border-color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}.order-action.is-selected.is-short{border-color:#d66b6b;box-shadow:inset 3px 0 #e56f6f}.lot-control-row{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.field-label,.lot-setting{display:block}.field-label{color:var(--text);font-size:12px;font-weight:650}.lot-summary{color:var(--muted);margin-top:3px;font-size:10px;display:block}.order-detail-settings{color:var(--muted);margin-top:8px;font-size:11px}.order-detail-settings summary{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;list-style:none;display:inline-flex}.order-detail-settings summary::-webkit-details-marker{display:none}.order-detail-settings summary:after{content:">";color:var(--muted);font-size:10px;transition:transform .15s}.order-detail-settings[open] summary:after{transform:rotate(90deg)}.lot-setting{color:var(--muted);background:color-mix(in srgb, var(--panel-muted) 74%, transparent);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:7px 9px;font-size:11px;display:flex}.lot-setting-control{color:var(--text);justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.lot-setting input{width:58px;height:22px;color:var(--text);background:var(--control-bg);border:1px solid var(--border-strong);text-align:right;border-radius:3px;margin:0;padding:1px 4px;font-size:10px}.lot-setting input:disabled{opacity:.55}.instrument-unit-summary{color:var(--muted);background:color-mix(in srgb, var(--panel-muted) 80%, transparent);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:7px 9px;font-size:11px;display:flex}.instrument-unit-summary strong{color:var(--text);text-align:right;font-weight:700}.lot-stepper{border:1px solid var(--border-strong);border-radius:5px;grid-template-columns:30px 52px 30px;align-items:center;height:32px;display:grid;overflow:hidden}.lot-stepper button{height:100%;color:var(--text);background:var(--panel-muted);cursor:pointer;border:0;padding:0;font-size:18px}.lot-stepper strong{text-align:center;font-variant-numeric:tabular-nums;font-size:13px}.execution-row,.order-preview{justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;display:flex}.execution-row{color:var(--muted)}.execution-row strong{color:var(--text)}.order-preview{background:var(--control-bg);border:1px solid var(--border);color:var(--muted);border-radius:5px;padding:8px 9px}.order-preview strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:16px}.submit-order-button{color:#fff;background:var(--control-active-bg);border:1px solid var(--blue);cursor:pointer;border-radius:5px;width:100%;min-height:36px;margin-top:9px;font-size:13px;font-weight:700}.submit-order-button:hover{filter:brightness(1.08)}.submit-order-button:disabled{color:var(--muted);background:var(--panel-muted);border-color:var(--border);cursor:not-allowed}.pending-order{background:var(--panel-muted);border:1px solid var(--border-strong);border-radius:5px;gap:7px;margin-top:10px;padding:9px;display:grid}.pending-order>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.pending-order-row{border-top:1px solid #4755698c;padding-top:6px}.pending-order-row strong{flex:auto}.pending-order span{color:var(--muted);font-size:10px}.pending-order strong{color:var(--text);font-size:11px}.pending-order button{min-height:28px;color:var(--text);background:var(--control-bg);border:1px solid var(--border-strong);cursor:pointer;border-radius:4px;font-size:11px}.order-message{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.35}.trade-panel-footer{grid-template-columns:1fr 1fr;gap:6px;padding:10px 12px;display:grid}.trade-panel-footer button{min-height:30px;color:var(--text);background:var(--panel-muted);border:1px solid var(--border);cursor:pointer;border-radius:4px;font-size:11px}.trade-panel-footer button:disabled{cursor:not-allowed;opacity:.45}.trade-panel-footer .reset-button{color:var(--muted);background:0 0;border-color:#0000;grid-column:1/-1}.trade-log-backdrop{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04080eb3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.trade-log-dialog{width:min(760px,100%);max-height:min(620px,100dvh - 48px);color:var(--text);background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;overflow:hidden;box-shadow:0 24px 70px #00000073}.trade-log-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.trade-log-header h2{color:var(--text);margin:0;font-size:16px}.trade-log-header span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.trade-log-header button{width:30px;height:30px;color:var(--text);background:var(--panel-muted);border:1px solid var(--border-strong);cursor:pointer;border-radius:4px;padding:0;font-size:20px}.empty-trade-log{color:var(--muted);text-align:center;padding:42px 16px;font-size:13px}.trade-log-list{max-height:520px;padding:10px;overflow-y:auto}.trade-log-row{background:color-mix(in srgb, var(--panel-muted) 72%, transparent);border:1px solid var(--border);cursor:pointer;border-radius:6px;grid-template-columns:1.25fr 1fr 1fr .8fr .9fr;gap:9px 14px;margin-bottom:8px;padding:11px;transition:border-color .12s,box-shadow .12s,background .12s;display:grid}.trade-log-row.is-active{background:color-mix(in srgb, var(--panel-muted) 84%, var(--blue) 16%);border-color:var(--blue);box-shadow:0 0 0 1px color-mix(in srgb, var(--blue) 44%, transparent)}.trade-log-row.is-related{background:color-mix(in srgb, var(--panel-muted) 82%, #f59e0b 18%);border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b70}.trade-log-row>div{min-width:0}.trade-log-summary{border-bottom:1px solid var(--border);grid-column:1/-1;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:8px;display:flex}.trade-log-summary>div{flex:auto;min-width:0}.trade-log-summary strong{margin:0;font-size:13px}.trade-log-summary span{color:var(--text);margin-top:3px;font-size:12px}.trade-log-summary button{min-height:26px;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;flex:none;padding:4px 8px;font-size:11px}.trade-log-summary button:hover{color:#fff;background:#7f1d1d;border-color:#ef4444}.trade-outcome-badge{border-radius:999px;flex:none;padding:4px 8px;font-size:11px;font-weight:800;line-height:1}.trade-outcome-badge.win{color:var(--green);background:color-mix(in srgb, var(--green) 15%, transparent);border:1px solid color-mix(in srgb, var(--green) 42%, transparent)}.trade-outcome-badge.loss{color:var(--red);background:color-mix(in srgb, var(--red) 15%, transparent);border:1px solid color-mix(in srgb, var(--red) 42%, transparent)}.trade-outcome-badge.draw{color:var(--muted);background:color-mix(in srgb, var(--panel-muted) 78%, transparent);border:1px solid var(--border)}.trade-log-closed-list{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.trade-log-closed-list span{color:var(--muted);background:var(--panel-bg);border:1px solid var(--border);border-radius:999px;padding:3px 6px;font-size:10px}.trade-log-closed-list strong{margin:0;font-size:10px;display:inline}.trade-log-row span,.trade-log-row strong{display:block}.trade-log-row strong.profit-positive{color:var(--green)}.trade-log-row strong.profit-negative{color:var(--red)}.trade-log-row span{color:var(--muted);font-size:10px}.trade-log-row strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}@keyframes chart-spin{to{transform:rotate(360deg)}}@media (width<=1180px){.trading-app{padding-right:294px!important}.trade-panel{width:278px}.trading-app.paint-practice-open,.trading-app.paint-practice-open.paint-canvas-active{padding-left:8px!important}.paint-practice-panel{width:262px}.paint-practice-open .chart-stage{margin-left:270px}.trade-section{padding-left:11px;padding-right:11px}.position-side strong{font-size:31px}.chart-toolbar{grid-template-columns:auto minmax(0,1fr)}.paint-practice-open .chart-toolbar{margin-left:0}.timeframe-row{min-width:0}.stock-select{width:160px;min-width:160px}.ohlc-strip{gap:7px!important}}@media (height<=780px){.trade-section{padding-top:9px;padding-bottom:9px}.position-display{margin-top:7px}.position-side strong{font-size:29px}.profit-list>div{min-height:23px}.order-action{min-height:42px}.lot-control-row{margin-top:8px}.paint-panel-header{padding:10px 12px}.paint-panel-body{padding:9px 11px}.paint-control-section{padding:8px 0}.paint-tool-grid button{min-height:31px}.paint-panel-footer{padding:8px 10px}}@media (width<=1100px) and (orientation:landscape),(height<=560px) and (orientation:landscape){.trading-app{padding:3px!important}.trading-app:not(.trade-panel-collapsed){padding-right:326px!important}.trading-app.paint-practice-open,.trading-app.paint-practice-open.paint-canvas-active{padding-left:3px!important}.paint-practice-open .chart-stage{margin-left:260px}.chart-toolbar{gap:3px 5px;padding:1px 1px 3px}.paint-practice-open .chart-toolbar{margin-left:0}.stock-select{width:138px;min-width:138px;min-height:28px!important;padding:3px 28px 3px 8px!important;font-size:12px!important}.csv-icon-button{width:28px;min-height:28px;font-size:15px}.toolbar-group{min-height:28px;padding:2px 4px;gap:4px!important}.toolbar-group-label,.visible-bars-count{display:none}.segmented-control{grid-template-columns:repeat(3,minmax(38px,auto))}.segmented-control button,.display-bars-select{min-height:24px!important;padding-top:2px!important;padding-bottom:2px!important;font-size:11px!important}.navigation-row{overflow:hidden;gap:4px!important}.bar-navigation-button,.current-date-button,.selected-date-button{min-height:26px!important;padding:3px 7px!important;font-size:11px!important}.current-date-button{min-width:168px!important}.selected-date-button{text-overflow:ellipsis;max-width:230px;overflow:hidden}.ohlc-strip{display:none!important}.panel-open-button,.paint-panel-open-button{width:34px;min-height:64px;padding:4px 3px}.panel-open-label,.paint-panel-open-label{font-size:10px}.trade-panel{z-index:22;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:min(320px,100vw - 48px);display:block;top:3px;bottom:3px;right:3px;overflow:hidden auto;box-shadow:0 18px 46px #0000007a}.trade-panel-collapsed .trade-panel{transform:translate(calc(100% + 8px))}.trade-section{padding:9px 11px}.trade-section h2{font-size:13px}.position-display{margin-top:8px}.position-side strong{font-size:30px}.position-caption{margin-top:7px;padding-top:7px;font-size:11px}.profit-list>div{min-height:22px;font-size:12px}.order-action-grid{gap:6px}.order-action{min-height:42px;padding:7px}.order-section{flex:none;min-height:auto}.lot-control-row{margin-top:8px}.execution-row,.order-preview{margin-top:7px;font-size:11px}.submit-order-button{min-height:32px;margin-top:7px;font-size:12px}.chart-memo-section{display:none}.trade-panel-footer{gap:5px;padding:7px 10px}.trade-panel-footer button{min-height:28px;font-size:10px}.paint-practice-panel{width:252px}.paint-canvas-workspace{gap:5px;padding:6px}.paint-note-area textarea{min-height:42px}}@media (height<=560px) and (orientation:landscape){.trading-app:not(.trade-panel-collapsed){padding-right:212px!important}.trade-panel{width:min(206px,100vw - 44px)}.trade-section{padding:6px 7px}.panel-header-actions{gap:4px}.mock-badge{padding:1px 5px;font-size:9px}.trade-section h2{font-size:12px}.position-display{margin-top:6px}.position-side{gap:7px}.position-side span{font-size:11px}.position-side strong{font-size:24px}.position-caption{margin-top:6px;padding-top:6px;font-size:10px}.profit-list{margin-top:6px}.profit-list>div{min-height:19px;font-size:11px}.profit-total{padding-top:5px}.profit-total dt,.profit-total dd{font-size:13px}.order-action-grid{gap:4px;margin-top:7px}.order-action{min-height:32px;padding:4px}.order-action strong{font-size:11px}.order-action span{font-size:9px}.lot-control-row{flex-direction:column;align-items:flex-start;gap:5px}.lot-stepper{grid-template-columns:28px 1fr 28px;align-self:stretch;height:28px}.lot-setting input{width:42px}.execution-row{flex-direction:column;align-items:flex-start;gap:2px}}@media (width<=768px) and (orientation:portrait){.mobile-portrait-notice{z-index:40;color:#dce7f5;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#0a1018e0;border:1px solid #33465d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px;display:flex;position:absolute;inset:8px}.mobile-portrait-notice strong{color:#f8fafc;font-size:18px}.mobile-portrait-notice span{color:#aebbd0;max-width:280px;font-size:13px;line-height:1.55}.trading-app{padding:4px!important}.chart-toolbar{grid-template-columns:1fr;gap:4px}.stock-selector-row,.timeframe-row,.navigation-row{flex-wrap:wrap!important}.ohlc-strip,.selected-date-button,.visible-bars-count{display:none!important}.panel-open-button,.paint-panel-open-button{width:34px;min-height:62px}}