nav{justify-content:space-around;overflow:hidden}
nav button{flex:1 1 0;min-width:0}
main{padding-bottom:110px}
#update-app{color:var(--green);cursor:pointer;text-align:center;width:calc(100% - 40px)}
.curve{margin-top:12px}
.ranges{display:flex;gap:5px;overflow-x:auto;margin:14px 0}
.ranges button{flex:0 0 auto;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:9px;padding:7px 10px;font-size:11px}
.ranges button[aria-pressed=true]{background:var(--green);color:var(--bg)}
.chart-box{height:330px;margin:12px -8px;position:relative;transition:opacity .18s ease}
.chart-extrema{position:absolute;inset:0;pointer-events:none;z-index:3}
.chart-extreme{position:absolute;max-width:175px;padding:2px 5px;border-radius:4px;background:#10151cdd;color:#e5edf5;font-size:10px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chart-extreme.high{border-left:2px solid #62e7bf}
.chart-extreme.low{border-left:2px solid #ff959f}
.chart-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}
.scanner-item{margin-bottom:10px}.scanner-item .asset-head small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.scanner-pattern{margin-top:9px;padding:8px;border-left:2px solid var(--green);background:var(--bg);font-size:12px;line-height:1.5}
.idea-card{margin-bottom:12px}.idea-asset{border-top:1px solid var(--line);padding:12px 0}.idea-asset p{color:var(--muted);font-size:12px}.idea-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.idea-results div{display:flex;flex-direction:column;gap:3px}.idea-results small{color:var(--muted);font-size:10px}.idea-results strong{font-size:13px}@media(max-width:460px){.idea-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
.replay-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.replay-controls button{flex:1;min-width:88px}.replay-controls select{width:auto}.replay-context,.cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.replay-context div{display:flex;flex-direction:column;gap:3px}.replay-context small{color:var(--muted)}.cost-grid input{width:100%}@media(max-width:460px){.replay-context,.cost-grid{grid-template-columns:1fr 1fr}}
.history-row{display:block;width:100%;text-align:left;color:var(--text);font:inherit}.history-row .replay-context{margin-top:10px}.history-subtitle{border-left:3px solid var(--green)}.comparison{border-collapse:collapse;min-width:540px;width:100%;font-size:12px}.comparison td,.comparison th{padding:8px;border-bottom:1px solid var(--line);text-align:left}
.more-link{display:block;width:100%;margin:8px 0;text-align:left}