:root{--bg:#0b0f14;--panel:#121820;--panel2:#0e141b;--line:#202b36;--text:#edf3f8;--muted:#8b9aaa;--accent:#4cc9f0;--good:#32d583;--bad:#ff5c6c;--warn:#f4c95d}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#15202a 0,#0b0f14 45%);color:var(--text);font:14px/1.4 Inter,system-ui,-apple-system,Segoe UI,sans-serif}
.topbar{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(10,14,19,.9);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}
h1{margin:0;font-size:23px;letter-spacing:.5px}h1 span{color:var(--accent);font-weight:500}.eyebrow,.label,.card-title{font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:800}.eyebrow{margin-bottom:2px}
.top-actions{display:flex;align-items:center;gap:14px}.pill,.mini-pill{padding:5px 9px;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:800}.good{color:var(--good);border-color:#22583f}.bad{color:var(--bad);border-color:#632934}.warn{color:var(--warn);border-color:#675a2d}.neutral{color:var(--muted)}
.ghost{background:transparent;border:1px solid var(--line);color:var(--text);padding:8px 12px;border-radius:8px;cursor:pointer}.muted{color:var(--muted)}.small{font-size:12px}
.shell{max-width:1500px;margin:auto;padding:18px 22px 30px}.hero-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.middle-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}.bottom-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:14px}
.signal-card,.levels-card,.trend-card,.chart-card,.drivers-card,.metrics-card,.sources-card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0}
.signal-card{border-top:2px solid var(--accent)}.signal-card.buy{border-top-color:var(--good)}.signal-card.sell{border-top-color:var(--bad)}
.signal-head{display:flex;justify-content:space-between;align-items:center}.signal{font-size:42px;font-weight:900;line-height:1.05;margin-top:5px}.buy .signal{color:var(--good)}.sell .signal{color:var(--bad)}.confidence{text-align:right}.confidence span{font-size:31px;font-weight:800}.confidence small{display:block;color:var(--muted)}
.price-row{display:flex;align-items:baseline;gap:10px;margin:18px 0 8px}.price-row #price{font-size:27px;font-weight:800}.meter{height:5px;background:#202a33;border-radius:10px;overflow:hidden}.meter div{height:100%;background:var(--accent);transition:width .4s}.signal-note{margin-top:10px;color:var(--muted)}
.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.levels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.levels div,.trend-line{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.levels span,.trend-line span{color:var(--muted)}.levels strong{font-size:15px}.rr{margin-top:12px;color:var(--muted)}.rr b{color:var(--text)}
.chart-card canvas{width:100%;display:block}.chart-legend{display:flex;gap:22px;color:var(--muted);font-size:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px}.resistance{background:var(--bad)}.support{background:var(--good)}
.drivers{display:flex;flex-direction:column;gap:8px;max-height:270px;overflow:auto}.drivers a{color:var(--text);text-decoration:none;padding:9px;border:1px solid transparent;border-radius:8px}.drivers a:hover{background:#18212a;border-color:var(--line)}.drivers small{display:block;color:var(--muted);margin-top:3px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric-grid div{background:#0d1319;border:1px solid var(--line);border-radius:9px;padding:10px}.metric-grid span{display:block;color:var(--muted);font-size:11px}.metric-grid b{display:block;margin-top:3px}.sources-card ul{margin:0;padding-left:18px;color:var(--muted)}
footer{display:flex;justify-content:space-between;color:#697887;font-size:11px;padding:12px 2px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:grid;place-items:center;z-index:20}.hidden{display:none}.modal-box{width:min(620px,calc(100% - 30px));background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin:0}.modal-head button{background:none;border:0;color:var(--muted);font-size:25px}.settings-note{padding:12px;border:1px solid var(--line);border-radius:9px;color:var(--muted);margin:14px 0}.key-list{display:grid;gap:8px}.key-list div{display:flex;justify-content:space-between;background:#0d1319;border:1px solid var(--line);padding:11px;border-radius:8px}.key-list span{color:var(--warn)}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr 1fr}.signal-card{grid-column:1/-1}.middle-grid,.bottom-grid{grid-template-columns:1fr}}
@media(max-width:650px){.topbar{padding:0 14px}.top-actions .muted{display:none}.shell{padding:12px}.hero-grid{grid-template-columns:1fr}.signal-card{grid-column:auto}.metric-grid{grid-template-columns:1fr 1fr}footer{flex-direction:column;gap:4px}}