/* MOA Investment OS: monochrome agent shell with colorful trading data. */
:root { --bg:#101010; --surface:#171717; --surface2:#1d1d1d; --line:#303030; --text:#f2f2f2; --muted:#999; --lime:#e8e8e8; --radius:18px; font-family:"Noto Sans KR","Malgun Gothic",sans-serif; font-variation-settings:"wght" 430; }
body { background:#090909; }
.app-shell { background:#101010; box-shadow:0 0 80px #000; }
.topbar { background:linear-gradient(#101010e8,transparent); }
.topbar { display:flex; justify-content:space-between; gap:12px; }
.topbar .brand { justify-self:start; }
.brand-logo { display:block; width:74px; height:28px; object-fit:contain; object-position:left center; }
.drawer-head .brand-logo { width:92px; }
.menu-button { width:36px; height:36px; padding:9px; border:1px solid #303030; border-radius:11px; background:#171717; display:flex; flex-direction:column; justify-content:center; gap:6px; }
.menu-button span { display:block; width:16px; height:1.5px; background:#ddd; border-radius:2px; }
.menu-button span:last-child { width:11px; }
.notification-button { position:relative; width:36px; height:36px; padding:8px; border:1px solid #303030; border-radius:11px; background:#171717; color:#cfcfcf; display:grid; place-items:center; }
.notification-button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.notification-button>span { position:absolute; top:-3px; right:-3px; min-width:15px; height:15px; padding:0 4px; border:2px solid #101010; border-radius:10px; background:#1769ff; color:#fff; display:grid; place-items:center; font-size:8px; font-weight:800; }
.notification-button.open { color:#fff; border-color:#555; background:#252525; }
.notification-panel { position:absolute; z-index:35; top:66px; right:18px; width:min(360px,calc(100vw - 36px)); padding:14px; border:1px solid #383838; border-radius:18px; background:#151515f7; box-shadow:0 24px 70px #000a; backdrop-filter:blur(18px); opacity:0; visibility:hidden; transform:translateY(-8px) scale(.98); transform-origin:top right; transition:opacity .2s,transform .2s,visibility .2s; }
.notification-panel.open { opacity:1; visibility:visible; transform:translateY(0) scale(1); }
.notification-head { display:flex; align-items:center; justify-content:space-between; padding:2px 2px 11px; }
.notification-head .eyebrow { margin:0 0 2px; color:#7faeff; font-size:8px; }
.notification-head strong { font-size:15px; }
.notification-head button { width:30px; height:30px; border:0; border-radius:9px; background:#242424; color:#aaa; font-size:20px; }
.notification-card { padding:15px; border:1px solid #343434; border-radius:15px; background:linear-gradient(145deg,#1d1d1d,#171717); display:grid; grid-template-columns:34px 1fr; gap:11px; }
.notification-orb { width:34px; height:34px; border-radius:10px; background:#ededed; color:#111; display:grid; place-items:center; font-size:15px; }
.notification-time { margin:0 0 5px; color:#7faeff; font-size:8px; font-weight:800; letter-spacing:.8px; }
.notification-card h2 { margin:0; color:#f0f0f0; font-size:14px; line-height:1.45; letter-spacing:-.4px; }
.notification-card div>p:last-child { margin:6px 0 0; color:#999; font-size:10px; line-height:1.55; }
.notification-card>button { grid-column:2; justify-self:start; padding:7px 0 0; border:0; background:none; color:#cfdfff; font-size:10px; font-weight:750; }
.notification-card+.notification-card { margin-top:9px; }
.notification-orb.recommendation { background:#dff8ea; color:#147a4c; }
.recommendation-tags { display:flex; gap:5px; margin-top:8px; }
.recommendation-tags span { padding:3px 6px; border-radius:6px; background:#252525; color:#aaa; font-size:7px; }
.brand-mark { background:#eee; }
.eyebrow { color:#aaa; }
.hero { padding-top:30px; padding-bottom:24px; }
.hero h1 { font-size:27px; letter-spacing:-1.2px; }
.hero-copy { margin:8px 0 16px; }
.agent-command { width:100%; min-height:70px; padding:12px 12px 12px 14px; border:1px solid #414141; border-radius:17px; background:#1c1c1c; color:var(--text); display:grid; grid-template-columns:32px minmax(0,1fr) 34px 34px; align-items:center; gap:7px; text-align:left; box-shadow:0 12px 35px #0005; transition:.2s; }
.agent-command:hover { border-color:#686868; transform:translateY(-1px); }
.command-mark { width:32px; height:32px; padding:0; display:grid; place-items:center; border-radius:10px; background:#ededed; color:#111; line-height:0; }
.command-mark svg { display:block; width:16px; height:16px; fill:#111; overflow:visible; }
.agent-command input { min-width:0; width:100%; border:0; outline:0; background:transparent; color:#eee; font:inherit; font-size:12px; }
.agent-command input::placeholder { color:#888; opacity:1; }
.agent-command input.voice-active { display:none; }
.voice-wave { display:none; min-width:0; height:24px; align-items:center; overflow:hidden; }
.voice-wave.active { display:flex; }
.voice-wave canvas { display:block; width:100%; height:24px; }
.voice-button,.command-submit { width:32px; height:32px; padding:0; border:0; border-radius:9px; display:grid; place-items:center; }
.voice-button { background:#2a2a2a; color:#bbb; transition:.2s; }
.voice-button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.voice-button .stop-icon { display:none; fill:currentColor; stroke:none; }
.voice-button:hover { color:#fff; background:#333; }
.voice-button.connecting { color:#fff; background:#3a3a3a; animation:voicePulse 1s ease-in-out infinite; }
.voice-button.listening { color:#fff; background:#1769ff; box-shadow:0 0 0 5px #1769ff24; animation:voicePulse 1.3s ease-in-out infinite; }
.voice-button.listening .mic-icon { display:none; }
.voice-button.listening .stop-icon { display:block; }
.voice-button:disabled { opacity:.35; cursor:not-allowed; }
.voice-button.unsupported { opacity:.72; }
.command-submit { background:#eee; color:#111; font-size:17px; font-weight:700; }
.voice-status { min-height:12px; margin:4px 4px 0; color:#6ea4ff; font-size:9px; }
.voice-status:empty { display:none; }
@keyframes voicePulse { 50% { box-shadow:0 0 0 8px #1769ff12; } }
.agent-presets { display:flex; gap:7px; overflow:auto; margin-top:6px; scrollbar-width:none; }
.agent-presets button { flex:1 1 0; min-width:0; min-height:42px; border:1px solid #303030; border-radius:14px; background:#151515; color:#aaa; padding:8px 10px; font-size:9px; line-height:1.45; text-align:center; }
.chat-landing { padding:2px 0 8px; }
.chat-landing-hero { padding:18px; border:1px solid #343434; border-radius:18px; background:linear-gradient(145deg,#1d1d1d,#151515); box-shadow:0 16px 38px #0003; }
.chat-landing-hero .eyebrow { margin-bottom:5px; color:#79a9ff; }
.chat-landing-hero h2 { margin:0; color:#f4f4f4; font-size:24px; line-height:1.25; letter-spacing:-.8px; }
.chat-landing-hero>p:last-child { margin:8px 0 0; color:#aaa; font-size:11px; line-height:1.65; }
.chat-menu-label { margin:17px 2px 9px; color:#d4d4d4; font-size:11px; font-weight:700; }
.chat-suggestion-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.chat-suggestion-grid button { min-height:46px; padding:9px 10px; border:1px solid #3b3b3b; border-radius:12px; background:#171717; color:#ddd; font-size:10px; line-height:1.45; text-align:center; transition:border-color .18s,background .18s,transform .18s; }
.chat-suggestion-grid button:hover { border-color:#6c8fd3; background:#1d2430; transform:translateY(-1px); }
.chat-suggestion-grid button:nth-child(n+7) { grid-column:1/-1; min-height:42px; }
.market-strip { background:#0d0d0d; }
.quick-trade-section { position:relative; margin:0 -22px; padding:0 0 18px; border:0; background:linear-gradient(180deg,#101010 0%,#101010 18%,#0e1512 38%,#0c1d17 62%,#0c261d 82%,#0c3024 100%); overflow:hidden; box-shadow:none; }
.quick-trade-head { display:flex; align-items:center; justify-content:space-between; padding:14px 22px 10px; }
.quick-trade-head h2 { margin:0; color:#ececec; font-size:13px; letter-spacing:.9px; }
.quick-trade-head time { position:relative; padding-left:10px; color:#48d597; font-size:9px; font-weight:700; font-variant-numeric:tabular-nums; }
.quick-trade-head time::before { content:""; position:absolute; left:0; top:50%; width:5px; height:5px; margin-top:-2.5px; border-radius:50%; background:#48d597; box-shadow:0 0 7px #48d597; animation:livePulse 1.8s ease-in-out infinite; }
@keyframes livePulse { 50% { opacity:.35; transform:scale(.75); } }
.market-search { position:relative; margin:0 22px 8px; height:40px; padding:0 5px 0 12px; border:1px solid #31504e; border-radius:12px; background:#0b181dcc; display:grid; grid-template-columns:20px minmax(0,1fr) 30px; gap:8px; align-items:center; }
.market-search>svg { width:19px; height:19px; fill:none; stroke:#d7dfdb; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; }
.market-search>input { min-width:0; border:0; outline:0; background:transparent; color:#f3f6f4; font:inherit; font-size:12px; font-weight:700; letter-spacing:-.2px; }
.market-search>input::placeholder { color:#b8c2bd; font-weight:700; opacity:1; }
.market-search>button[type="submit"] { width:30px; height:30px; border:0; border-radius:9px; background:#ededed; color:#111; font-size:14px; }
.market-search-results { position:absolute; z-index:15; top:45px; left:0; right:0; padding:5px; border:1px solid #3b3b3b; border-radius:12px; background:#191919f7; box-shadow:0 18px 50px #000c; backdrop-filter:blur(14px); }
.market-search-results[hidden] { display:none; }
.market-search-results>button { width:100%; padding:8px; border:0; border-radius:9px; background:transparent; color:#eee; display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:8px; align-items:center; text-align:left; }
.market-search-results>button:hover { background:#272727; }
.market-search-results .stock-icon { width:28px; height:28px; font-size:7px; }
.market-search-results strong,.market-search-results small { display:block; }.market-search-results strong { font-size:10px; }.market-search-results small { margin-top:2px; color:#777; font-size:8px; }
.market-search-results b { font-size:9px; }.market-search-results>p { margin:0; padding:12px; color:#777; font-size:9px; text-align:center; }
.quick-trade-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:0 22px 11px; overflow:visible; }
.quick-filter,.watchlist-settings-button,.asset-filter,.volatility-direction { min-width:0; min-height:32px; border:1px solid #31504e; background:#0d1c20d9; color:#93a7a6; }
.quick-filter { width:100%; padding:6px 8px; border-radius:10px; font-size:9px; white-space:normal; line-height:1.25; }
.quick-filter.active { border-color:#6d6d6d; background:#ededed; color:#111; font-weight:750; }
.watchlist-filter { min-width:0; display:flex; }
.watchlist-filter .quick-filter { border-radius:10px 0 0 10px; }
.watchlist-settings-button { width:28px; padding:0; border-left:0; border-radius:0 10px 10px 0; font-size:11px; }
.volatility-filter { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 30px 30px; }
.volatility-filter .quick-filter { border-radius:10px 0 0 10px; }
.volatility-direction { padding:0; border-left:0; font-size:15px; }.volatility-direction:last-child { border-radius:0 10px 10px 0; }
.volatility-direction.active { background:#26362f; color:#48d597; }
.volatility-direction[data-volatility-direction="down"].active { background:#3b272a; color:#ff7886; }
.asset-filter { display:flex; align-items:center; justify-content:center; padding:0 5px; border-radius:10px; font-size:0; white-space:nowrap; }
.asset-filter select { width:100%; border:0; outline:0; background:#0d1c20; color:#d2dfde; font-size:8px; text-align:center; }
.quick-market-row { display:grid; grid-template-columns:1fr; gap:5px; padding:0 22px 2px; overflow:visible; }
.quick-market-row[hidden] { display:none; }
.quick-market-card { width:100%; min-height:54px; padding:5px 9px; border:1px solid #294340; border-radius:11px; background:#0b171bd9; color:#eee; display:grid; grid-template-columns:30px minmax(70px,1fr) minmax(120px,31%) minmax(72px,21%) 8px; column-gap:8px; align-items:center; text-align:left; transition:border-color .16s,background .16s,transform .16s; }
.quick-market-card:hover { border-color:#666; background:#1e1e1e; transform:translateY(-1px); }
.quick-market-card .stock-icon { width:30px; height:30px; font-size:8px; }
.stock-icon.currency { background:#1b6b50; color:#fff; }
.stock-icon:has(img) { padding:0; overflow:hidden; border:1px solid #ffffff24; background:#111; }
.stock-icon>img { display:block; width:100%; height:100%; object-fit:cover; }
.currency-pair { position:relative; width:100%; height:100%; display:block; background:#0f1d1b; }
.currency-pair img { position:absolute; width:21px; height:21px; border:1px solid #0a1212; border-radius:50%; object-fit:cover; }
.currency-pair img:first-child { left:2px; top:3px; }.currency-pair img:last-child { right:2px; bottom:3px; }
.stock-icon.nvidia { background:#76b900; color:#071200; }.stock-icon.tesla { background:#e82127; color:#fff; }.stock-icon.microsoft { background:#2673d9; color:#fff; }
.stock-icon.korea { background:#234b8f; color:#fff; }.stock-icon.naver { background:#03c75a; color:#fff; }.stock-icon.fund { background:#6453d6; color:#fff; }.stock-icon.google { background:#4285f4; color:#fff; }.stock-icon.metal { background:#b79135; color:#fff; }.stock-icon.crypto { background:#5546d8; color:#fff; }
.quick-market-name { min-width:0; }
.quick-market-name strong,.quick-market-name small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.quick-market-name strong { font-size:13px; letter-spacing:-.4px; }
.quick-market-name small { margin-top:2px; color:#737373; font-size:8px; }
.quick-market-price { text-align:right; }
.quick-market-price strong { display:block; white-space:nowrap; font-size:18px; line-height:1; font-weight:750; letter-spacing:-.9px; font-variant-numeric:tabular-nums; }
.quick-market-chart { position:relative; min-width:0; padding-top:9px; display:block; }
.quick-market-chart small { position:absolute; top:-2px; right:0; color:#49cf91; font-size:8px; line-height:1; font-variant-numeric:tabular-nums; }
.quick-market-card.down .quick-market-chart small { color:#ff7886; }
.live-sparkline { width:100%; height:24px; overflow:visible; }
.live-sparkline polyline { fill:none; stroke:#55cf98; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; transition:points .2s ease,stroke .2s ease; }
.live-sparkline circle { fill:#55cf98; stroke:#d8fff0; stroke-width:.75; filter:drop-shadow(0 0 4px #55cf98); transition:cx .2s ease,cy .2s ease,fill .2s ease; }
.quick-market-card.chart-up .live-sparkline polyline { stroke:#ff5263; }
.quick-market-card.chart-up .live-sparkline circle { fill:#ff5263; stroke:#ffe3e6; filter:drop-shadow(0 0 4px #ff5263); }
.quick-market-card.chart-down .live-sparkline polyline { stroke:#438cff; }
.quick-market-card.chart-down .live-sparkline circle { fill:#438cff; stroke:#e3eeff; filter:drop-shadow(0 0 4px #438cff); }
.quick-market-arrow { color:#666; font-size:15px; }
.market-news-panel { margin:12px 22px 0; border:1px solid #203128; border-radius:10px; overflow:hidden; background:linear-gradient(145deg,#101a15,#0c1511 58%,#080f0c); color:#eff3f1; box-shadow:0 10px 24px #0005; }
.market-news-panel[hidden] { display:none; }
.home-news { position:relative; margin:0 0 8px; }
.home-news::before { content:""; position:absolute; z-index:-1; left:-22px; right:-22px; top:-36px; height:38px; background:linear-gradient(180deg,transparent,#0e1712); pointer-events:none; }
.market-news-head { min-height:39px; padding:6px 11px; border-bottom:1px solid #203128; display:flex; align-items:center; justify-content:space-between; }
.market-news-head h3 { margin:0; font-size:14px; line-height:1.15; letter-spacing:-.55px; }
.market-news-head h3 span { margin-left:4px; color:#72ad91; font-size:8px; font-weight:800; letter-spacing:.1px; }
.market-news-head button { padding:5px 0; border:0; background:none; color:#8dc3a9; font-size:9px; font-weight:800; }
.market-news-line { width:100%; height:36px; padding:0 9px 0 11px; border:0; border-bottom:1px solid #1b2a23; background:transparent; color:#edf1ef; display:grid; grid-template-columns:29px minmax(0,1fr) 7px; gap:6px; align-items:center; text-align:left; }
.market-news-line:last-child { border-bottom:0; }.market-news-line:hover { background:#15221b; }.market-news-line time { color:#879d92; font-size:8px; }.market-news-line strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:clamp(9px,2.15vw,10.5px); font-weight:400; letter-spacing:-.35px; }.market-news-line strong b { color:#fff; font-weight:750; }.market-news-line strong span { color:#b2c0b9; }.market-news-line strong span::before { content:"  ·  "; color:#628c78; }.market-news-line>i { color:#729480; font-style:normal; }
.home-feature-banners { display:grid; gap:10px; margin:0 -22px -96px; padding:14px 22px 104px; background:linear-gradient(180deg,#0c3024 0%,#0c3024 24%,#0a281f 62%,#071a14 100%); }
.feature-banner { position:relative; min-height:128px; padding:18px; border:1px solid #31514d; border-radius:14px; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:end; box-shadow:0 14px 32px #020b0b66,inset 0 1px #ffffff09; }
.feature-banner::before { content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 0 62%,#ffffff08 62% 62.5%,transparent 62.5% 72%,#ffffff05 72% 72.4%,transparent 72.4%); pointer-events:none; }
.demo-banner { background:linear-gradient(135deg,#102c29,#173d37 58%,#102b2b); color:#f2f8f6; }
.strategy-banner { border-color:#31435d; background:linear-gradient(135deg,#111925,#18263b 58%,#111c2d); color:#f4f6ff; }
.feature-banner-copy { position:relative; z-index:1; }
.feature-symbol { position:absolute; z-index:1; top:13px; right:15px; width:31px; height:31px; border:1px solid #ffffff20; border-radius:10px; background:#06131280; display:grid; place-items:center; font-size:15px; filter:saturate(.8); box-shadow:0 8px 18px #0004; animation:featureFloat 3.4s ease-in-out infinite; }
.strategy-banner .feature-symbol { animation-delay:-1.4s; background:#0a122080; }
.feature-kicker { margin:0 0 7px!important; color:#72cdbd; font-size:8px!important; font-weight:800; letter-spacing:-.1px; }
.strategy-banner .feature-kicker { color:#89a9dc; }
.feature-banner h2 { margin:0; max-width:300px; font-size:15px; line-height:1.35; letter-spacing:-.55px; }
.feature-banner-copy>p:last-child { margin:7px 0 0; max-width:300px; color:#9eb7b2; font-size:9px; line-height:1.55; }
.strategy-banner .feature-banner-copy>p:last-child { color:#aeb8d0; }
.feature-banner>button { position:relative; z-index:1; min-width:104px; padding:10px 11px; border:1px solid #75b9ac66; border-radius:9px; background:#07131299; color:#eaf8f5; font-size:9px; font-weight:800; white-space:nowrap; backdrop-filter:blur(8px); }
.strategy-banner>button { border-color:#829bc966; background:#0b122099; color:#edf2ff; }
.feature-banner>button span { margin-left:6px; }
@keyframes featureFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-3px) rotate(2deg); } }
@media (prefers-reduced-motion:reduce) { .feature-symbol { animation:none; } }
.quick-market-empty { width:100%; padding:18px; border:1px dashed #303030; border-radius:14px; color:#777; font-size:10px; text-align:center; }
.watchlist-settings { position:absolute; z-index:12; top:48px; left:22px; right:22px; padding:15px; border:1px solid #3b3b3b; border-radius:16px; background:#171717f8; box-shadow:0 22px 60px #000b; opacity:0; visibility:hidden; transform:translateY(-6px); transition:.2s; }
.watchlist-settings.open { opacity:1; visibility:visible; transform:translateY(0); }
.watchlist-settings-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:11px; }
.watchlist-settings-head .eyebrow { margin-bottom:3px; font-size:8px; }
.watchlist-settings-head h3 { margin:0; font-size:15px; }
.watchlist-settings-head button { width:30px; height:30px; border:0; border-radius:9px; background:#252525; color:#aaa; font-size:20px; }
.watchlist-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.watchlist-options label { min-width:0; padding:9px; border:1px solid #303030; border-radius:12px; display:grid; grid-template-columns:auto 30px minmax(0,1fr); gap:7px; align-items:center; background:#1b1b1b; }
.watchlist-options input { accent-color:#1769ff; }
.watchlist-options .stock-icon { width:30px; height:30px; font-size:8px; }
.watchlist-options strong,.watchlist-options small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.watchlist-options strong { font-size:10px; }.watchlist-options small { margin-top:2px; color:#777; font-size:8px; }
.watchlist-save { width:100%; margin-top:10px; padding:10px; border:0; border-radius:11px; background:#ededed; color:#111; font-size:10px; font-weight:800; }
.quick-order-view { padding-top:4px; padding-bottom:30px; }
.order-view-header { align-items:center; }
.order-view-header h1 { margin:0; font-size:22px; }
.order-view-header p { margin:3px 0 0; color:#777; font-size:9px; }
.order-shell { margin-top:14px; position:relative; }
.order-symbol-button { width:100%; min-height:82px; padding:15px; border:1px solid #39423f; border-radius:18px; background:linear-gradient(145deg,#16201e,#101413); color:#f5f7f6; display:grid; grid-template-columns:46px minmax(0,1fr) auto 18px; gap:12px; align-items:center; text-align:left; box-shadow:0 14px 34px #0005; transition:border-color .18s,transform .18s; }
.order-symbol-button:hover { border-color:#52605c; }.order-symbol-button:active { transform:scale(.992); }
.order-selected-icon { width:46px; height:46px; }
.order-symbol-copy { min-width:0; }.order-symbol-copy strong,.order-symbol-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.order-symbol-copy strong { font-size:17px; font-weight:700; }.order-symbol-copy small { margin-top:5px; color:#8a9894; font-size:9px; }
.quick-order-price { min-width:0; text-align:right; }.quick-order-price strong,.quick-order-price small { display:block; white-space:nowrap; }
.quick-order-price strong { font-size:17px; }.quick-order-price small { margin-top:4px; color:#4ddd9a; font-size:10px; }.quick-order-price small.down { color:#ff7886; }
.order-chevron { color:#84908d; font-size:17px; transition:transform .18s; }.order-symbol-button[aria-expanded="true"] .order-chevron { transform:rotate(180deg); }
.order-watchlist-panel { position:absolute; z-index:8; top:90px; left:0; right:0; padding:10px; border:1px solid #3b4642; border-radius:17px; background:#151a19; box-shadow:0 22px 60px #000b; }
.order-panel-title { padding:5px 6px 10px; display:flex; align-items:baseline; justify-content:space-between; gap:10px; }.order-panel-title strong { font-size:12px; }.order-panel-title small { color:#6f7c78; font-size:8px; }
.order-watchlist-list { max-height:330px; overflow-y:auto; overscroll-behavior:contain; display:grid; gap:4px; }
.order-watchlist-list>button { width:100%; min-width:0; padding:9px 7px; border:0; border-radius:11px; background:transparent; color:#eee; display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:9px; align-items:center; text-align:left; }
.order-watchlist-list>button:hover,.order-watchlist-list>button.active { background:#222a28; }.order-watchlist-list .stock-icon { width:34px; height:34px; }
.order-watchlist-list strong,.order-watchlist-list small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.order-watchlist-list strong { font-size:11px; }.order-watchlist-list small { margin-top:3px; color:#74807d; font-size:8px; }
.order-list-price { text-align:right; }.order-list-price b { display:block; font-size:10px; }.order-list-price small { color:#4ddd9a; }.order-list-price small.down { color:#ff7886; }
.order-search-form { margin-top:11px; height:48px; position:relative; display:grid; grid-template-columns:20px minmax(0,1fr) auto; gap:8px; align-items:center; padding:0 7px 0 14px; border:1px solid #343b39; border-radius:14px; background:#111514; }
.order-search-form>svg { width:17px; height:17px; fill:none; stroke:#7f8986; stroke-width:1.7; }
.order-search-form>input { min-width:0; height:100%; border:0; outline:0; background:transparent; color:#eee; font:inherit; font-size:11px; }.order-search-form>input::placeholder { color:#68716f; }
.order-search-form>button { height:34px; padding:0 13px; border:0; border-radius:9px; background:#29312f; color:#d8dddb; font-size:9px; }
.order-search-results { position:absolute; z-index:7; top:53px; left:0; right:0; padding:7px; border:1px solid #3b4642; border-radius:15px; background:#151a19; box-shadow:0 22px 60px #000b; }
.order-search-result { min-width:0; padding:8px 6px; display:grid; grid-template-columns:32px minmax(0,1fr) auto auto; gap:7px; align-items:center; border-radius:10px; }.order-search-result:hover { background:#202725; }.order-search-result .stock-icon { width:32px; height:32px; }
.order-search-copy { min-width:0; }.order-search-copy strong,.order-search-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.order-search-copy strong { font-size:10px; }.order-search-copy small { margin-top:2px; color:#74807d; font-size:7px; }
.order-watch-add,.order-search-go { height:29px; padding:0 9px; border-radius:8px; font-size:8px; white-space:nowrap; }.order-watch-add { border:1px solid #3d4a46; background:transparent; color:#aeb8b5; }.order-watch-add.saved { border-color:transparent; color:#58635f; }.order-search-go { border:0; background:#e8ecea; color:#101312; font-weight:800; }.order-search-empty { margin:0; padding:14px; color:#7b8582; text-align:center; font-size:9px; }
.order-chart-card { margin-top:12px; padding:14px 14px 9px; border:1px solid #2d3835; border-radius:18px; background:linear-gradient(160deg,#121817,#0c100f); box-shadow:0 18px 42px #0004; }
.order-chart-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }.order-chart-head>div:first-child strong,.order-chart-head>div:first-child small { display:block; }.order-chart-head>div:first-child strong { font-size:13px; }.order-chart-head>div:first-child small { margin-top:4px; color:#66736f; font-size:8px; }
.order-chart-actions { display:flex; gap:5px; }.order-chart-actions button { min-height:28px; padding:0 9px; border:1px solid #34403c; border-radius:8px; background:#19201e; color:#9eaaa6; font-size:8px; white-space:nowrap; }.order-chart-actions button[aria-pressed="true"] { border-color:#5c746c; color:#e7eeeb; }.order-chart-actions button:last-child { border-color:#53615d; color:#e7eeeb; }.order-chart-actions span { margin-left:2px; }
.order-chart-live { display:inline-flex; align-items:center; gap:4px; color:#5ee1ad; font-size:7px; font-weight:750; white-space:nowrap; }.order-chart-live i { width:5px; height:5px; border-radius:50%; background:#55e0ab; box-shadow:0 0 7px #55e0ab; }.order-chart-live span { margin:0; }
.order-chart-stage { height:190px; margin-top:8px; position:relative; overflow:hidden; }.order-chart-stage>svg { width:100%; height:100%; display:block; overflow:visible; }.order-chart-stage>svg[hidden] { display:none; }.order-chart-grid line { stroke:#71807b1b; stroke-width:1; stroke-dasharray:3 5; }.order-line-chart polyline { fill:none; stroke:var(--order-chart-color,#56e0ac); stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 3px 7px var(--order-chart-glow,#56e0ac40)); }.order-line-chart circle { fill:var(--order-chart-dot,#d9fff0); stroke:var(--order-chart-color,#56e0ac); stroke-width:2; filter:drop-shadow(0 0 6px var(--order-chart-color,#56e0ac)); }.order-line-chart path { transition:d .25s ease; }.order-line-chart polyline { transition:points .25s ease,stroke .25s ease,filter .25s ease; }.order-line-chart circle { transition:fill .25s ease,stroke .25s ease,filter .25s ease; }
.order-candle-chart .candle-wick,.advanced-chart-frame .candle-wick { stroke-width:1.4; }.order-candle-chart .candle-up,.advanced-chart-frame .candle-up { fill:#56e0ac; stroke:#56e0ac; }.order-candle-chart .candle-down,.advanced-chart-frame .candle-down { fill:#ff6f7d; stroke:#ff6f7d; }.order-candle-chart rect { rx:1; }
.order-chart-scale { pointer-events:none; position:absolute; inset:4px 0 5px auto; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end; }.order-chart-scale span { padding:2px 4px; border-radius:4px; background:#0d1211cc; color:#71807b; font-size:7px; }
.order-chart-periods { margin-top:3px; display:grid; grid-template-columns:repeat(5,1fr); gap:3px; border-top:1px solid #222b28; padding-top:7px; }.order-chart-periods button { height:27px; border:0; border-radius:7px; background:transparent; color:#626e6a; font-size:8px; }.order-chart-periods button.active { background:#222c29; color:#ecf3f0; font-weight:700; }
.order-mode-grid { margin-top:10px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }.order-mode-grid button { min-width:0; min-height:64px; padding:10px; border:1px solid #2d3734; border-radius:13px; background:#121716; color:#ecf2ef; display:grid; grid-template-columns:24px minmax(0,1fr); grid-template-rows:auto auto; column-gap:8px; text-align:left; }.order-mode-grid button>span { grid-row:1/3; width:24px; height:24px; display:grid; place-items:center; border-radius:7px; background:#25302d; color:#70e2b6; font-size:13px; }.order-mode-grid strong,.order-mode-grid small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.order-mode-grid strong { align-self:end; font-size:10px; }.order-mode-grid small { margin-top:3px; color:#68746f; font-size:7px; }.order-mode-grid button:hover { border-color:#52625d; background:#17201e; }
.order-ticket { margin-top:13px; padding:16px; border:1px solid #2c3432; border-radius:18px; background:#111514; }
.order-section-head { display:flex; align-items:baseline; justify-content:space-between; }.order-section-head strong { font-size:13px; }.order-section-head small { color:#68726f; font-size:8px; }
.order-segment { margin-top:14px; padding:4px; display:grid; grid-template-columns:1fr 1fr; gap:4px; border-radius:12px; background:#202624; }.order-segment button { height:38px; border:0; border-radius:9px; background:transparent; color:#818b88; font-size:11px; font-weight:700; }.order-segment button.active { background:#e8ecea; color:#111; box-shadow:0 4px 12px #0004; }.order-segment button.active:not(.buy) { background:#ff7d88; color:#1a080a; }
.order-field-row { min-height:48px; margin-top:8px; display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:1px solid #252b29; }.order-field-row>span,.order-amount-field>span:first-child { color:#a0aaa7; font-size:10px; }
.order-type { display:flex; gap:4px; }.order-type button { padding:7px 9px; border:0; border-radius:8px; background:transparent; color:#69736f; font-size:9px; }.order-type button.active { background:#27302d; color:#e9eeec; }
.order-amount-field { min-height:65px; display:flex; align-items:center; justify-content:space-between; gap:15px; }.order-amount-input { display:flex; align-items:baseline; justify-content:flex-end; gap:5px; }.order-amount-input input { width:min(48vw,180px); border:0; outline:0; background:transparent; color:#f1f4f3; text-align:right; font-size:24px; font-weight:760; letter-spacing:-.8px; }.order-amount-input b { color:#8d9794; font-size:11px; }
.order-amount-presets { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }.order-amount-presets button { height:34px; border:1px solid #303835; border-radius:9px; background:#1a201e; color:#88928f; font-size:9px; }.order-amount-presets button.active { border-color:#63716d; background:#28312e; color:#f1f4f3; }
.order-review-button { width:100%; min-height:54px; margin-top:14px; padding:9px 14px; border:0; border-radius:13px; background:#e9eeec; color:#0c100f; display:flex; align-items:center; justify-content:space-between; font-weight:800; }.order-review-button span { font-size:12px; }.order-review-button small { font-size:8px; opacity:.58; }
@media (max-width:390px) { .order-symbol-button { grid-template-columns:42px minmax(0,1fr) auto 14px; gap:8px; padding:13px 11px; }.order-selected-icon{width:42px;height:42px}.quick-order-price strong{font-size:14px}.order-search-result{grid-template-columns:30px minmax(0,1fr) auto}.order-watch-add{display:none}.order-panel-title small{display:none} }
.advanced-chart-view { padding-top:4px; padding-bottom:42px; background:#080b0a; }
.advanced-chart-search { height:44px; margin:4px 0 10px; position:relative; z-index:20; padding:0 4px 0 13px; display:grid; grid-template-columns:18px minmax(0,1fr) 48px; gap:8px; align-items:center; border:1px solid #2c3431; border-radius:12px; background:#121615; }.advanced-chart-search>svg { width:16px; height:16px; fill:none; stroke:#8b9692; stroke-width:1.8; }.advanced-chart-search>input { min-width:0; height:100%; border:0; outline:0; background:transparent; color:#eef2f0; font:inherit; font-size:10px; }.advanced-chart-search>input::placeholder { color:#6b7571; }.advanced-chart-search>button { height:34px; border:0; border-radius:9px; background:#252c29; color:#dfe5e2; font-size:9px; font-weight:700; }.advanced-chart-search-results { position:absolute; top:50px; left:0; right:0; max-height:320px; overflow:auto; padding:6px; border:1px solid #303936; border-radius:13px; background:#111514f8; box-shadow:0 18px 45px #000a; }.advanced-chart-search-results[hidden] { display:none; }.advanced-chart-search-results>button { width:100%; min-height:48px; padding:6px 8px; border:0; border-radius:10px; background:transparent; color:#edf2f0; display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:9px; align-items:center; text-align:left; }.advanced-chart-search-results>button:hover { background:#202725; }.advanced-chart-search-results .stock-icon { width:32px; height:32px; }.advanced-chart-search-results strong,.advanced-chart-search-results small { display:block; }.advanced-chart-search-results strong { font-size:9px; }.advanced-chart-search-results small { margin-top:3px; color:#77827e; font-size:7px; }.advanced-chart-search-results b { font-size:9px; }.advanced-chart-search-results>p { margin:0; padding:16px; color:#75807c; text-align:center; font-size:9px; }
.advanced-periods { margin:12px 0 10px; display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }.advanced-periods button { height:36px; border:1px solid #2b3331; border-radius:9px; background:#141817; color:#8b9491; font-size:9px; font-weight:700; }.advanced-periods button.active { border-color:#e5e9e7; background:#e5e9e7; color:#101211; }
.advanced-chart-frame { height:clamp(480px,64vh,620px); min-height:420px; max-height:80vh; position:relative; overflow:hidden; resize:vertical; border:1px solid #272b2a; border-radius:15px; background:#0f0f0f; box-shadow:0 18px 48px #0007; }
.advanced-tools { height:54px; position:absolute; z-index:4; left:0; right:0; bottom:0; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #252d2b; background:#111514f5; }.advanced-tools button { border:0; border-right:1px solid #222a28; background:transparent; color:#87938e; font-size:13px; }.advanced-tools button:last-child { border-right:0; }.advanced-tools button span { margin-top:4px; display:block; font-size:8px; }.advanced-tools button.active { background:#1c2723; color:#65e1b1; }
.chart-tool-panel { margin-top:9px; padding:13px; border:1px solid #2b3834; border-radius:14px; background:#111716; box-shadow:0 16px 36px #0005; }.chart-tool-panel[hidden] { display:none; }.chart-tool-panel-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:9px; }.chart-tool-panel-head small,.chart-tool-panel-head h2 { display:block; margin:0; }.chart-tool-panel-head small { color:#68746f; font-size:7px; }.chart-tool-panel-head h2 { margin-top:2px; font-size:14px; }.chart-tool-panel-head button { width:28px; height:28px; border:0; border-radius:8px; background:#202825; color:#aeb9b4; font-size:17px; }.chart-tool-panel>label:not(.chart-alert-field) { min-height:42px; padding:6px 3px; border-top:1px solid #222b28; display:grid; grid-template-columns:20px minmax(0,1fr); gap:8px; align-items:center; }.chart-tool-panel input[type="checkbox"] { accent-color:#59dca9; }.chart-tool-panel label b,.chart-tool-panel label small { display:block; }.chart-tool-panel label b { font-size:9px; }.chart-tool-panel label small { margin-top:2px; color:#6d7974; font-size:7px; }.chart-tool-apply { width:100%; height:40px; margin-top:9px; border:0; border-radius:10px; background:#e9eeec; color:#0d1210; font-size:10px; font-weight:800; }
.chart-alert-field { min-height:45px; margin-top:6px; padding:0 10px; border:1px solid #2d3935; border-radius:10px; display:grid; grid-template-columns:80px minmax(0,1fr); align-items:center; color:#8c9893; font-size:8px; }.chart-alert-field select,.chart-alert-field input { width:100%; border:0; outline:0; background:transparent; color:#eef3f1; font:inherit; text-align:right; }.chart-alert-field option { color:#111; }.chart-alert-current { margin:7px 2px 0; color:#78837f; font-size:8px; text-align:right; }
.advanced-chart-view { min-height:calc(100dvh - 158px); padding:0; background:#080b0a; }
.advanced-chart-commandbar { min-height:72px; position:relative; z-index:20; padding:8px 12px; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(150px,.85fr); gap:10px; align-items:center; }
.advanced-chart-commandbar .advanced-chart-search { height:40px; min-width:0; margin:0; padding:0 3px 0 9px; grid-template-columns:15px minmax(0,1fr) 42px; gap:4px; }
.advanced-chart-commandbar .advanced-chart-search>input { font-size:9px; }
.advanced-chart-commandbar .advanced-chart-search>button { height:32px; font-size:8px; }
.advanced-chart-commandbar .advanced-chart-search-results { top:46px; left:auto; right:0; width:min(90vw,340px); }
.advanced-chart-view .advanced-periods { height:44px; margin:0; padding:3px 12px 8px; }
.advanced-chart-view .advanced-chart-frame { width:100%; height:calc(100dvh - 274px); min-height:340px; max-height:none; margin:0; resize:none; border:0; border-radius:0; background:#0f0f0f; box-shadow:none; }
.advanced-chart-view .advanced-chart-frame svg { width:100%; height:100%; margin:0; }
@media (max-width:350px) { .advanced-chart-commandbar { grid-template-columns:minmax(0,1fr) 145px; padding-inline:8px; gap:7px; } }
@media (min-width:700px) { .advanced-chart-view .advanced-chart-frame { height:calc(100dvh - 322px); } }
.advanced-chart-commandbar { min-height:82px; grid-template-columns:minmax(0,1fr) 132px; padding:7px 10px; gap:8px; }
.advanced-symbol-switcher { min-width:0; display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:7px; align-items:center; }
.advanced-symbol-arrow { width:44px; height:58px; padding:0 4px; border:0; border-radius:11px; background:#151a18; color:#89938f; display:flex; align-items:center; justify-content:center; gap:2px; }.advanced-symbol-arrow .arrow { font-size:19px; line-height:1; }.advanced-symbol-arrow .stock-icon { width:25px; height:25px; flex:0 0 25px; font-size:6px; }.advanced-symbol-arrow:active { background:#252d2a; transform:scale(.96); }
.advanced-symbol-summary { min-width:0; display:grid; grid-template-rows:auto auto; gap:5px; justify-items:center; text-align:center; }.advanced-symbol-name { min-width:0; display:flex; align-items:center; justify-content:center; gap:6px; }.advanced-symbol-name>.stock-icon { width:30px; height:30px; flex:0 0 30px; }.advanced-symbol-name>span:last-child { min-width:0; }.advanced-symbol-name strong,.advanced-symbol-name small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.advanced-symbol-name strong { font-size:13px; line-height:1.15; }.advanced-symbol-name small { margin-top:2px; color:#68736f; font-size:6px; }.advanced-symbol-price { display:flex; align-items:baseline; justify-content:center; gap:5px; }.advanced-symbol-price b { font-size:17px; line-height:1; white-space:nowrap; }.advanced-symbol-price small { color:#55e0ab; font-size:8px; }.advanced-symbol-price small.down { color:#ff6f7d; }
.advanced-chart-commandbar .advanced-chart-search { height:64px; padding:4px 5px; grid-template-columns:15px minmax(0,1fr); grid-template-rows:29px 25px; column-gap:4px; row-gap:2px; }.advanced-chart-commandbar .advanced-chart-search>svg { grid-column:1; grid-row:1; align-self:center; }.advanced-chart-commandbar .advanced-chart-search>input { grid-column:2; grid-row:1; }.advanced-chart-commandbar .advanced-chart-search>button { width:100%; height:25px; grid-column:1/-1; grid-row:2; border-radius:7px; }.advanced-chart-commandbar .advanced-chart-search-results { top:70px; }
.advanced-chart-view .advanced-periods { height:40px; padding:2px 10px 6px; }
.advanced-chart-view .advanced-chart-frame { height:calc(100dvh - 280px); min-height:320px; }
.tradingview-simple-chart { position:absolute; z-index:1; inset:0 0 54px; background:#0f0f0f; }.tradingview-simple-chart>div,.tradingview-simple-chart table { width:100%!important; height:100%!important; }
.app-shell:has(.advanced-chart-view.active) .bottom-nav .ai-nav span { width:auto; height:auto; margin:0; border-radius:0; background:none; color:inherit; display:block; box-shadow:none; font-size:20px; }
@media (min-width:700px) { .advanced-chart-view .advanced-chart-frame { height:calc(100dvh - 328px); } }
@media (max-width:390px) { .advanced-chart-commandbar { grid-template-columns:minmax(0,1fr) 122px; padding-inline:7px; }.advanced-symbol-switcher { grid-template-columns:40px minmax(0,1fr) 40px; gap:4px; }.advanced-symbol-arrow { width:40px; }.advanced-symbol-name strong { font-size:12px; }.advanced-symbol-price b { font-size:15px; } }
.advanced-chart-commandbar { grid-template-columns:minmax(0,1fr) 172px; gap:7px; }
.advanced-symbol-switcher { grid-template-columns:48px minmax(0,1fr) 48px; gap:1px; }
.advanced-symbol-arrow { width:48px; height:48px; padding:0 2px; color:#5ca8ff; gap:0; }.advanced-symbol-arrow .arrow { width:17px; font-size:27px; text-align:center; }.advanced-symbol-arrow .stock-icon { width:28px; height:28px; flex-basis:28px; }.advanced-symbol-arrow:active { background:#1c2b38; }
.advanced-chart-view .advanced-periods button { color:#5ca8ff; font-size:10px; font-weight:800; }.advanced-chart-view .advanced-periods button.active { border-color:#318bea; background:#1d5f9f; color:#fff; }
.tradingview-simple-chart { inset:0 0 60px; }.tradingview-simple-chart.drawing-mode { cursor:crosshair; }
.advanced-chart-view .advanced-tools { height:60px; grid-template-columns:repeat(5,1fr); border-top-color:#1f4c74; background:#0d1821f7; }.advanced-chart-view .advanced-tools button { color:#5ca8ff; font-size:16px; }.advanced-chart-view .advanced-tools button span { margin-top:3px; font-size:10px; font-weight:750; }.advanced-chart-view .advanced-tools button.active { background:#153b5d; color:#8dc7ff; }
@media (max-width:390px) { .advanced-chart-commandbar { grid-template-columns:minmax(0,1fr) 158px; padding-inline:6px; gap:4px; }.advanced-symbol-switcher { grid-template-columns:43px minmax(0,1fr) 43px; gap:0; }.advanced-symbol-arrow { width:43px; }.advanced-symbol-arrow .stock-icon { width:25px; height:25px; flex-basis:25px; }.advanced-symbol-arrow .arrow { width:15px; font-size:24px; }.advanced-symbol-name strong { font-size:11px; }.advanced-symbol-name>.stock-icon { width:26px; height:26px; flex-basis:26px; }.advanced-symbol-price b { font-size:14px; } }
.advanced-chart-commandbar { grid-template-columns:minmax(0,1fr) 172px; }
.advanced-symbol-switcher { width:min(100%,280px); margin-inline:auto; grid-template-columns:54px minmax(0,1fr) 54px; gap:4px; }
.advanced-symbol-arrow { width:54px; height:56px; align-self:center; padding:0 3px; }
.advanced-symbol-arrow .arrow { width:20px; font-size:32px; line-height:1; }
.advanced-symbol-arrow .stock-icon { width:30px; height:30px; flex-basis:30px; }
.advanced-symbol-summary { align-self:center; }
.advanced-chart-view .advanced-periods { grid-template-columns:repeat(5,1fr); gap:6px; background:#0f0f0f; }
.advanced-chart-view .advanced-periods button { border:0; background:#141817; }
.advanced-chart-view .advanced-tools { padding:4px 10px 6px; gap:6px; border:0; background:#0f0f0f; }
.advanced-chart-view .advanced-tools button { border:0!important; border-radius:9px; background:#141817; }
.advanced-chart-view .advanced-tools button.active { background:#1d5f9f; color:#fff; }
@media (max-width:390px) {
  .advanced-chart-commandbar { grid-template-columns:minmax(0,1fr) 158px; }
  .advanced-symbol-switcher { grid-template-columns:48px minmax(0,1fr) 48px; gap:2px; }
  .advanced-symbol-arrow { width:48px; height:54px; }
  .advanced-symbol-arrow .arrow { width:18px; font-size:29px; }
  .advanced-symbol-arrow .stock-icon { width:28px; height:28px; flex-basis:28px; }
}
.advanced-chart-commandbar { padding-block:8px; }
.advanced-chart-commandbar .advanced-chart-search {
  height:64px;
  padding:5px;
  grid-template-columns:28px minmax(0,1fr);
  grid-template-rows:28px 25px;
  column-gap:3px;
  row-gap:2px;
  border:0;
  border-radius:14px;
  background:linear-gradient(145deg,#141a1f,#0e1215);
  box-shadow:inset 0 0 0 1px #26333d,0 7px 20px #0003;
  transition:box-shadow .18s,background .18s;
}
.advanced-chart-commandbar .advanced-chart-search:focus-within {
  background:linear-gradient(145deg,#151e26,#0f1418);
  box-shadow:inset 0 0 0 1px #3977ad,0 0 0 3px #1c5e9224,0 8px 22px #0004;
}
.advanced-chart-commandbar .advanced-chart-search>svg {
  width:14px;
  height:14px;
  grid-column:1;
  grid-row:1;
  place-self:center;
  stroke:#5ca8ff;
}
.advanced-chart-commandbar .advanced-chart-search>input {
  grid-column:2;
  grid-row:1;
  padding:0 5px 0 0;
  color:#f0f5f8;
  font-size:9px;
  font-weight:650;
}
.advanced-chart-commandbar .advanced-chart-search>input::placeholder { color:#71808b; }
.advanced-chart-commandbar .advanced-chart-search>button {
  width:100%;
  height:25px;
  grid-column:1/-1;
  grid-row:2;
  border-radius:8px;
  background:#183d5d;
  color:#8fcaff;
  font-size:8px;
  font-weight:800;
  letter-spacing:.2px;
}
.advanced-chart-commandbar .advanced-chart-search>button:active { background:#235c8b; color:#fff; }
.advanced-chart-commandbar .advanced-chart-search-results { top:70px; }
.advanced-chart-view .advanced-periods {
  height:34px;
  margin:12px 0;
  padding:0 10px;
  gap:6px;
}
.advanced-chart-view .advanced-periods button { height:34px; }
.advanced-chart-view .advanced-chart-frame {
  height:calc(100dvh - 310px);
  min-height:294px;
  margin:0 0 10px;
}
.tradingview-simple-chart { inset:0 0 58px; }
.tradingview-simple-chart { overscroll-behavior:contain; }
.advanced-chart-view .advanced-tools {
  height:34px;
  bottom:10px;
  padding:0 10px;
  gap:6px;
}
.advanced-chart-view .advanced-tools button { height:34px; }
.advanced-chart-view .advanced-tools button span { font-size:9px; }
@media (min-width:700px) {
  .advanced-chart-view .advanced-chart-frame { height:calc(100dvh - 358px); }
}
@media (max-width:390px) {
  .advanced-chart-view .advanced-periods { margin-block:10px; }
  .advanced-chart-view .advanced-chart-frame { height:calc(100dvh - 304px); min-height:280px; }
}
.drawing-tool-menu {
  position:absolute;
  z-index:8;
  left:10px;
  bottom:54px;
  width:min(310px,calc(100% - 20px));
  padding:7px;
  border:1px solid #2a3d4c;
  border-radius:12px;
  background:#0c1115f5;
  box-shadow:0 14px 34px #0009;
  backdrop-filter:blur(14px);
}
.drawing-tool-menu[hidden] { display:none; }
.drawing-menu-modes { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
.drawing-tool-menu>p { margin:8px 3px 5px; color:#6f8494; font-size:7px; font-weight:750; }
.drawing-menu-clears { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
.drawing-tool-menu button {
  height:32px;
  border:0;
  border-radius:8px;
  background:#151d23;
  color:#74baff;
  font-size:9px;
  font-weight:800;
}
.drawing-tool-menu button:hover,.drawing-tool-menu button:active { background:#1d4e76; color:#fff; }
.drawing-menu-clears button { display:flex; align-items:center; justify-content:space-between; padding:0 9px; background:#17191b; color:#aeb9c2; font-size:8px; }
.drawing-menu-clears button span { min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:#263039; color:#dcecff; display:grid; place-items:center; font-size:7px; }
.drawing-menu-clears .clear-all { grid-column:1/-1; color:#ff9ca5; }
.drawing-menu-clears .clear-all span { background:#4a2227; color:#ffd7db; }
.drawing-tool-menu button:disabled { cursor:default; opacity:.34; }
.drawing-tool-menu button:disabled:hover,.drawing-tool-menu button:disabled:active { background:#17191b; color:#aeb9c2; }
.chart-drawing-overlay {
  position:absolute;
  z-index:7;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  overflow:hidden;
  pointer-events:none;
  touch-action:none;
}
.support-resistance-zones { position:absolute; z-index:5; inset:0; overflow:hidden; pointer-events:none; }
.support-resistance-zone { position:absolute; left:0; right:62px; min-height:14px; padding:0 7px; border-block:1px dashed; display:flex; align-items:center; gap:6px; font-size:7px; line-height:1; backdrop-filter:blur(1px); }
.support-resistance-zone span { padding:3px 5px; border-radius:5px; color:#fff; font-size:8px; font-weight:850; white-space:nowrap; }
.support-resistance-zone b { color:#dce9e4; font-size:7px; font-weight:700; white-space:nowrap; }
.support-resistance-zone small { color:#aebcb6; font-size:6px; white-space:nowrap; }
.support-resistance-zone.support-near { border-color:#60a5fa99; background:#3b82f616; }.support-resistance-zone.support-near span { background:#2563ebcc; }
.support-resistance-zone.support-strong { border-color:#3b82f6; background:#2563eb27; }.support-resistance-zone.support-strong span { background:#1d4ed8; }
.support-resistance-zone.support-long { border-color:#818cf8; background:#4f46e527; }.support-resistance-zone.support-long span { background:#4338ca; }
.support-resistance-zone.resistance-near { border-color:#fb718599; background:#fb718516; }.support-resistance-zone.resistance-near span { background:#e34b65cc; }
.support-resistance-zone.resistance-strong { border-color:#ef4444; background:#ef444427; }.support-resistance-zone.resistance-strong span { background:#dc2626; }
.support-resistance-zone.resistance-long { border-color:#f472b6; background:#be185d27; }.support-resistance-zone.resistance-long span { background:#9d174d; }
.advanced-chart-loading { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; background:#0f0f0f; color:#dce3e0; text-align:center; }
.advanced-chart-loading i { width:21px; height:21px; margin-bottom:3px; border:2px solid #27322e; border-top-color:#58d6a5; border-radius:50%; animation:advancedChartLoading .8s linear infinite; }
.advanced-chart-loading strong { font-size:11px; }.advanced-chart-loading span { color:#6f7b76; font-size:8px; }
.advanced-chart-loading button { margin-top:7px; padding:8px 12px; border:1px solid #34423c; border-radius:9px; background:#18211d; color:#dce5e1; font-size:9px; font-weight:750; }
.advanced-chart-loading.error i { display:none; }
@keyframes advancedChartLoading { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .advanced-chart-loading i { animation:none; } }
.drawing-capture { fill:transparent; pointer-events:all; cursor:crosshair; }
.drawing-horizontal,.drawing-ray { fill:none; stroke:#55aaff; stroke-width:2; vector-effect:non-scaling-stroke; }
.drawing-horizontal { stroke-dasharray:5 3; }
.drawing-hit { stroke:transparent; stroke-width:16; pointer-events:stroke; cursor:ns-resize; }
.drawing-handle { fill:#0f1010; stroke:#78bdff; stroke-width:2; pointer-events:none; }
.drawing-anchor { fill:#78bdff; stroke:#071019; stroke-width:1.5; pointer-events:none; }
.drawing-fibonacci-area { fill:#3a8bd10c; stroke:#499ee055; stroke-width:1; stroke-dasharray:3 3; pointer-events:none; }
.drawing-fibonacci-line { stroke:#68b6ff; stroke-width:1; opacity:.9; vector-effect:non-scaling-stroke; pointer-events:none; }
.drawing-fibonacci-label { fill:#8bc8ff; font-size:8px; font-weight:700; pointer-events:none; }
.drawing-delete { pointer-events:all; cursor:pointer; outline:none; }
.drawing-delete-hit { fill:transparent; }
.drawing-delete-button { fill:#10161b; stroke:#77baff; stroke-width:1.2; }
.drawing-delete-x { fill:none; stroke:#d6ebff; stroke-width:1.5; stroke-linecap:round; pointer-events:none; }
.drawing-delete:hover .drawing-delete-button,.drawing-delete:focus .drawing-delete-button { fill:#235c8b; stroke:#fff; }
.tradingview-simple-chart.drawing-mode { cursor:crosshair; }
.advanced-symbol-switcher { width:min(100%,240px); grid-template-columns:48px minmax(0,1fr) 48px; gap:2px; }
.advanced-symbol-arrow { width:48px; height:56px; padding:0 3px; gap:2px; }
.advanced-symbol-arrow .arrow { width:12px; height:34px; flex:0 0 12px; display:block; overflow:visible; }
.advanced-symbol-arrow .arrow path { fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.advanced-symbol-arrow .stock-icon { width:24px; height:24px; flex-basis:24px; }
.advanced-chart-view .advanced-tools button { display:flex; align-items:center; justify-content:center; }
.advanced-chart-view .advanced-tools button span { margin:0; font-size:10px; }
@media (max-width:390px) {
  .advanced-symbol-switcher { width:min(100%,220px); grid-template-columns:45px minmax(0,1fr) 45px; }
  .advanced-symbol-arrow { width:45px; height:54px; }
  .advanced-symbol-arrow .arrow { width:11px; height:32px; flex-basis:11px; }
  .advanced-symbol-arrow .stock-icon { width:22px; height:22px; flex-basis:22px; }
}
.order-topbar { min-height:48px; position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; align-items:center; }.order-topbar h1 { margin:0; font-size:22px; }.order-header-search { height:38px; position:relative; display:grid; grid-template-columns:17px minmax(0,1fr) 29px; gap:7px; align-items:center; padding:0 4px 0 11px; border:1px solid #303936; border-radius:12px; background:#111514; }.order-header-search>svg { width:15px; height:15px; fill:none; stroke:#75817d; stroke-width:1.7; }.order-header-search>input { min-width:0; height:100%; border:0; outline:0; background:transparent; color:#edf2f0; font:inherit; font-size:9px; }.order-header-search>input::placeholder { color:#66706d; }.order-header-search>button { width:29px; height:29px; border:0; border-radius:8px; background:#26302d; color:#dce5e1; }
.order-header-search .order-search-results { top:44px; left:auto; right:0; width:min(88vw,390px); }.order-search-result { padding:5px; display:grid; grid-template-columns:minmax(0,1fr) 34px; gap:5px; }.order-search-pick { min-width:0; padding:5px; border:0; border-radius:9px; background:transparent; color:#edf2f0; display:grid; grid-template-columns:31px minmax(0,1fr) auto; gap:8px; align-items:center; text-align:left; }.order-search-pick:hover { background:#202725; }.order-search-pick .stock-icon { width:31px; height:31px; }.order-search-pick>b { font-size:9px; white-space:nowrap; }.order-search-star { width:34px; height:34px; align-self:center; border:1px solid #35403c; border-radius:9px; background:#1a211f; color:#7c8884; font-size:17px; }.order-search-star.saved { color:#f0c45c; }
.order-shell { margin-top:7px; }.order-stock-hero { min-height:164px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }.order-stock-hero .order-selected-icon { width:43px; height:43px; margin-bottom:8px; }.order-stock-hero h2 { margin:0; font-size:20px; letter-spacing:-.4px; }.order-stock-hero>p { margin:3px 0 0; color:#71807b; font-size:8px; }.order-stock-hero>strong { margin-top:12px; font-size:31px; letter-spacing:-1.2px; }.order-stock-hero>small { margin-top:3px; color:#54dca8; font-size:10px; }.order-stock-hero>small.down { color:#ff7380; }.order-favorite-button { position:absolute; top:11px; right:4px; width:37px; height:37px; border:1px solid #303a37; border-radius:11px; background:#131817; color:#7b8783; font-size:20px; }.order-favorite-button[aria-pressed="true"] { color:#f1c65d; }.order-holding { min-width:178px; min-height:36px; margin-top:11px; padding:4px 4px 4px 11px; border:1px solid #2c3633; border-radius:10px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:#111514; color:#8c9894; font-size:9px; }.order-holding[hidden] { display:none; }.order-holding b { color:#e7eeeb; }.order-holding button { min-width:49px; height:28px; border:0; border-radius:7px; background:#28312f; color:#edf2f0; font-size:9px; font-weight:700; }.order-holding button.selling { background:#e9eeec; color:#101312; }
.quick-order-view .order-chart-card { margin-top:0; padding:12px 13px 7px; }.quick-order-view .order-chart-stage { height:178px; margin-top:3px; }.quick-order-view .order-chart-head { align-items:center; }.quick-order-view .order-chart-head>div:first-child strong { font-size:11px; }.quick-order-view .order-chart-actions button { min-height:27px; }.quick-order-view .order-mode-grid { margin-top:9px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }.quick-order-view .order-mode-grid button { min-height:56px; padding:10px 11px; grid-template-columns:25px minmax(0,1fr); grid-template-rows:1fr; align-items:center; }.quick-order-view .order-mode-grid button>span { grid-row:auto; }.quick-order-view .order-mode-grid strong { align-self:auto; font-size:10px; white-space:normal; line-height:1.3; }
.order-entry-view { padding-top:5px; padding-bottom:30px; }.order-entry-header { min-height:58px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #242b29; }.order-entry-header p,.order-entry-header h1 { margin:0; }.order-entry-header p { color:#74807c; font-size:8px; }.order-entry-header h1 { margin-top:3px; font-size:18px; }.order-entry-header>button { width:36px; height:36px; border:0; border-radius:10px; background:#181d1c; color:#aeb8b4; font-size:21px; }.order-entry-asset { min-height:68px; display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px; align-items:center; border-bottom:1px solid #222927; }.order-entry-asset .stock-icon { width:38px; height:38px; }.order-entry-asset strong,.order-entry-asset small { display:block; }.order-entry-asset strong { font-size:10px; }.order-entry-asset small { margin-top:4px; color:#737f7b; font-size:8px; }
.order-input-card { margin-top:14px; padding:17px 16px 15px; border:1px solid #2c3633; border-radius:18px; background:linear-gradient(155deg,#121817,#0d1110); }.order-input-title strong,.order-input-title small { display:block; }.order-input-title strong { font-size:15px; }.order-input-title small { margin-top:5px; color:#71807b; font-size:8px; }.order-input-display { min-height:91px; display:flex; align-items:center; justify-content:flex-end; gap:7px; border-bottom:1px solid #26302d; }.order-input-display span { overflow:hidden; font-size:38px; font-weight:760; letter-spacing:-1.5px; text-overflow:ellipsis; }.order-input-display b { color:#899590; font-size:12px; }.order-input-card>p { min-height:16px; margin:8px 0 11px; color:#68746f; font-size:8px; text-align:right; }.order-input-presets { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }.order-input-presets button { height:34px; border:1px solid #313b38; border-radius:9px; background:#19201e; color:#9aa5a1; font-size:8px; }.order-input-presets button:active { background:#2a3431; color:#fff; }.order-keypad { margin-top:14px; display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }.order-keypad button { height:48px; border:0; border-radius:10px; background:transparent; color:#eef3f1; font-size:17px; }.order-keypad button:hover,.order-keypad button:active { background:#202825; }.order-entry-confirm { width:100%; height:52px; margin-top:11px; border:0; border-radius:13px; background:#e9eeec; color:#0c100f; font-size:11px; font-weight:800; }
.quick-order-view .order-topbar { display:flex; gap:12px; }.quick-order-view .order-header-search { width:50%; margin-left:auto; flex:0 0 50%; }.quick-order-view .order-header-search .order-search-results { width:min(88vw,390px); }
.quick-order-view .order-shell { margin-top:18px; }.quick-order-view .order-stock-hero { min-height:198px; display:block; padding-top:20px; }.order-stock-center { display:flex; flex-direction:column; align-items:center; text-align:center; }.order-stock-center .order-selected-icon { width:43px; height:43px; margin-bottom:9px; }.order-stock-center h2 { margin:0; font-size:20px; letter-spacing:-.4px; }.order-stock-center>p { margin:4px 0 0; color:#71807b; font-size:8px; }.order-stock-center>strong { margin-top:13px; font-size:31px; letter-spacing:-1.2px; }.order-stock-center>small { margin-top:3px; color:#54dca8; font-size:10px; }.order-stock-center>small.down { color:#ff7380; }.order-stock-center .order-holding { margin-top:12px; margin-bottom:0; }
.order-stock-arrow { position:absolute; z-index:2; top:71px; width:38px; height:46px; border:0; border-radius:12px; background:#151b19; color:#8e9a96; font-size:29px; line-height:1; transition:background .16s,color .16s,transform .16s; }.order-stock-arrow.previous { left:8px; }.order-stock-arrow.next { right:8px; }.order-stock-arrow:hover { background:#222b28; color:#f1f5f3; }.order-stock-arrow:active { transform:scale(.94); }
.quick-order-view .order-chart-card { margin-top:18px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }.quick-order-view .order-chart-stage { height:184px; margin-top:8px; }.quick-order-view .order-mode-grid { margin-top:20px; }
.order-watchlist-hub { margin-top:24px; padding-top:18px; border-top:1px solid #242c29; }.order-watchlist-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }.order-watchlist-head strong,.order-watchlist-head small { display:block; }.order-watchlist-head strong { font-size:13px; }.order-watchlist-head small { margin-top:4px; color:#68746f; font-size:8px; }.order-watchlist-head>button { min-width:52px; height:31px; border:1px solid #323c39; border-radius:9px; background:#171d1b; color:#a3ada9; font-size:8px; }
.order-watchlist-quick-list { margin-top:10px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }.order-watchlist-quick-list>button { min-width:0; min-height:53px; padding:7px 8px; border:1px solid #29322f; border-radius:12px; background:#111514; color:#e8eeeb; display:grid; grid-template-columns:31px minmax(0,1fr); grid-template-rows:auto auto; column-gap:8px; align-items:center; text-align:left; }.order-watchlist-quick-list>button.active { border-color:#4d625b; background:#17201d; }.order-watchlist-quick-list .stock-icon { grid-row:1/3; width:31px; height:31px; }.order-watchlist-quick-list>button>span:nth-child(2) { min-width:0; }.order-watchlist-quick-list strong,.order-watchlist-quick-list small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.order-watchlist-quick-list strong { font-size:9px; }.order-watchlist-quick-list small { margin-top:3px; color:#899590; font-size:8px; }.order-watchlist-quick-list>button>b { grid-column:2; color:#54dca8; font-size:7px; font-weight:600; }.order-watchlist-quick-list>button>b.down { color:#ff7380; }
.app-shell>.watchlist-settings { z-index:45; top:74px; left:18px; right:18px; max-height:calc(100vh - 150px); overflow:auto; }
.watchlist-settings-search { height:40px; margin-bottom:10px; padding:0 12px; display:grid; grid-template-columns:17px minmax(0,1fr); gap:8px; align-items:center; border:1px solid #303936; border-radius:11px; background:#111514; }.watchlist-settings-search svg { width:16px; height:16px; fill:none; stroke:#75817d; stroke-width:1.7; }.watchlist-settings-search input { min-width:0; height:100%; border:0; outline:0; background:transparent; color:#edf2f0; font:inherit; font-size:9px; }.watchlist-settings-search input::placeholder { color:#66706d; }.watchlist-options.empty::after { content:"검색 결과가 없어요."; grid-column:1/-1; padding:18px; color:#6f7a76; text-align:center; font-size:9px; }.watchlist-options label[hidden] { display:none; }
@media (max-width:390px) { .quick-order-view .order-header-search { width:56%; flex-basis:56%; }.order-stock-arrow.previous{left:1px}.order-stock-arrow.next{right:1px}.order-watchlist-quick-list{grid-template-columns:1fr} }
.order-stock-arrow { width:67px; height:48px; padding:0 6px; border-radius:14px; display:flex; align-items:center; justify-content:center; gap:5px; font-size:27px; }.order-stock-arrow.previous { left:4px; }.order-stock-arrow.next { right:4px; }.order-stock-arrow .stock-icon { width:29px; height:29px; flex:0 0 29px; font-size:7px; }
.order-stock-center .order-holding { min-width:230px; min-height:48px; padding-left:13px; border-color:#34443f; background:#151d1a; box-shadow:0 8px 24px #0003; }.order-holding-copy { min-width:0; text-align:left; }.order-holding-copy>span,.order-holding-copy>small { display:block; }.order-holding-copy>span { color:#bdc7c3; font-size:9px; }.order-holding-copy>span b { color:#fff; font-size:11px; }.order-holding-copy>small { margin-top:4px; color:#55dea9; font-size:8px; font-weight:700; }.order-holding-copy>small.down { color:#ff7180; }.order-holding button { min-width:58px; height:35px; background:#2868d8; color:#fff; box-shadow:0 4px 13px #1769ff38; }.order-holding button.selling { background:#e9eeec; color:#101312; box-shadow:none; }
.quick-order-view .order-mode-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.quick-order-view .order-mode-grid button { min-height:62px; border-color:#7b363d; background:linear-gradient(145deg,#7e2d36,#522127); color:#fff; box-shadow:0 8px 22px #4f151d35; }.quick-order-view .order-mode-grid button>span { background:#ffffff16; color:#ffd9dd; }.quick-order-view .order-mode-grid button:nth-child(2) { background:#30191c; border-color:#73333a; }.quick-order-view .order-mode-grid button:nth-child(3) { grid-column:1/-1; min-height:58px; border-color:#35564d; background:linear-gradient(145deg,#1c3c34,#142a25); box-shadow:0 8px 22px #08221b45; }.quick-order-view .order-mode-grid button:nth-child(3)>span { color:#70e2b6; background:#56e0ac12; }.quick-order-view .order-mode-grid.sell-mode button:not(:nth-child(3)) { border-color:#315d9e; background:linear-gradient(145deg,#245aab,#173b73); box-shadow:0 8px 22px #0d326742; }.quick-order-view .order-mode-grid.sell-mode button:not(:nth-child(3))>span { color:#d9e9ff; }
.order-watchlist-quick-list small { margin-top:4px; color:#f0f4f2; font-size:12px; font-weight:750; letter-spacing:-.25px; }.order-watchlist-quick-list>button>b { margin-top:2px; font-size:7px; font-weight:650; }.order-watchlist-quick-list>button:not(.has-position) { min-height:60px; }.order-watchlist-quick-list>button:not(.has-position)>span:nth-child(2) { align-self:center; }
@media (max-width:390px) { .order-stock-arrow{width:60px}.order-stock-arrow.previous{left:0}.order-stock-arrow.next{right:0} }
.ai-brief { border-color:#333; background:#191919; }
.section-caption { font-size:10px; color:var(--muted); margin:5px 0 0; }
.stock-card { background:#191919; }
.stock-icon { border-radius:50%; }
.stock-icon.samsung { background:#1957d2; color:#fff; }
.stock-icon.apple { background:linear-gradient(145deg,#f4f4f4,#aeb3bb); color:#111; }
.stock-icon.bitcoin { background:#f7931a; color:#fff; font-size:19px; }
.sparkline { grid-column:1/2; width:100%; height:36px; overflow:visible; }
.sparkline path { fill:none; stroke:var(--green); stroke-width:2; stroke-linecap:round; filter:drop-shadow(0 3px 5px #42d39250); stroke-dasharray:140; animation:draw 1.1s ease both; }
.sparkline.down path { stroke:var(--red); }
@keyframes draw { from { stroke-dashoffset:140; } to { stroke-dashoffset:0; } }
.trade-actions { display:flex; gap:6px; align-items:center; }
.trade-actions button { border:1px solid #3b3b3b; border-radius:10px; background:#242424; color:#ddd; padding:8px 10px; font-size:10px; }
.trade-actions button:last-child { background:#eee; color:#111; border-color:#eee; font-weight:800; }
.reason b { color:#ddd; }
.portfolio-card { background:#ededed; }
.bottom-nav { grid-template-columns:repeat(5,1fr); padding-inline:8px; background:#030404; border-top-color:#17201f; backdrop-filter:none; }
.bottom-nav .ai-nav span { background:#eee; box-shadow:none; }
.menu-scrim { position:fixed; z-index:39; inset:0; background:#0009; opacity:0; pointer-events:none; transition:opacity .25s; backdrop-filter:blur(2px); }
.menu-scrim.open { opacity:1; pointer-events:auto; }
.menu-drawer { position:fixed; z-index:40; top:0; bottom:0; right:max(0px,calc(50% - 260px)); width:min(88vw,370px); padding:20px 16px; background:#151515; border-left:1px solid #333; opacity:0; visibility:hidden; transform:translateX(105%); transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s,visibility 0s .28s; display:flex; flex-direction:column; box-shadow:-18px 0 60px #0008; }
.menu-drawer.open { opacity:1; visibility:visible; transform:translateX(0); transition-delay:0s; }
body.menu-open { overflow:hidden; }
.drawer-head { display:flex; align-items:center; justify-content:space-between; padding:0 5px 18px; }
.drawer-head button { width:34px; height:34px; border:0; border-radius:9px; background:#222; color:#aaa; font-size:22px; }
.account-summary { display:grid; grid-template-columns:38px 1fr auto; gap:11px; align-items:center; padding:13px; border:1px solid #303030; border-radius:14px; background:#1b1b1b; }
.account-avatar { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:#eee; color:#111; font-size:11px; font-weight:700; }
.account-summary strong,.account-summary small { display:block; }.account-summary strong { font-size:12px; }.account-summary small { color:#888; margin-top:3px; font-size:9px; }
.drawer-nav { margin-top:19px; overflow:auto; }
.drawer-nav>p { margin:18px 10px 7px; color:#666; font-size:8px; letter-spacing:1.5px; font-weight:700; }
.drawer-nav button { width:100%; min-height:48px; display:grid; grid-template-columns:27px 1fr; grid-template-rows:auto auto; column-gap:6px; align-items:center; padding:9px 10px; border:0; border-radius:10px; background:none; color:#ddd; text-align:left; }
.drawer-nav button:hover { background:#222; }.drawer-nav button>span { grid-row:1/3; color:#aaa; font-size:16px; }.drawer-nav button b { font-size:12px; font-weight:550; }.drawer-nav button small { color:#777; font-size:9px; margin-top:2px; }
.drawer-link { width:100%; min-height:48px; display:grid; grid-template-columns:27px 1fr; gap:6px; align-items:center; padding:9px 10px; border-radius:10px; color:#ddd; text-decoration:none; }.drawer-link:hover{background:#222}.drawer-link span{color:#aaa;font-size:12px}.drawer-link b{font-size:12px;font-weight:550}
.drawer-foot { margin-top:auto; border-top:1px solid #292929; padding:15px 8px 0; display:grid; gap:10px; }.drawer-foot small { color:#555; font-size:8px; }
.chat-command-shell{width:100%;min-height:62px;padding:8px 9px 8px 14px;border:1px solid #414141;border-radius:17px;background:#1c1c1c;display:grid;grid-template-columns:minmax(0,1fr) 38px 38px;align-items:center;gap:7px;box-shadow:0 12px 35px #0005}.chat-command-shell textarea{min-width:0;width:100%;height:42px;max-height:84px;padding:11px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#eee;outline:0;line-height:1.5}.chat-command-shell textarea::placeholder{color:#888}.chat-voice-button,.composer button[type="submit"]{width:38px!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:11px!important;display:grid!important;place-items:center}.chat-voice-button{background:#2a2a2a!important;color:#bbb!important}.chat-voice-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat-voice-button .stop-icon{display:none;fill:currentColor;stroke:none}.chat-voice-button.recording{background:#1769ff!important;color:#fff!important;box-shadow:0 0 0 5px #1769ff20;animation:voicePulse 1.2s ease-in-out infinite}.chat-voice-button.recording .mic-icon{display:none}.chat-voice-button.recording .stop-icon{display:block}.composer button[type="submit"]{background:#eee!important;color:#111!important;font-size:18px;font-weight:800}.composer button[type="submit"].responding{background:#303030!important;color:#fff!important;box-shadow:0 0 0 5px #ffffff0d;animation:voicePulse 1.3s ease-in-out infinite}.response-stop{display:none;width:11px;height:11px;border-radius:2px;background:currentColor}.composer button[type="submit"].responding .send-arrow{display:none}.composer button[type="submit"].responding .response-stop{display:block}.chat-voice-wave{display:none;min-width:0;height:24px;align-items:center;overflow:hidden}.chat-voice-wave.active{display:flex}.chat-voice-wave canvas{display:block;min-width:0;width:100%;height:24px}.composer.voice-recording .chat-command-shell{grid-template-columns:minmax(0,1fr) 38px 38px}.composer.voice-recording textarea{display:none}.composer.voice-recording .chat-voice-wave{display:flex;animation:chatWaveEnter .2s ease-out both}@keyframes chatWaveEnter{from{opacity:0;transform:scaleX(.96)}to{opacity:1;transform:scaleX(1)}}
.message.loading{align-items:flex-start}.message.loading .bubble{width:min(88%,390px);max-width:88%;padding:14px 15px;color:#dce4e1;background:linear-gradient(145deg,#171d1b,#111513);border-color:#2b3733}.thinking-progress{display:grid;gap:12px}.thinking-progress-head{display:flex;align-items:center;gap:9px}.thinking-progress-head strong{font-size:11px;font-weight:720;color:#f1f5f3}.thinking-orb{width:9px;height:9px;border-radius:50%;background:#4ea1ff;box-shadow:0 0 0 0 #4ea1ff66;animation:thinkingPulse 1.35s ease-out infinite}.thinking-progress-list{display:grid;gap:8px}.thinking-step{display:grid;grid-template-columns:16px minmax(0,1fr);gap:7px;align-items:start;transition:opacity .22s ease}.thinking-step>span{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;margin-top:1px;border:1px solid #3a4541;color:#101512;font-size:9px;font-weight:900}.thinking-step p{margin:0;font-size:10px;line-height:1.5;color:#66716d}.thinking-step.complete>span{border-color:#5b8f7c;background:#8bcfb6}.thinking-step.complete p{color:#929d99}.thinking-step.active>span{border:2px solid #4ea1ff;border-right-color:transparent;animation:thinkingSpin .8s linear infinite}.thinking-step.active p{color:#e4eae7;font-weight:650;animation:thinkingText 1.4s ease-in-out infinite}.thinking-detail{min-height:39px;padding:9px 10px;display:grid;grid-template-columns:5px minmax(0,1fr);gap:8px;align-items:start;border:1px solid #263a43;border-radius:10px;background:#111a1d;animation:thinkingDetailIn .24s ease-out}.thinking-detail>span{width:5px;height:5px;margin-top:5px;border-radius:50%;background:#4ea1ff;box-shadow:0 0 8px #4ea1ff99}.thinking-detail p{margin:0;color:#9fb0b6;font-size:9px;line-height:1.55}.thinking-step.pending{opacity:.42}@keyframes thinkingPulse{70%,100%{box-shadow:0 0 0 7px #4ea1ff00}}@keyframes thinkingSpin{to{transform:rotate(360deg)}}@keyframes thinkingText{50%{opacity:.58}}@keyframes thinkingDetailIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.thinking-orb,.thinking-step.active>span,.thinking-step.active p,.thinking-detail{animation:none}}
/* MOA product knowledge sync watches prototype presentation changes. */
.order-action-choice { margin-top:22px; }.order-action-choice h3 { margin:0 0 10px; color:#e8eeeb; font-size:14px; font-weight:700; letter-spacing:-.3px; }.quick-order-view .order-action-choice .order-mode-grid { margin-top:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }.quick-order-view .order-action-choice .order-mode-grid button,.quick-order-view .order-action-choice .order-mode-grid button:nth-child(2),.quick-order-view .order-action-choice .order-mode-grid button:nth-child(3) { grid-column:auto; min-height:48px; padding:0 7px; border:1px solid #39433f; border-radius:12px; background:#171d1b; color:#e8eeeb; display:grid; place-items:center; box-shadow:none; text-align:center; }.quick-order-view .order-action-choice .order-mode-grid button:hover { border-color:#6e7c77; background:#202825; }.quick-order-view .order-action-choice .order-mode-grid strong { font-size:10px; font-weight:750; white-space:nowrap; }.quick-order-view .order-action-choice .order-mode-grid.sell-mode button:not(:nth-child(3)) { border-color:#365d93; background:#18365f; box-shadow:none; }
.order-stock-arrow>span { width:20px; height:29px; display:grid; place-items:center; line-height:1; transform:translateY(-1px); }.order-stock-arrow .stock-icon { align-self:center; }
.order-stock-center .order-holding { min-width:250px; min-height:52px; padding:7px 7px 7px 14px; border:1px solid #31423c; border-radius:15px; background:linear-gradient(145deg,#19231f,#111815); box-shadow:inset 0 1px #ffffff08,0 9px 26px #0003; }.order-holding-copy>span { color:#9ba9a4; font-size:8px; }.order-holding-copy>span b { margin-left:3px; color:#f5f8f7; font-size:12px; }.order-holding-copy>small { margin-top:5px; font-size:8px; }.order-holding button { min-width:61px; height:38px; border-radius:11px; background:linear-gradient(145deg,#4389f7,#2164d4); box-shadow:inset 0 1px #ffffff2b,0 5px 14px #1769ff35; }
.order-watchlist-quick-list>button,.order-watchlist-quick-list>button.has-position,.order-watchlist-quick-list>button:not(.has-position) { min-height:64px; padding:8px 10px; display:grid; grid-template-columns:32px minmax(0,1fr) auto; grid-template-rows:1fr; column-gap:9px; align-items:center; }.order-watchlist-quick-list .stock-icon { grid-row:auto; width:32px; height:32px; }.order-watchlist-name { min-width:0; overflow:hidden; color:#e9eeec; font-size:10px!important; text-overflow:ellipsis; white-space:nowrap; }.order-watchlist-quote { min-width:92px; text-align:right; }.order-watchlist-quote b,.order-watchlist-quote small { display:block; white-space:nowrap; }.order-watchlist-quote b { color:#f4f7f6; font-size:13px; letter-spacing:-.35px; }.order-watchlist-quote small { margin-top:4px; color:#56dca9; font-size:7px; font-weight:650; }.order-watchlist-quote small.down { color:#ff7180; }
@media (max-width:390px) { .quick-order-view .order-action-choice .order-mode-grid{gap:5px}.quick-order-view .order-action-choice .order-mode-grid strong{font-size:9px}.order-watchlist-quote{min-width:82px}.order-watchlist-quote b{font-size:12px} }
.quick-order-view .order-action-choice h3 { margin-bottom:8px; }.quick-order-view .order-action-choice .order-mode-grid button,.quick-order-view .order-action-choice .order-mode-grid button:nth-child(2),.quick-order-view .order-action-choice .order-mode-grid button:nth-child(3) { min-height:38px; height:38px; border-radius:10px; color:#fff; }.quick-order-view .order-action-choice .order-mode-grid button:nth-child(1) { border-color:#a13f49; background:linear-gradient(145deg,#a83d49,#732832); }.quick-order-view .order-action-choice .order-mode-grid button:nth-child(2) { border-color:#83343d; background:linear-gradient(145deg,#7f3039,#542027); }.quick-order-view .order-action-choice .order-mode-grid button:nth-child(3) { border-color:#7149bd; background:linear-gradient(145deg,#6840b4,#452a7c); }.quick-order-view .order-action-choice .order-mode-grid strong { font-size:12px; font-weight:800; }.quick-order-view .order-action-choice .order-mode-grid.sell-mode button:nth-child(1),.quick-order-view .order-action-choice .order-mode-grid.sell-mode button:nth-child(2) { border-color:#3b6eb7; background:linear-gradient(145deg,#2f68be,#21477f); }
.quick-order-view .order-action-choice + .order-holding { width:100%; min-width:0; min-height:58px; margin-top:13px; padding:8px 8px 8px 15px; border:1px solid #34443f; border-radius:14px; background:linear-gradient(145deg,#19231f,#111815); box-shadow:inset 0 1px #ffffff08,0 8px 22px #0002; }.quick-order-view .order-action-choice + .order-holding[hidden] { display:none; }.quick-order-view .order-action-choice + .order-holding .order-holding-copy { display:flex; align-items:center; gap:13px; }.quick-order-view .order-action-choice + .order-holding .order-holding-copy>span { color:#aab6b1; font-size:9px; }.quick-order-view .order-action-choice + .order-holding .order-holding-copy>span b { margin-left:5px; color:#fff; font-size:14px; }.quick-order-view .order-action-choice + .order-holding .order-holding-copy>small { margin:0; padding-left:13px; border-left:1px solid #35413d; font-size:10px; }.quick-order-view .order-action-choice + .order-holding button { min-width:70px; height:40px; margin-left:auto; font-size:10px; }
.order-watchlist-quick-list>button,.order-watchlist-quick-list>button.has-position,.order-watchlist-quick-list>button:not(.has-position) { min-height:70px; }.order-watchlist-quote { min-width:116px; }.order-watchlist-quote b { font-size:15px; }.order-watchlist-quote small { margin-top:5px; font-size:9px; font-weight:800; letter-spacing:-.15px; }.order-watchlist-name { font-size:10px!important; }
@media (max-width:390px) { .quick-order-view .order-action-choice .order-mode-grid strong{font-size:11px}.quick-order-view .order-action-choice + .order-holding .order-holding-copy{gap:8px}.quick-order-view .order-action-choice + .order-holding .order-holding-copy>small{padding-left:8px;font-size:8px}.order-watchlist-quote{min-width:100px}.order-watchlist-quote b{font-size:13px}.order-watchlist-quote small{font-size:8px} }
.quick-order-view .order-action-choice .order-mode-grid button,.quick-order-view .order-action-choice .order-mode-grid button:nth-child(2),.quick-order-view .order-action-choice .order-mode-grid button:nth-child(3) { grid-template-columns:1fr; grid-template-rows:1fr; justify-items:center; align-items:center; text-align:center; }.quick-order-view .order-action-choice .order-mode-grid strong { width:100%; text-align:center; }.order-watchlist-quote { min-width:106px; }.order-watchlist-quote small { font-size:8.5px; }.order-watchlist-name { font-size:9px!important; }

.quick-order-view .order-action-choice { margin-top:18px; }
.quick-order-view .order-action-choice .order-mode-grid button:nth-child(1) { border-color:#ff0000; background:#ff0000; box-shadow:0 8px 22px #ff000035; }
.quick-order-view .order-action-choice .order-mode-grid button:nth-child(2) { border-color:#a13f49; background:linear-gradient(145deg,#a83d49,#732832); }
.quick-order-view .order-action-choice .order-mode-grid button:nth-child(3) { border-color:#7149bd; background:linear-gradient(145deg,#6840b4,#452a7c); }
.quick-order-view .order-action-choice .order-mode-grid.sell-mode button:nth-child(1) { border-color:#0877ff; background:#0877ff; box-shadow:0 8px 22px #0877ff35; }
.quick-order-view .order-action-choice .order-mode-grid.sell-mode button:nth-child(2) { border-color:#3b6eb7; background:linear-gradient(145deg,#2f68be,#21477f); }
.order-watchlist-quick-list>button,.order-watchlist-quick-list>button.has-position,.order-watchlist-quick-list>button:not(.has-position) { grid-template-columns:62px minmax(0,1fr); grid-template-rows:1fr; }
.order-watchlist-identity { min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; }
.order-watchlist-identity .stock-icon { width:32px; height:32px; }
.order-watchlist-identity .order-watchlist-name { width:100%; color:#e9eeec; font-size:8px!important; line-height:1.15; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.order-watchlist-quote { min-width:0; text-align:right; }
.order-watchlist-quote small { font-size:8px; }

.quick-order-view .order-chart-head { align-items:center; }
.order-chart-periods { display:grid; grid-template-columns:repeat(4,auto); gap:5px; }
.order-chart-periods button { min-width:36px; height:28px; padding:0 8px; border:1px solid transparent; border-radius:8px; background:#121716; color:#747f7b; font-size:8px; font-weight:700; }
.order-chart-periods button.active { border-color:#4a5a55; background:#222b28; color:#f2f5f4; }
.quick-order-view .order-chart-actions button { min-height:32px; padding:0 12px; font-size:11px; font-weight:750; }
.quick-order-view .order-action-choice { margin-top:32px; }
.quick-order-view .order-action-choice .order-mode-grid button:nth-child(2) { border-color:#ba357f; background:linear-gradient(145deg,#d43878,#9b2d75); box-shadow:0 8px 22px #bd2c7030; }
.order-watchlist-hub { margin-top:34px; }
.order-stock-arrow { width:67px; height:58px; top:66px; }

.order-watchlist-quick-list>button,.order-watchlist-quick-list>button.has-position,.order-watchlist-quick-list>button:not(.has-position) { min-height:80px; padding:9px 10px; }
.order-watchlist-quote b { font-size:15px; }
.order-watchlist-quote small { margin-top:6px; display:flex; flex-direction:column; align-items:flex-end; gap:2px; line-height:1.1; }
.order-watchlist-quote small>span { color:#87948f; font-size:8.5px; font-weight:750; }
.order-watchlist-quote small>em { color:#56dca9; font-size:10.5px; font-style:normal; font-weight:850; letter-spacing:-.32px; white-space:nowrap; }
.order-watchlist-quote small.down>em { color:#ff7180; }

.quick-order-view .order-chart-periods { margin-top:0; padding-top:0; border-top:0; }
.order-stock-arrow { width:67px; height:66px; top:62px; }
.order-stock-arrow>span { height:36px; font-size:42px; transform:scaleY(1.14); transform-origin:center; }

.order-stock-arrow>span { transform:translateY(-6px) scaleY(1.14); }
.quick-order-view .order-action-choice { margin-top:42px; }
.order-watchlist-hub { margin-top:44px; }
.order-watchlist-quick-list>button,.order-watchlist-quick-list>button.has-position,.order-watchlist-quick-list>button:not(.has-position) { min-height:72px; grid-template-columns:54px minmax(0,1fr); }
.order-watchlist-quote small { margin-top:5px; flex-direction:row; align-items:baseline; justify-content:flex-end; gap:3px; }
.order-watchlist-quote small>span { flex:0 0 auto; }
.order-watchlist-quote small>em { min-width:0; }

.order-stock-arrow>span { width:16px; height:29px; display:block; transform:none; }
.order-stock-arrow>span svg { width:16px; height:29px; display:block; overflow:visible; }
.order-stock-arrow>span path { fill:none; stroke:currentColor; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; }
.quick-order-view .order-action-choice { margin-top:55px; }
.price-tick-up { color:#ff4355!important; text-shadow:0 0 12px #ff435555; animation:priceTickPulse .42s ease-out; }
.price-tick-down { color:#438cff!important; text-shadow:0 0 12px #438cff55; animation:priceTickPulse .42s ease-out; }
@keyframes priceTickPulse { from { transform:translateY(-1px); opacity:.72; } to { transform:translateY(0); opacity:1; } }
@media (prefers-reduced-motion:reduce) { .price-tick-up,.price-tick-down { animation:none; } }