html{background:var(--bg)}body{overscroll-behavior-y:none}.shell{padding-top:calc(28px + env(safe-area-inset-top));padding-right:max(28px,env(safe-area-inset-right));padding-bottom:calc(28px + env(safe-area-inset-bottom));padding-left:max(28px,env(safe-area-inset-left))}.live-wrap button,.tab{min-height:42px}.live-wrap .install-btn{background:var(--cyan);border-color:var(--cyan);color:#041713;font-weight:600}@media(max-width:560px){.shell{padding-top:calc(16px + env(safe-area-inset-top));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left))}.live-wrap{width:100%}.live-wrap button{min-height:44px}.index-strip{margin:20px 0}.panel{padding:16px}.bar-row{grid-template-columns:72px minmax(80px,1fr) 76px}h1{font-size:25px}}
.signal-panel{margin-bottom:16px}.signal-tab{border:1px solid var(--line);background:#0c1b2c;color:var(--text);border-radius:8px;padding:9px 12px;min-height:42px;cursor:pointer}.signal-tab.active{background:var(--text);color:#08121f}.signal-note,.risk-note{color:var(--muted);font-size:12px}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.signal-card{background:#0b1b2d;border:1px solid var(--line);border-radius:12px;padding:15px}.signal-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.signal-title strong{font-size:16px}.signal-code{display:block;margin-top:3px;color:var(--muted);font-size:11px}.signal-score{color:var(--cyan);font-weight:600}.signal-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:13px 0;font-size:12px}.signal-metrics span{color:var(--muted)}.signal-reasons{color:var(--muted);font-size:12px;line-height:1.6}.risk-note{border-top:1px solid var(--line);padding-top:12px}@media(max-width:1000px){.signal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.signal-grid{grid-template-columns:1fr}.signal-panel .tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.signal-tab{padding:8px 6px}}
.chart-panel{grid-column:1/-1}.dual-flow{display:grid;grid-template-columns:1fr 1fr;gap:28px}.flow-heading{margin:0 0 14px;font-size:14px;font-weight:500}.dual-flow .bar-chart{min-height:0}@media(max-width:760px){.dual-flow{grid-template-columns:1fr;gap:26px}.dual-flow>div+div{padding-top:22px;border-top:1px solid var(--line)}}
.signal-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.signal-entry{display:block;padding:18px;border:1px solid var(--line);border-radius:12px;background:#0b1b2d;color:var(--text);text-decoration:none}.signal-entry strong,.signal-entry span{display:block}.signal-entry span{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.6}.risk-note a{color:var(--cyan)}@media(max-width:560px){.signal-entry-grid{grid-template-columns:1fr}}