@layer base{:root{--page-pad:6px;--section-gap:4px;--grid-gap:4px;--topbar-h:38px;--quickbar-h:28px;--news-row-h:18px;--news-rows:3;--news-pad-y:2px;--news-h:58px;--card-radius:10px;--border-w:1px;--card-pad-x:8px;--card-pad-y:6px;--fs-news:12px;--lh-news:18px;--fs-sym:11px;--lh-sym:14px;--fs-price:16px;--lh-price:20px;--fs-chg:11px;--lh-chg:14px;--bg:#070a0f;--surface:#0b1220;--border-strong:#334155;--divider:#94a3b82e;--text:#e6edf3;--muted:#9aa4b2;--up:#00c087;--down:#ff4d6d;--star:#fbbf24;--focus:#60a5fa;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--gridH:calc(100dvh - var(--safe-top) - var(--safe-bottom) - var(--topbar-h) - var(--quickbar-h) - var(--news-h) - (var(--section-gap)*3) - (var(--page-pad)*2));--cardH:calc((var(--gridH) - (var(--grid-gap)*3))/4)}}.app-container{width:100%;height:100%;padding:var(--page-pad);padding-top:calc(var(--page-pad) + var(--safe-top));padding-bottom:calc(var(--page-pad) + var(--safe-bottom));gap:var(--section-gap);box-sizing:border-box;flex-direction:column;flex:1;min-height:0;display:flex}.topbar{height:var(--topbar-h)}.quickbar{height:var(--quickbar-h)}.news-strip{height:var(--news-h);padding:var(--news-pad-y)0;grid-template-rows:repeat(3,var(--news-row-h));gap:0;display:grid}.news-item{height:var(--news-row-h);line-height:var(--news-row-h);font-size:var(--fs-news);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gridWrap{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.gridViewport{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;flex:1;overflow-y:auto}.gridViewport::-webkit-scrollbar{width:0;height:0}.cockpit-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));grid-auto-rows:var(--cardH);gap:var(--grid-gap);padding-bottom:10px;display:grid}.gridWrap:after{content:"";pointer-events:none;background:linear-gradient(#0000,#070a0fe6);height:14px;position:absolute;bottom:0;left:0;right:0}.panel-card{background:var(--surface);border:var(--border-w)solid var(--border-strong);border-radius:var(--card-radius);padding:var(--card-pad-y)var(--card-pad-x);box-sizing:border-box;cursor:pointer;grid-template-rows:max-content max-content max-content 1fr;row-gap:2px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.panel-card:active{background:#ffffff0d}.sym-text{font-size:var(--fs-sym);line-height:var(--lh-sym);font-weight:700}.price-text{font-size:var(--fs-price);line-height:var(--lh-price);font-variant-numeric:tabular-nums;font-weight:700}.chg-text{font-size:var(--fs-chg);line-height:var(--lh-chg);font-variant-numeric:tabular-nums;font-weight:600}.spark-container{width:100%;height:100%;min-height:20px;margin-top:4px;position:relative}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}