:root{color-scheme:dark;--orange:#FB8B1E;--bg:#06131d;--surface:#0a1b28;--surface2:#0d202e;--line:#264555;--text:#edf5fa;--muted:#8da1ae;--green:#65d99b;--red:#ff858c}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body{max-width:760px;margin:0 auto;padding-bottom:calc(66px + env(safe-area-inset-bottom))}
button{font:inherit;color:inherit;min-height:44px;cursor:pointer}
.topbar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#081724;border-bottom:1px solid #163242;position:sticky;top:0;z-index:10}
.logo{background:var(--orange);color:#111820;font-weight:800;padding:10px}
.brand{min-width:0;flex:1}.brand strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.run{border:0;background:var(--orange);color:#111820;font-weight:800;padding:7px 11px}.run:disabled{opacity:.55}
.markets{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;background:#091a26;border-bottom:1px solid #1c3a4a;position:sticky;top:65px;z-index:9}
.markets button,.chips button{border:1px solid #2d4c5d;background:#0a1b27;color:#a7bac6;padding:8px;font-size:12px}
.markets button.selected,.lifecycle button.selected{background:var(--orange);border-color:var(--orange);color:#111820;font-weight:700}
main{padding:14px 11px}
.page-heading p{margin:0;color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.08em}.page-heading h1{margin:5px 0;font-size:28px}.page-heading span{color:var(--muted);font-size:12px}
.summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:13px 0}
.stat{background:var(--surface);border:1px solid #213d4e;padding:11px}.stat strong{display:block;font-size:22px}.stat span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.section-title{display:flex;align-items:end;gap:8px;margin-top:18px}.section-title h2{font-size:18px;margin:0}.section-title span{margin-left:auto;color:var(--muted);font-size:11px;text-align:right}
.chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:8px 0 2px}.chips.two{grid-template-columns:repeat(2,minmax(0,1fr))}.chips button{min-width:0;white-space:normal;line-height:1.2}.chips:not(.lifecycle) button.selected{border-color:var(--orange);background:#173a4a;color:#fff}
#screeners,#lifecycle{grid-template-columns:repeat(3,minmax(0,1fr))}#screeners button,#lifecycle button{min-height:36px;border-radius:8px;padding:5px 3px;font-size:10px;line-height:1.1;white-space:nowrap}
.chips button b{color:var(--orange)}.lifecycle button.selected b{color:#111820}
.breakdown{color:var(--muted);font-size:12px;margin:10px 2px}
.stock-list,.result-list{display:grid;gap:8px}.stock{background:var(--surface);border:1px solid var(--line);padding:12px}.stock-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.company{font-size:17px;font-weight:700}.code{color:var(--muted);font-size:11px;margin-top:3px}.price{text-align:right;font-size:16px;font-weight:700}.strength{display:inline-block;background:#143b46;color:#65e1db;padding:3px 6px;font-size:10px;font-weight:700;margin-top:4px}.tag{display:inline-block;padding:2px 5px;font-size:9px;margin-left:5px;vertical-align:2px}.tag-new{background:#164b36;color:#77e5ac}.tag-continuing{background:#23384b;color:#9dccf1}.tag-reentered{background:#4a3516;color:#ffd07d}.tag-removed{background:#4b2529;color:#ff9a9f}
.fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:11px}.field{background:var(--surface2);padding:8px;min-width:0}.field span{display:block;color:#7f95a3;font-size:10px;text-transform:uppercase}.field strong{display:block;font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.removal{border-top:1px solid #294555;margin-top:10px;padding-top:9px;display:flex;justify-content:space-between;gap:8px;color:#9bb0bc;font-size:11px}.removal strong{color:var(--red)}
.positive{color:var(--green)}.negative{color:var(--red)}.empty{padding:30px 12px;text-align:center;color:var(--muted)}
.result{background:var(--surface);border-left:3px solid var(--orange);padding:12px}.result-head{display:flex;justify-content:space-between;gap:8px}.result strong{font-size:14px}.result p{margin:6px 0 0;color:var(--muted);font-size:12px}.metric-line{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid #203744;font-size:13px}.metric-line:last-child{border-bottom:0}
.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(760px,100%);display:grid;grid-template-columns:repeat(5,1fr);background:#081824;border-top:1px solid #1d3a49;padding-bottom:env(safe-area-inset-bottom);z-index:20}.bottom-nav button{border:0;background:transparent;color:#8196a4;font-size:11px;padding:8px 2px}.bottom-nav button.selected{color:var(--orange)}
.back{border:1px solid var(--line);background:var(--surface);padding:6px 10px;margin-bottom:12px}.chart{background:var(--surface);padding:10px;margin-top:12px}.chart canvas{width:100%;display:block}
#toast{position:fixed;left:50%;bottom:78px;transform:translateX(-50%);background:#132632;border:1px solid var(--orange);padding:9px 14px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:30;font-size:12px;max-width:90%;text-align:center}#toast.show{opacity:1}
@media(max-width:420px){.topbar{padding:8px}.logo{padding:8px}.brand strong{font-size:12px}.brand span{display:none}.markets{top:53px}.markets button{font-size:11px;padding:6px 4px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1{font-size:25px}.company{font-size:16px}}
@media(min-width:640px){.summary{grid-template-columns:repeat(4,minmax(0,1fr))}}