:root{color-scheme:light;--bg:#f5f6f8;--surface:#fff;--sidebar:#fafafc;--text:#20232a;--muted:#7b818e;--soft:#a3a8b2;--line:#e9ebef;--fill:#f4f5f7;--blue:#007aff;--bluefill:#eaf2ff;--up:#df4c5a;--upfill:#fff0f2;--down:#138760;--downfill:#eaf7f1;--shadow:0 6px 28px #202c4310;--ring:0 0 0 3px #007aff28}
:root[data-theme=dark]{color-scheme:dark;--bg:#151619;--surface:#202125;--sidebar:#1a1b1f;--text:#f3f4f6;--muted:#a0a5af;--soft:#777e8c;--line:#34363e;--fill:#2b2d33;--blue:#5aabff;--bluefill:#243957;--up:#ff7480;--upfill:#40252d;--down:#50c79a;--downfill:#1d3b31;--shadow:0 6px 28px #0002}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}button,a,input,select{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid var(--blue)}input:focus,select:focus{outline:none;border-color:var(--blue)!important;box-shadow:var(--ring)}svg{display:block;flex:none}button svg{pointer-events:none}h1,h2,h3,p{margin:0}h2{font-size:17px;font-weight:650}h3{font-size:15px;font-weight:600}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.up{color:var(--up)}.down{color:var(--down)}.muted{color:var(--muted)}.blue{color:var(--blue)}.hide{display:none!important}.app-shell{display:flex;min-height:100vh}.sidebar{width:188px;flex:none;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:33px 15px 0;background:var(--sidebar);border-right:1px solid var(--line);z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 9px;font-size:22px;font-weight:700;letter-spacing:-.5px}.brand-small{font-size:13px;font-weight:500;display:block;line-height:1.2;color:var(--muted);letter-spacing:3px}.brand img{width:37px;height:37px}.workspace-label{font-size:11px;color:var(--soft);margin:36px 13px 12px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border-radius:10px;padding:11px 12px;margin-bottom:5px;font-weight:500;color:var(--muted);text-align:left;min-height:43px}.nav-item svg{width:19px;height:19px}.nav-item:hover{background:var(--fill);color:var(--text)}.nav-item.active{color:var(--blue);background:var(--bluefill)}.nav-item .badge{margin-left:auto;font-size:11px}.sidebar-bottom{margin-top:auto}.sidebar-bottom .nav-item{font-size:13px}.local-account{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);padding:20px 0;margin-top:16px;font-size:12px}.local-account small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;color:#fff;background:linear-gradient(140deg,#e8a5b9,#c67b97);font-size:13px;font-weight:500}.avatar.small{width:30px;height:30px;font-size:12px}.account-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#36b37e;margin-left:auto}.workspace{margin-left:188px;padding:0 30px;width:calc(100% - 188px);max-width:1900px}.topbar{height:99px;display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:9px;color:var(--soft);font-weight:600;letter-spacing:1.7px}h1{font-size:24px;font-weight:650;letter-spacing:-.6px;margin-top:3px}.topbar-right{display:flex;gap:18px;align-items:center}.simulation-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);border:1px solid var(--line);padding:4px 9px;border-radius:6px;background:var(--surface)}.simulation-label i{width:5px;height:5px;border-radius:50%;background:var(--blue)}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--muted)}.icon-button:hover{background:var(--fill);color:var(--text)}.icon-button svg{width:17px;height:17px}.market-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:19px}.market-date{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.market-date b{color:var(--text);font-size:13px;font-weight:600}.status-dot{display:inline-block;height:5px;width:5px;margin-right:5px;border-radius:50%;background:var(--blue)}.clock-controls{display:flex;align-items:center;gap:9px}.clock-controls .clock{font-size:14px;font-weight:600;color:var(--text)}.clock-controls .status{color:var(--muted);font-size:11px;margin-right:8px}.control-group{display:flex;gap:3px;align-items:center;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.control-group button{display:flex;align-items:center;justify-content:center;min-width:28px;height:26px;border-radius:5px;color:var(--muted);font-size:11px}.control-group button:hover{background:var(--fill)}.control-group button.primary{background:var(--blue);color:#fff}.control-group button svg{width:12px;height:12px}.speed-select{background:none;color:var(--muted);border:none;font-size:11px;cursor:pointer;padding:2px;width:44px}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;min-height:34px;padding:7px 12px;background:var(--surface);border:1px solid var(--line);font-size:12px;font-weight:500}.button svg{width:14px;height:14px}.button:hover{background:var(--fill)}.button.primary{color:#fff;background:var(--blue);border-color:transparent}.button.primary:hover{filter:brightness(.96)}.button.link{color:var(--blue);border:0;background:none;padding-right:0}.indices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.index-tile{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:8px}.index-name{font-size:12px;color:var(--muted);margin-bottom:3px}.index-value{font-size:23px;letter-spacing:-.7px;font-weight:600}.index-change{font-size:11px;font-weight:500;margin-top:3px;display:flex;gap:10px}.index-spark{width:99px;height:40px;opacity:.9}.asset-summary{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:20px;margin:6px 2px 25px}.metric-label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.metric-value{font-size:22px;font-weight:600;letter-spacing:-.6px;margin-top:4px}.metric-value.total{font-size:28px;line-height:1.32}.metric-value .currency{font-size:16px;font-weight:400;color:var(--muted);margin-right:6px}.metric-note{color:var(--muted);font-size:10px;margin-top:3px}.workspace-grid{display:grid;grid-template-columns:236px minmax(0,1fr) 272px;gap:14px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:17px 17px 12px;gap:8px}.panel-head h2{font-size:14px}.small-label{font-size:10px;color:var(--muted)}.search-field{position:relative;margin:0 12px 9px}.search-field svg{position:absolute;width:13px;height:13px;left:10px;top:12px;color:var(--soft)}.search-field input{width:100%;border:1px solid transparent;background:var(--fill);height:36px;color:var(--text);border-radius:7px;padding:7px 28px 7px 31px;font-size:11px}.search-field .clear-search{position:absolute;right:4px;top:3px;height:30px;width:24px;color:var(--muted)}.list-tabs{display:flex;gap:18px;padding:0 16px 9px;border-bottom:1px solid var(--line)}.list-tabs button{font-size:11px;color:var(--muted);padding:6px 0;position:relative}.list-tabs button.active{color:var(--blue);font-weight:600}.list-tabs button.active:after{content:"";height:2px;position:absolute;bottom:-10px;left:0;right:0;background:var(--blue);border-radius:2px}.stock-row{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:57px;text-align:left;padding:9px 13px;border-bottom:1px solid var(--line);position:relative}.stock-row:last-child{border-bottom:0}.stock-row:hover{background:var(--fill)}.stock-row.selected{background:var(--bluefill)}.stock-row.selected:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--blue)}.stock-logo{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-size:11px;font-weight:600;background:color-mix(in srgb,var(--stock-color) 10%,transparent);color:var(--stock-color)}.stock-name{font-size:11px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-code{font-size:9px;color:var(--muted);margin-top:3px}.stock-quote{text-align:right;font-size:12px;font-weight:550}.stock-quote small{display:block;font-size:10px;margin-top:2px;font-weight:400}.list-foot{border-top:1px solid var(--line);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted)}.center-column{min-width:0}.chart-panel{min-height:473px}.quote-header{padding:19px 21px 8px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.quote-name{display:flex;gap:8px;align-items:center}.quote-name h2{font-size:17px}.sector-tag{font-size:9px;padding:2px 5px;background:var(--fill);border:1px solid var(--line);border-radius:4px;color:var(--muted);white-space:nowrap}.quote-code{font-size:10px;color:var(--muted);margin-top:5px}.watch-button{color:var(--soft)}.watch-button.active{color:#e2ab39}.quote-price{display:flex;gap:12px;align-items:baseline;padding:0 21px}.quote-price strong{font-size:34px;font-weight:600;letter-spacing:-1px}.quote-price span{font-size:12px;font-weight:550}.quote-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:9px 21px 15px;border-bottom:1px solid var(--line)}.quote-stats .metric-label{font-size:9px}.quote-stats .value{font-size:11px;margin-top:3px;font-weight:500}.chart-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 1px}.segmented{display:flex;gap:2px;align-items:center;padding:3px;background:var(--fill);border-radius:7px}.segmented button{font-size:10px;color:var(--muted);padding:4px 10px;border-radius:5px;min-height:25px}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000010}.chart-legend{display:flex;gap:10px;font-size:9px;color:var(--muted)}.chart-legend span:before{content:"";display:inline-block;width:7px;height:2px;vertical-align:3px;margin-right:4px;background:var(--blue)}.chart-legend span:last-child:before{background:#dfae59}.chart-area{position:relative;margin:0 6px;touch-action:pan-y}.chart-area canvas{width:100%;height:249px;display:block}.chart-tip{position:absolute;left:12px;top:10px;font-size:11px;padding:6px 9px;border-radius:6px;border:1px solid var(--line);background:var(--surface);pointer-events:none;box-shadow:var(--shadow)}.chart-foot{padding:5px 18px 11px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);gap:8px}.market-insight{margin-top:14px;padding:16px 19px}.insight-top{display:flex;justify-content:space-between;align-items:center}.insight-top h3{font-size:12px}.breadth-bar{display:flex;height:5px;border-radius:5px;overflow:hidden;margin:14px 0 7px;gap:3px}.breadth-bar>i{background:var(--up);border-radius:3px}.breadth-bar>i:nth-child(2){background:#c5c9d0}.breadth-bar>i:nth-child(3){background:var(--down)}.breadth-legend{display:flex;justify-content:space-between;font-size:10px}.sector-list{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:9px 20px}.sector-list button{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:10px}.sector-list button span:first-child{color:var(--muted)}.order-panel .panel-head{padding-bottom:12px}.order-side{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--fill);border-radius:8px;margin:0 16px 15px;padding:3px}.order-side button{border-radius:6px;font-size:12px;font-weight:550;height:31px;color:var(--muted)}.order-side button.active.buy{background:var(--upfill);color:var(--up);box-shadow:0 1px 3px #00000009}.order-side button.active.sell{background:var(--downfill);color:var(--down);box-shadow:0 1px 3px #00000009}.order-form{padding:0 16px 17px}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin:12px 0 6px}.field-label label{display:flex;align-items:center;gap:5px}.order-type{font-size:9px;color:var(--text);background:var(--fill);border-radius:4px;padding:2px 5px}.input-wrap{display:flex;position:relative;align-items:center}.input-wrap input{width:100%;min-width:0;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;height:39px;padding:8px 32px 8px 11px;font-size:14px;font-weight:500}.input-wrap .unit{position:absolute;right:10px;font-size:10px;color:var(--muted);pointer-events:none}.price-adjust{display:flex;gap:4px;flex:none;margin-left:5px}.price-adjust button{border:1px solid var(--line);border-radius:6px;height:34px;width:25px;color:var(--muted)}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.quick-amounts button{font-size:9px;border:1px solid var(--line);border-radius:5px;height:25px;color:var(--muted)}.quick-amounts button:hover{color:var(--blue);border-color:var(--blue)}.order-available{display:flex;justify-content:space-between;margin-top:10px;font-size:9px;color:var(--muted)}.order-available b{font-weight:500;color:var(--text)}.estimates{border-top:1px solid var(--line);margin-top:14px;padding-top:9px}.estimate-row{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;padding:3px 0}.estimate-row strong{font-weight:500;color:var(--text)}.order-submit{width:100%;border-radius:8px;height:39px;font-size:12px;font-weight:550;color:#fff;background:var(--up);margin-top:12px;transition:filter .15s,transform .15s}.order-submit.sell{background:var(--down)}.order-submit:hover{filter:brightness(.96)}.order-submit:active{transform:scale(.985)}.order-note{font-size:9px;line-height:1.5;color:var(--muted);text-align:center;margin-top:9px}.form-error{font-size:10px;color:var(--up);margin-top:8px;line-height:1.5}.book{border-top:1px solid var(--line);padding:13px 16px 15px}.book-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:550}.book-heading span:last-child{font-weight:400;font-size:9px;color:var(--muted)}.book-labels{display:flex;justify-content:space-between;color:var(--soft);font-size:9px;margin:10px 0 5px}.book-row{display:grid;grid-template-columns:31px 1fr 45px;gap:8px;position:relative;align-items:center;height:21px;font-size:10px;isolation:isolate}.book-row .depth{position:absolute;inset:2px 0 2px auto;background:var(--upfill);z-index:-1;border-radius:2px;max-width:80%}.book-row.bid .depth{background:var(--downfill)}.book-row span:first-of-type{color:var(--muted);font-size:9px}.book-row button{text-align:right;padding:0;font-variant-numeric:tabular-nums;color:var(--up)}.book-row.bid button{color:var(--down)}.book-row span:last-child{text-align:right;color:var(--muted)}.book-mid{display:flex;justify-content:space-between;font-size:11px;font-weight:600;padding:6px 0;margin:4px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}.book-mid small{font-size:9px;font-weight:400;color:var(--muted)}.account-panel{margin-top:16px;grid-column:2/4;min-width:0}.account-tabs{display:flex;align-items:center;gap:22px;padding:0 18px;border-bottom:1px solid var(--line);height:48px}.account-tabs button{font-size:11px;color:var(--muted);height:100%;position:relative;white-space:nowrap}.account-tabs button.active{font-weight:600;color:var(--blue)}.account-tabs button.active:after{content:"";height:2px;background:var(--blue);position:absolute;bottom:0;left:0;right:0}.count{font-size:9px;padding:1px 4px;margin-left:4px;background:var(--fill);border-radius:4px;color:var(--muted)}.account-tabs .export{margin-left:auto;font-size:10px;color:var(--muted)}.empty-state{padding:26px 15px 28px;text-align:center}.empty-symbol{display:flex;justify-content:center;color:#bdc7d5;margin:0 0 9px}.empty-symbol svg{width:27px;height:27px}.empty-state h3{font-size:12px;font-weight:500}.empty-state p{font-size:10px;color:var(--muted);margin-top:5px}.empty-state .button{margin-top:13px}.table-wrap{overflow-x:auto;min-width:0}.data-table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:11px;text-align:right}.data-table th{font-size:9px;color:var(--muted);font-weight:400;background:color-mix(in srgb,var(--fill) 60%,var(--surface));padding:9px 14px}.data-table td{padding:12px 14px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}.data-table td:first-child,.data-table th:first-child{text-align:left;padding-left:19px}.data-table small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.data-table td .trade-link{color:var(--blue);font-size:10px;padding:3px 4px}.status-badge{display:inline-block;font-size:9px;color:var(--muted);background:var(--fill);border-radius:4px;padding:2px 5px}.status-badge.open,.status-badge.partial{color:var(--blue);background:var(--bluefill)}.status-badge.filled{color:var(--down);background:var(--downfill)}.account-foot{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);padding:10px 18px;border-top:1px solid var(--line)}.account-panel.standalone{margin-top:20px}.account-panel.standalone .empty-state{padding:65px 20px}.headline-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:10px}.headline-row h2{font-size:17px}.review-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.review-chart{padding:23px}.review-chart canvas{width:100%;height:240px}.review-stat{padding:22px}.review-stat h2{margin-bottom:15px}.stat-line{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.stat-line:last-child{border-bottom:0}.stat-line span{color:var(--muted)}.journal{margin-top:20px;padding:22px}.journal h2{margin-bottom:10px}.journal-row{display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}.journal-row:last-child{border:0}.journal-row time{font-size:10px;color:var(--muted)}.news-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px}.news-feed{padding:25px}.news-feed h2{margin-bottom:20px}.news-item{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--line)}.news-item time{color:var(--muted);font-size:11px}.news-item h3{font-size:13px;margin-bottom:6px;font-weight:550}.news-item p{font-size:11px;color:var(--muted);line-height:1.8}.news-tag{color:var(--blue);font-size:9px;background:var(--bluefill);border-radius:4px;padding:2px 5px;display:inline-block;margin-bottom:6px}.rules-aside{padding:23px}.rules-aside h3{margin-bottom:15px}.rules-aside p{font-size:12px;color:var(--muted);margin-bottom:18px;line-height:1.8}footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--soft);padding:22px 0 24px}.skip{position:fixed;top:7px;left:50%;transform:translate(-50%,-200%);background:var(--surface);padding:10px;z-index:100}.skip:focus{transform:translate(-50%,0)}dialog{padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);width:440px;max-width:calc(100vw - 28px);max-height:88vh;box-shadow:0 25px 90px #14223835;overflow:auto}dialog[open]{animation:modalin .2s ease-out}dialog::backdrop{background:#17233845;backdrop-filter:blur(5px)}.modal-head{padding:22px 23px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.modal-head h2{font-size:18px}.modal-body{padding:0 24px 23px}.confirm-name{font-size:17px;font-weight:600;margin:3px 0 20px}.confirm-name small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:5px}.confirm-row{display:flex;justify-content:space-between;margin:11px 0;font-size:12px}.confirm-row span:first-child{color:var(--muted)}.confirm-row.total{border-top:1px solid var(--line);padding-top:13px;margin-top:15px}.confirm-note{font-size:11px;background:var(--fill);padding:11px 12px;border-radius:8px;color:var(--muted);margin-top:18px;line-height:1.8}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.modal-actions .button{font-size:12px;min-height:38px}.modal-actions .button.confirm-buy{background:var(--up);color:#fff;border-color:transparent}.modal-actions .button.confirm-sell{background:var(--down);color:#fff;border-color:transparent}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.setting-row small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.setting-row select{border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--fill);padding:7px;max-width:135px;font-size:11px}.settings-actions{display:grid;gap:10px;padding-top:18px}.settings-actions .button{justify-content:space-between}.danger-text{color:var(--up)}.rules-list dt{font-size:12px;font-weight:600;margin-top:18px}.rules-list dd{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.9}.rules-list a{color:var(--blue)}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:100;background:var(--text);color:var(--surface);padding:12px 20px;border-radius:11px;box-shadow:0 5px 25px #0002;font-size:12px;max-width:calc(100vw - 32px);width:max-content;animation:toastin .2s ease-out}.spinless-file{display:none}.mobile-quote-back{display:none}.mobile-trade-actions{display:none}.portfolio-head{border-top:1px solid var(--line);padding-top:20px}.data-warning{font-size:11px;background:var(--upfill);color:var(--up);border-radius:8px;padding:11px 16px;margin-bottom:18px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:18px}.keyboard-hint{font-size:9px;color:var(--soft)}@keyframes modalin{from{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:none}}@keyframes toastin{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@media(min-width:1450px){.workspace-grid{grid-template-columns:255px minmax(0,1fr) 292px}.stock-row{min-height:58px}.stock-name{font-size:12px}.stock-code{font-size:10px}.chart-area canvas{height:285px}.quote-header{padding-top:23px}.chart-panel{min-height:515px}.quote-price strong{font-size:39px}.quote-stats{padding-bottom:19px}.market-insight{padding-bottom:20px}.stock-quote{font-size:13px}.order-form{padding-bottom:20px}.book-row{height:23px}}
@media(max-width:1250px){.sidebar{width:160px;padding-inline:10px}.brand{font-size:20px;gap:8px;padding-inline:6px}.workspace{margin-left:160px;width:calc(100% - 160px);padding-inline:22px}.workspace-grid{grid-template-columns:202px minmax(0,1fr) 244px;gap:10px}.stock-logo{display:none}.stock-row{grid-template-columns:minmax(0,1fr) auto;min-height:58px;padding-inline:12px}.index-spark{width:66px}.quote-stats{padding-inline:15px}.quote-header,.quote-price{padding-inline:16px}.quote-name h2{font-size:15px}.sector-tag{font-size:8px}.chart-legend{gap:7px;font-size:8px}.chart-toolbar{padding-inline:12px}.index-value{font-size:21px}.index-tile{padding-inline:14px}.order-form,.book{padding-inline:14px}.order-side{margin-inline:14px}.nav-item{gap:10px}}
@media(max-width:1080px){.sidebar{width:74px;padding-inline:10px}.brand{padding:0;justify-content:center}.brand>span:last-child{display:none}.workspace-label,.nav-item>span:not(:first-child),.local-account,.sidebar-bottom .nav-item>span:not(:first-child){display:none}.workspace-label{margin-bottom:0}#navigation{margin-top:34px}.nav-item{padding:12px;justify-content:center;min-height:44px}.sidebar-bottom{padding-bottom:14px}.workspace{margin-left:74px;width:calc(100% - 74px);padding-inline:20px}.workspace-grid{grid-template-columns:190px minmax(0,1fr) 235px}.topbar{height:88px}.index-tile{padding:12px}.index-spark{width:55px}.chart-area canvas{height:237px}.quote-name{gap:5px}.sector-tag{display:none}.quote-stats{gap:5px}.asset-summary{gap:15px}.metric-value{font-size:20px}}
@media(max-width:900px){.workspace-grid{grid-template-columns:210px minmax(0,1fr)}.order-panel{grid-column:2;display:none}.account-panel{grid-column:1/3}.market-panel{grid-row:1/3}.center-column{grid-column:2}.workspace-grid.trading .order-panel{display:block;grid-row:2}.workspace-grid.trading .market-insight{display:none}.mobile-trade-actions{display:flex;gap:8px;padding:1px 16px 15px}.mobile-trade-actions button{flex:1;font-size:12px;border-radius:7px;padding:9px;background:var(--up);color:#fff}.mobile-trade-actions button:last-child{background:var(--down)}.chart-panel{min-height:450px}.chart-area canvas{height:237px}.market-insight{margin-top:12px}.account-panel{margin-top:5px}.stock-logo{display:grid}.stock-row{grid-template-columns:28px minmax(0,1fr) auto}.market-panel{height:100%}.stock-name{font-size:10px}.stock-quote{font-size:11px}.indices{gap:10px}.index-value{font-size:20px}.index-spark{width:42px}.index-change{gap:6px;font-size:9px}.asset-summary{grid-template-columns:1.5fr 1fr 1fr;gap:20px}.asset-summary>div:last-child{display:none}.review-grid,.news-layout{grid-template-columns:1fr}.rules-aside{display:none}}
@media(max-width:680px){.sidebar{width:100%;height:62px;inset:auto 0 0;flex-direction:row;align-items:center;border:0;border-top:1px solid var(--line);padding:0 10px;background:var(--surface);padding-bottom:env(safe-area-inset-bottom);height:calc(62px + env(safe-area-inset-bottom))}.brand,.workspace-label,.sidebar-bottom{display:none}#navigation{display:flex;width:100%;margin:0;justify-content:space-around}.nav-item{flex-direction:column;gap:3px;margin:0;border-radius:8px;padding:6px 4px;min-width:50px;min-height:49px;font-size:9px;color:var(--muted)}.nav-item>span:not(:first-child){display:block!important;font-size:9px}.nav-item.active{background:none;color:var(--blue)}.nav-item svg{width:20px;height:20px}.workspace{margin-left:0;width:100%;padding:0 17px 70px}.topbar{height:85px}.eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:22px}.topbar-right{gap:10px}.topbar-right .avatar{display:none}.simulation-label{font-size:9px;padding:4px 6px}.market-banner{padding-bottom:15px;align-items:flex-start;gap:5px;flex-wrap:wrap}.market-date{gap:7px;font-size:10px}.market-date b{font-size:11px}.clock-controls{gap:6px}.clock-controls .clock{font-size:12px}.clock-controls .status{font-size:9px;margin-right:0}.control-group{padding:2px;gap:1px}.control-group button{height:23px;min-width:25px}.speed-select{font-size:10px;width:37px;padding:0}.next-day{font-size:9px;min-height:29px;padding:4px 8px}.indices{margin-bottom:21px;gap:8px}.index-tile{padding:10px 10px;display:block;border-radius:10px}.index-name{font-size:9px}.index-value{font-size:19px;letter-spacing:-.6px}.index-change{display:block;font-size:9px;margin-top:3px}.index-change span:last-child{display:none}.index-spark{display:none}.asset-summary{grid-template-columns:1.5fr 1fr;gap:13px 18px;margin-bottom:21px}.asset-summary>div:nth-child(3){display:block}.asset-summary>div:last-child{display:block}.metric-label{font-size:10px}.metric-value{font-size:19px;margin-top:4px}.metric-value.total{font-size:26px}.metric-note{font-size:9px}.metric-value .currency{font-size:14px;margin-right:4px}.workspace-grid{display:flex;flex-direction:column;gap:14px}.market-panel{width:100%}.market-panel .panel-head{padding:16px 15px 11px}.market-panel .panel-head h2{font-size:15px}.search-field{margin-inline:13px}.search-field input{font-size:12px;height:37px}.search-field svg{top:12px}.list-tabs{padding-inline:16px}.list-tabs button{font-size:12px}.stock-row{grid-template-columns:31px minmax(0,1fr) 1fr;min-height:61px;padding:10px 16px;gap:11px}.stock-logo{width:31px;height:31px;font-size:12px}.stock-name{font-size:13px}.stock-code{font-size:10px;margin-top:3px}.stock-quote{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;min-width:118px}.stock-quote small{font-size:11px;padding:4px 7px;border-radius:5px;background:var(--upfill);color:var(--up);min-width:66px;text-align:right;margin:0}.stock-quote small.down{background:var(--downfill);color:var(--down)}.stock-row.selected{background:var(--surface)}.stock-row.selected:before{display:none}.list-foot{font-size:10px;padding:12px 16px}.center-column,.order-panel,.workspace-grid .account-panel{display:none;width:100%}.workspace-grid.stock-detail .market-panel{display:none}.workspace-grid.stock-detail .center-column{display:block}.workspace-grid.stock-detail.trading .order-panel{display:block;order:2}.workspace-grid.stock-detail .account-panel{display:block;order:3}.mobile-quote-back{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:12px;margin:0 0 11px;min-height:30px;padding:0}.mobile-quote-back svg{width:15px;height:15px}.quote-header{padding:19px 17px 8px}.quote-name h2{font-size:18px}.sector-tag{display:block;font-size:9px}.quote-code{font-size:11px}.quote-price strong{font-size:36px}.quote-price span{font-size:12px}.quote-stats{padding-inline:17px;gap:8px}.quote-stats .metric-label{font-size:10px}.quote-stats .value{font-size:12px}.chart-area canvas{height:265px}.chart-toolbar{padding:12px 14px 3px}.segmented button{font-size:11px;min-height:30px;padding:4px 11px}.chart-legend{font-size:9px}.chart-foot{font-size:9px}.mobile-trade-actions{padding:7px 17px 18px}.mobile-trade-actions button{padding:12px;font-size:13px}.market-insight{padding:17px;margin-top:14px}.insight-top h3{font-size:13px}.breadth-legend,.sector-list button{font-size:11px}.order-panel .panel-head{padding:18px 18px 13px}.order-panel .panel-head h2{font-size:15px}.order-form,.book{padding-inline:18px}.order-side{margin-inline:18px}.order-side button{font-size:13px;height:36px}.field-label{font-size:12px}.input-wrap input{height:44px;font-size:16px}.quick-amounts button{height:31px;font-size:11px}.estimate-row,.order-available{font-size:11px}.order-submit{font-size:14px;height:44px}.order-note{font-size:10px}.book{padding-top:17px;padding-bottom:18px}.book-heading{font-size:13px}.book-heading span:last-child,.book-labels{font-size:10px}.book-row{height:26px;font-size:12px}.book-row span:first-of-type{font-size:11px}.book-mid{font-size:13px;padding:10px 0}.book-mid small{font-size:10px}.account-panel{margin-top:0}.account-tabs{padding-inline:14px;gap:14px}.account-tabs button{font-size:11px}.account-tabs .export{font-size:9px}.account-foot{font-size:9px;flex-wrap:wrap;padding:11px 14px}.empty-state{padding:29px 12px}.empty-state h3{font-size:13px}.empty-state p{font-size:11px}.headline-row h2{font-size:17px}.review-grid{gap:14px}.review-chart,.review-stat,.journal,.news-feed{padding:20px}.journal-row{grid-template-columns:78px 1fr;font-size:11px;gap:10px}.news-item{gap:12px;grid-template-columns:40px 1fr}.news-item p{font-size:12px}.news-item h3{font-size:14px}.table-wrap{max-width:100%}.portfolio-head{padding-top:18px}footer{font-size:9px;padding:20px 0 15px;display:block}footer span{display:block;margin-top:4px}#toast{bottom:calc(82px + env(safe-area-inset-bottom));font-size:12px;line-height:1.6}.modal-head{padding:19px 20px 12px}.modal-body{padding-inline:21px}.review-chart canvas{height:210px}.data-warning{font-size:11px}.keyboard-hint{display:none}.page-settings{display:flex;gap:8px}.stock-detail .market-insight{display:block}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}
.achievements{margin-top:20px}.achievement-grid{display:grid;grid-template-columns:repeat(6,1fr);padding:8px 18px 23px;gap:14px}.achievement{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;color:var(--soft);opacity:.7}.achievement>span{display:grid;place-items:center;border-radius:50%;background:var(--fill);height:40px;width:40px}.achievement b{font-size:11px;font-weight:500}.achievement small{font-size:9px;color:var(--muted)}.achievement.unlocked{color:#b98a28;opacity:1}.achievement.unlocked>span{background:#f4b53b15}.scenario-row{padding:12px 0;border-bottom:1px solid var(--line)}.scenario-row label{display:flex;justify-content:space-between;font-size:12px}.scenario-row output{font-size:11px;color:var(--muted)}.scenario-row input{width:100%;accent-color:var(--blue);margin:12px 0 0}.demon-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.demon-grid label{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:10px}.demon-grid input{accent-color:var(--blue);width:15px;height:15px}.stock-name{display:block}.list-foot button{padding:2px}.list-foot svg{width:13px;height:13px}.data-table small.up{color:var(--up)}.data-table small.down{color:var(--down)}
@media(max-width:680px){.achievement-grid{grid-template-columns:repeat(3,1fr);gap:22px 12px}.achievement b{font-size:12px}.achievement small{font-size:10px}.control-group button{height:37px;min-width:34px}.control-group{margin-right:0}.topbar .icon-button{height:40px;width:40px}.market-date{width:100%;margin-bottom:6px}.market-banner{gap:4px}.clock-controls{justify-content:space-between;width:100%;gap:7px}.next-day{min-height:40px;font-size:10px}.speed-select{height:37px}.clock-controls .status{max-width:66px}.chart-foot{flex-wrap:wrap}.stock-quote{min-width:128px}.asset-summary{margin-top:4px}.scenario-row input{min-height:28px}.demon-grid label{min-height:35px}}
/* Keep the dense workstation readable, with generous touch targets on phones. */
.stock-name{font-size:12px}.stock-code{font-size:10px}.stock-quote{font-size:13px}.stock-quote small{font-size:11px}.field-label{font-size:11px}.order-available,.estimate-row{font-size:11px}.order-note{font-size:10px}.book-row{font-size:11px}.book-row span:first-of-type{font-size:10px}.quote-stats .metric-label,.small-label,.chart-foot,.quote-code{font-size:10px}.input-wrap:has(.price-adjust) .unit{right:75px}.data-table{font-size:12px}.data-table th{font-size:10px}.data-table small{font-size:10px}.metric-label{font-size:12px}.metric-note{font-size:11px}.index-name{font-size:13px}.index-change{font-size:12px}.chart-tip{max-width:calc(100% - 24px);line-height:1.6}.limit-ladder .stat-line{font-size:11px}.limit-ladder{margin:5px 0 10px}
@media(max-width:1250px){.stock-name{font-size:11px}.stock-quote{font-size:12px}.quote-stats .metric-label{font-size:9px}.field-label{font-size:10px}.order-available,.estimate-row{font-size:10px}}
@media(max-width:680px){.stock-open .indices,.stock-open .asset-summary{display:none}.stock-open .market-banner{padding-bottom:8px}.stock-name{font-size:13px}.stock-code{font-size:11px}.stock-quote{font-size:14px}.stock-quote small{font-size:12px}.index-name{font-size:11px}.index-change{font-size:11px}.metric-label{font-size:11px}.metric-note{font-size:10px}.field-label,.order-available,.estimate-row{font-size:12px}.order-note{font-size:11px}.book-row{font-size:12px}.book-row span:first-of-type{font-size:11px}.quote-stats .metric-label{font-size:11px}.clock-controls .status{font-size:10px}.control-group button{min-width:37px}.clock-controls .clock{font-size:13px}.control-group button{position:relative}.control-group button:before{content:"";position:absolute;inset:-3px -2px}.next-day{padding-inline:7px}.book-row button{min-height:25px}.quote-code{font-size:11px}.market-date{font-size:11px}.market-date b{font-size:12px}}
@media(max-width:680px){.topbar{height:74px}.market-banner{padding-bottom:12px}.market-date{margin-bottom:3px}.indices{margin-bottom:17px;gap:7px}.index-tile{padding:9px 10px}.index-name{font-size:10px;margin-bottom:2px;color:var(--muted)}.index-value{font-size:18px}.index-change{font-size:10px;margin-top:2px}.asset-summary{margin:0 1px 19px;gap:10px 15px;grid-template-columns:1.45fr 1fr}.asset-summary .metric-label{font-size:11px}.asset-summary .metric-value.total{font-size:25px}.asset-summary .metric-value{font-size:21px;line-height:1.35}.asset-summary .metric-note{font-size:10px;margin-top:2px}#main:has(.workspace-grid) .asset-summary>div:nth-child(n+3){display:none}.panel-head{padding-block:15px 10px}.stock-code{color:var(--muted)}.stock-open .market-date{display:none}.stock-open .market-banner{margin-top:1px;margin-bottom:0}.stock-open .mobile-quote-back{margin-bottom:6px}.stock-open .chart-panel{border-radius:13px}.stock-open .quote-header{padding-top:17px}.stock-open .quote-stats{padding-bottom:13px}.stock-open .chart-area canvas{height:245px}.stock-open .chart-foot{padding-bottom:7px}.stock-open .mobile-trade-actions{padding-top:5px;padding-bottom:16px}.workspace{padding-inline:16px}footer{color:var(--muted)}.search-field input{font-size:12px}.stock-row{min-height:58px}.list-tabs button{font-size:12px}.list-foot{font-size:11px}.keyboard-hint{display:none}}
@media(max-width:680px){.clock-controls .status{display:none}.clock-controls .clock:after{content:"";display:inline-block;width:5px;height:5px;background:var(--blue);border-radius:50%;vertical-align:2px;margin-left:7px}.clock-controls .clock{white-space:nowrap}.next-day{white-space:nowrap;font-size:11px;padding-inline:10px}.control-group button{min-width:38px}.clock-controls{gap:10px}.clock-controls .control-group{margin-left:auto}.clock-controls .speed-select{font-size:11px}}
@media(max-width:360px){.clock-controls{flex-wrap:wrap;row-gap:7px}.clock-controls .next-day{margin-left:auto}.clock-controls .control-group{margin-left:auto}.stock-quote{min-width:108px;gap:7px}.stock-row{gap:8px;padding-inline:13px}.stock-quote small{min-width:61px}}
/* 3.1.4 · translucent navigation above a calm, readable trading surface. */
:root{--bg:#edf2f8;--glass-solid:#f5f8fc;--glass-edge:rgba(255,255,255,.94);--glass-line:rgba(152,174,203,.24);--glass-shadow:0 12px 34px rgba(52,78,114,.10),inset 0 1px 0 rgba(255,255,255,.98);--glass-fill:linear-gradient(145deg,rgba(255,255,255,.82),rgba(246,250,255,.42));--glass-selected:linear-gradient(145deg,rgba(246,252,255,.94),rgba(209,230,255,.66))}
:root[data-theme=dark]{--bg:#131a25;--glass-solid:#202a38;--glass-edge:rgba(208,228,255,.19);--glass-line:rgba(160,192,230,.18);--glass-shadow:0 14px 38px rgba(0,0,0,.26),inset 0 1px 0 rgba(223,236,255,.10);--glass-fill:linear-gradient(145deg,rgba(57,73,95,.74),rgba(28,39,56,.52));--glass-selected:linear-gradient(145deg,rgba(97,162,240,.28),rgba(54,94,153,.25))}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at 8% 12%,rgba(148,189,242,.30),transparent 39%),radial-gradient(ellipse at 88% 5%,rgba(193,185,234,.23),transparent 40%),radial-gradient(ellipse at 52% 87%,rgba(168,211,229,.17),transparent 44%);background-attachment:fixed}
:root[data-theme=dark] body{background-image:radial-gradient(ellipse at 5% 13%,rgba(69,112,177,.21),transparent 40%),radial-gradient(ellipse at 90% 3%,rgba(116,99,160,.15),transparent 42%),radial-gradient(ellipse at 45% 90%,rgba(54,113,139,.12),transparent 45%)}
.sidebar{inset:14px auto 14px 12px;width:176px;padding:25px 12px 0;border:1px solid var(--glass-edge);border-radius:20px;background:var(--glass-solid);box-shadow:var(--glass-shadow)}
.sidebar .brand{padding-inline:5px;gap:9px}.sidebar .workspace-label{margin-top:32px;margin-left:11px}.sidebar .nav-item{gap:10px;border:1px solid transparent;padding-inline:10px;border-radius:11px}.sidebar .nav-item.active{border-color:var(--glass-edge);background:var(--glass-selected);box-shadow:0 3px 10px rgba(54,101,156,.09),inset 0 1px 0 rgba(255,255,255,.75)}
.sidebar .nav-item:hover{background:rgba(255,255,255,.42);border-color:var(--glass-edge)}.sidebar .nav-item.active:hover{background:var(--glass-selected)}.sidebar .local-account{border-top-color:var(--glass-line);padding-bottom:19px}.sidebar .local-account small{font-size:9px}
.topbar{position:sticky;top:14px;z-index:15;height:80px;margin-top:14px;margin-bottom:20px;padding:0 20px;border:1px solid var(--glass-edge);border-radius:18px;background:var(--glass-solid);box-shadow:var(--glass-shadow)}
.topbar .eyebrow{color:var(--muted)}.topbar .simulation-label{background:rgba(255,255,255,.45);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.control-group,.next-day{background:var(--glass-solid);border-color:var(--glass-edge);box-shadow:0 4px 13px rgba(70,101,140,.09),inset 0 1px 0 rgba(255,255,255,.98);border-radius:10px}
.control-group button{border-radius:7px}.control-group button.primary{background:linear-gradient(160deg,#38a2ff,#0074ec);box-shadow:0 2px 5px rgba(0,122,255,.24),inset 0 1px 0 rgba(255,255,255,.45)}
.next-day:hover{background:rgba(255,255,255,.88);box-shadow:0 5px 15px rgba(48,84,127,.14),inset 0 1px 0 #fff}
.index-tile{background:linear-gradient(140deg,rgba(255,255,255,.84),rgba(255,255,255,.59));border-color:rgba(255,255,255,.94);box-shadow:0 5px 20px rgba(62,90,129,.035),inset 0 1px 0 rgba(255,255,255,.95)}
.panel{border-color:rgba(218,227,238,.85);background:rgba(255,255,255,.94);box-shadow:0 3px 14px rgba(53,80,118,.025)}
.segmented,.order-side{background:linear-gradient(150deg,rgba(229,237,247,.80),rgba(233,239,248,.5));border:1px solid rgba(210,223,240,.55);box-shadow:inset 0 1px 3px rgba(75,104,143,.06),0 1px 0 rgba(255,255,255,.95);padding:3px}
.segmented button.active{background:linear-gradient(150deg,rgba(255,255,255,.99),rgba(255,255,255,.77));box-shadow:0 2px 6px rgba(53,84,122,.13),inset 0 1px 0 #fff;border-radius:6px}
.order-side button.active.buy{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,228,235,.83));box-shadow:0 2px 7px rgba(133,64,83,.1),inset 0 1px 0 #fff}.order-side button.active.sell{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(220,245,233,.84));box-shadow:0 2px 7px rgba(60,113,94,.1),inset 0 1px 0 #fff}
.search-field input{background:linear-gradient(160deg,rgba(228,236,247,.60),rgba(239,243,249,.48));border-color:rgba(215,225,239,.52);box-shadow:inset 0 1px 2px rgba(83,107,141,.04),0 1px 0 #fff}
.stock-row.selected{background:linear-gradient(110deg,rgba(216,235,255,.75),rgba(236,246,255,.65))}.stock-row.selected:before{background:linear-gradient(#49a8ff,#007aff)}
dialog{border:1px solid var(--glass-edge);border-radius:23px;background:var(--glass-solid);box-shadow:0 28px 80px rgba(24,47,80,.25),0 2px 8px rgba(24,47,80,.08),inset 0 1px 0 rgba(255,255,255,.98)}
dialog::backdrop{background:rgba(37,58,91,.23);-webkit-backdrop-filter:none;backdrop-filter:none}.modal-head{background:linear-gradient(180deg,rgba(255,255,255,.36),transparent);border-radius:23px 23px 0 0}.modal-head .icon-button{border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.35);border-radius:50%;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.confirm-note{background:rgba(232,238,247,.64);border:1px solid rgba(255,255,255,.6)}.modal-actions .button:not(.primary):not(.confirm-buy):not(.confirm-sell){background:rgba(255,255,255,.55);border-color:var(--glass-edge);box-shadow:0 2px 6px rgba(46,76,116,.06),inset 0 1px 0 #fff}.chart-tip{background:var(--glass-solid);border-color:var(--glass-edge);box-shadow:var(--glass-shadow)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
.sidebar,.topbar{background:var(--glass-fill);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}
.control-group,.next-day{background:linear-gradient(150deg,rgba(255,255,255,.75),rgba(248,252,255,.38));-webkit-backdrop-filter:blur(14px) saturate(165%);backdrop-filter:blur(14px) saturate(165%)}
dialog{background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(242,248,255,.62));-webkit-backdrop-filter:blur(30px) saturate(155%);backdrop-filter:blur(30px) saturate(155%)}
.chart-tip{-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);background:rgba(251,253,255,.75)}
:root[data-theme=dark] .control-group,:root[data-theme=dark] .next-day{background:var(--glass-fill)}
:root[data-theme=dark] dialog{background:linear-gradient(145deg,rgba(49,65,86,.88),rgba(24,35,51,.68))}
:root[data-theme=dark] .chart-tip{background:rgba(32,45,63,.82)}
}
:root[data-theme=dark] .panel{background:rgba(29,34,43,.96);border-color:rgba(131,156,191,.16)}
:root[data-theme=dark] .index-tile{background:linear-gradient(145deg,rgba(49,64,85,.78),rgba(34,46,64,.58));border-color:rgba(182,209,246,.16);box-shadow:inset 0 1px 0 rgba(221,235,255,.08)}
:root[data-theme=dark] .topbar .simulation-label,:root[data-theme=dark] .modal-head .icon-button{background:rgba(139,172,218,.08);border-color:rgba(183,210,246,.14);box-shadow:inset 0 1px 0 rgba(226,239,255,.08)}
:root[data-theme=dark] .sidebar .nav-item.active{box-shadow:0 3px 10px rgba(0,0,0,.1),inset 0 1px 0 rgba(210,232,255,.12)}
:root[data-theme=dark] .sidebar .nav-item:hover{background:rgba(137,172,219,.1)}
:root[data-theme=dark] .segmented,:root[data-theme=dark] .order-side{background:linear-gradient(140deg,rgba(41,58,81,.78),rgba(42,54,72,.5));border-color:rgba(161,192,232,.13);box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 1px 0 rgba(228,240,255,.04)}
:root[data-theme=dark] .segmented button.active{background:linear-gradient(145deg,rgba(95,116,146,.57),rgba(71,92,121,.4));box-shadow:0 2px 6px rgba(0,0,0,.16),inset 0 1px 0 rgba(228,239,255,.12)}
:root[data-theme=dark] .order-side button.active.buy{background:linear-gradient(145deg,rgba(117,70,87,.42),rgba(104,53,71,.3));box-shadow:inset 0 1px 0 rgba(255,221,230,.1)}
:root[data-theme=dark] .order-side button.active.sell{background:linear-gradient(145deg,rgba(56,110,90,.4),rgba(35,85,66,.3));box-shadow:inset 0 1px 0 rgba(213,255,234,.1)}
:root[data-theme=dark] .search-field input{background:rgba(58,77,104,.2);border-color:rgba(143,174,214,.11);box-shadow:none}
:root[data-theme=dark] .stock-row.selected{background:linear-gradient(110deg,rgba(45,81,128,.55),rgba(37,65,104,.32))}
:root[data-theme=dark] .confirm-note{background:rgba(90,116,153,.16);border-color:rgba(168,196,233,.12)}
:root[data-theme=dark] .modal-actions .button:not(.primary):not(.confirm-buy):not(.confirm-sell){background:rgba(134,166,209,.12);border-color:rgba(189,213,246,.13);box-shadow:inset 0 1px 0 rgba(230,242,255,.07)}
:root[data-theme=dark] .next-day:hover{background:rgba(84,111,148,.4)}
@media(max-width:1250px){.sidebar{width:148px;inset-inline-start:10px;padding-inline:9px}.sidebar .brand{gap:7px;font-size:19px}.sidebar .nav-item{padding-inline:8px;gap:8px}.sidebar .local-account{gap:7px}.sidebar .local-account small{font-size:8px}.topbar{padding-inline:17px}}
@media(max-width:1080px){.sidebar{width:60px;inset-inline-start:7px;padding-inline:6px}.sidebar .brand{padding:0}.sidebar .brand img{width:33px;height:33px}.sidebar .nav-item{padding:10px 7px}.sidebar .workspace-label{display:none}.topbar{height:76px;top:10px;margin-top:10px;margin-bottom:16px}}
@media(max-width:680px){
body{background-image:radial-gradient(ellipse at 1% 0%,rgba(135,183,246,.25),transparent 50%),radial-gradient(ellipse at 95% 10%,rgba(197,182,233,.22),transparent 45%),radial-gradient(ellipse at 25% 95%,rgba(152,210,228,.15),transparent 50%)}
.workspace{padding-bottom:102px}.sidebar{inset:auto 12px max(10px,env(safe-area-inset-bottom));width:calc(100% - 24px);height:64px;padding:5px 6px;border:1px solid var(--glass-edge);border-radius:22px;box-shadow:0 9px 28px rgba(38,69,111,.15),inset 0 1px 0 rgba(255,255,255,.98)}
#navigation{align-items:center}.sidebar .nav-item{padding:5px 3px;min-height:50px;gap:3px;border-radius:15px;border-color:transparent}.sidebar .nav-item.active{background:var(--glass-selected);border-color:rgba(255,255,255,.85);box-shadow:0 2px 7px rgba(54,101,156,.08),inset 0 1px 0 #fff}.sidebar .nav-item>span:not(:first-child){font-size:9px}.sidebar .nav-item:hover{border-color:transparent}.sidebar .nav-item.active:hover{border-color:var(--glass-edge)}
.topbar{top:8px;height:66px;margin-top:8px;margin-bottom:13px;padding-inline:13px;border-radius:16px}.topbar h1{font-size:20px}.topbar .eyebrow{font-size:7px;letter-spacing:1.2px}.topbar-right{gap:3px}.topbar .simulation-label{font-size:9px;padding:3px 5px}.topbar .icon-button{width:36px;height:40px}.control-group,.next-day{border-radius:11px}.control-group button{border-radius:8px}.index-tile{border-radius:11px}.stock-row.selected{background:transparent}.topbar-right .avatar{display:none}.chart-tip{max-width:calc(100% - 24px)}#toast{bottom:calc(88px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){.topbar{padding-inline:10px}.topbar h1{font-size:19px}.topbar .simulation-label{font-size:8px}.topbar .icon-button{width:32px}.topbar-right{gap:0}.sidebar{inset-inline:9px;width:calc(100% - 18px);border-radius:20px}.sidebar .nav-item{min-width:48px;padding-inline:2px}.sidebar .nav-item>span:not(:first-child){font-size:8px}}
@media(prefers-reduced-transparency:reduce){body,:root[data-theme=dark] body{background-image:none}.sidebar,.topbar,.control-group,.next-day,dialog,.chart-tip,:root[data-theme=dark] .control-group,:root[data-theme=dark] .next-day,:root[data-theme=dark] dialog,:root[data-theme=dark] .chart-tip{background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.panel,.index-tile,:root[data-theme=dark] .panel,:root[data-theme=dark] .index-tile{background:var(--surface)}dialog::backdrop{background:rgba(15,27,46,.38)}}