:root{--navy:#0E1B2C;--ink:#14202E;--mute:#525D6B;--line:#E7EAEE;--bg:#F5F6F3;--card:#fff;--gold:#C9A227;--up:#0E9F6E;--down:#D64545;--neutral:#6E5612;--r:20px}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);padding-bottom:calc(84px + env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;background:var(--navy);color:#fff}
.brand{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:.2px}.brand img{width:30px;height:30px;border-radius:8px}.brand b{color:var(--gold);font-weight:700}
.ghost{border:1px solid rgba(255,255,255,.3);color:#fff;padding:7px 12px;border-radius:999px;font-size:13px}
main{max-width:560px;margin:0 auto;padding:16px 16px 8px}
.hello{margin:6px 2px 14px}.hello h1{font-size:24px;font-weight:800;letter-spacing:-.3px}.hello p{color:var(--mute);font-size:14px;margin-top:4px}
.seg{display:grid;grid-template-columns:repeat(3,1fr);background:#E9EBE6;border-radius:14px;padding:4px;margin-bottom:14px}
.seg button{padding:10px 0;border-radius:11px;font-weight:600;font-size:14px;color:var(--mute)}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.hero{background:var(--navy);color:#fff;border-radius:var(--r);padding:20px;position:relative;overflow:hidden;cursor:pointer}
.hero:after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.35),transparent 70%)}
.kicker{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--gold);font-weight:700}
.tick{display:flex;align-items:baseline;gap:10px;margin:8px 0 2px}.tick h2{font-size:40px;font-weight:800;letter-spacing:-1px}.tick span{color:#B9C2CF;font-size:15px}
.price{font-size:15px;color:#D7DDE5}.price small{color:#8E9AAB}
.headline{font-size:16px;line-height:1.45;margin:14px 0 16px;color:#fff}
.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lv{background:rgba(255,255,255,.08);border-radius:12px;padding:10px}.lv b{display:block;font-size:15px;margin-top:2px}.lv em{font-style:normal;font-size:11px;color:#B9C2CF;text-transform:uppercase;letter-spacing:.6px}
.lv.buy b{color:#7FE0B4}.lv.stop b{color:#FF9C9C}.lv.tgt b{color:#F2D46B}
.more{margin-top:14px;font-size:14px;color:var(--gold);font-weight:600}
.chip{display:inline-block;font-size:12px;font-weight:600;padding:4px 9px;border-radius:999px;background:#EEF0EC;color:var(--ink)}
.chip.up{background:#E3F6EE;color:var(--up)}.chip.down{background:#FBE7E7;color:var(--down)}.chip.neutral{background:#F6F0DC;color:var(--neutral)}
.hero .chip{background:rgba(127,224,180,.15);color:#7FE0B4}
.sec{margin:22px 2px 10px;font-size:13px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:1px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:10px}
.row{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}
.row h3{font-size:16px;font-weight:700}.row p{font-size:13px;color:var(--mute);margin-top:3px;line-height:1.4}.row .r{text-align:right;white-space:nowrap}.row .r b{font-size:15px}
.cal{display:flex;gap:12px;align-items:center;font-size:14px}.cal .d{min-width:46px;text-align:center;background:#F1F2EE;border-radius:10px;padding:6px 0;font-weight:700;font-size:13px;line-height:1.2}.cal .d small{display:block;font-size:10px;color:var(--mute);font-weight:600;text-transform:uppercase}
.disc{font-size:12px;color:var(--mute);line-height:1.5;margin:22px 4px 8px;text-align:center}
.stamp{font-size:12px;color:var(--mute);text-align:center;margin-top:10px}
.alert{display:flex;gap:12px;align-items:flex-start}.alert .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex:none}
.alert.buy_dip .ic{background:#E3F6EE}.alert.take_profit .ic{background:#F6F0DC}.alert.stop_hit .ic{background:#FBE7E7}.alert.off{opacity:.55}
.alert p{font-size:14px;line-height:1.45}.alert small{color:var(--mute);font-size:12px}
.empty{text-align:center;color:var(--mute);padding:30px 10px;font-size:14px}
.tabs{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:6}
.tabs button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--mute);position:relative}
.tabs svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tabs button.on{color:var(--navy)}
.tabs i{position:absolute;top:0;right:calc(50% - 18px);width:9px;height:9px;border-radius:50%;background:var(--down)}
.sheet{position:fixed;inset:0;z-index:10}.sheet-bg{position:absolute;inset:0;background:rgba(14,27,44,.45)}
.sheet-card{position:absolute;left:0;right:0;bottom:0;max-height:90vh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:22px 20px calc(28px + env(safe-area-inset-bottom));max-width:620px;margin:0 auto;animation:up .22s ease-out}
@keyframes up{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.x{position:absolute;right:14px;top:10px;font-size:28px;color:var(--mute);width:40px;height:40px}
.d-h{display:flex;align-items:baseline;gap:10px}.d-h h2{font-size:30px;font-weight:800}.d-h span{color:var(--mute)}
.d-p{font-size:15px;margin:4px 0 14px}.d-p small{color:var(--mute)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.g{background:#F5F6F3;border-radius:12px;padding:10px 12px}.g em{font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--mute)}.g b{display:block;font-size:15px;margin-top:3px}
.g.buy b{color:var(--up)}.g.stop b{color:var(--down)}.g.tgt b{color:var(--neutral)}
.blk{margin-top:14px}.blk h4{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--mute);margin-bottom:5px}.blk p{font-size:15px;line-height:1.5}
.src{margin-top:16px;font-size:12px;color:var(--mute);line-height:1.6;word-break:break-all}.src a{color:var(--mute)}
.hz{display:grid;gap:8px;margin-top:10px}.hz div{display:flex;justify-content:space-between;align-items:center;font-size:14px;background:#F5F6F3;border-radius:10px;padding:9px 12px}
@media (min-width:700px){main{padding-top:28px}}

.bar{margin:14px 0 4px}.track{position:relative;height:8px;border-radius:99px;background:linear-gradient(90deg,#F3C7C7,#EDEFEA 35%,#F4E7B5)}
.bar.dk .track{background:linear-gradient(90deg,rgba(255,156,156,.45),rgba(255,255,255,.15) 35%,rgba(242,212,107,.5))}
.bz{position:absolute;top:0;bottom:0;background:rgba(14,159,110,.55);border-radius:99px}.bar.dk .bz{background:rgba(127,224,180,.7)}
.dot{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--navy);border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.bar.dk .dot{background:#fff;border-color:var(--gold)}
.ends{display:flex;justify-content:space-between;font-size:11px;color:var(--mute);margin-top:6px}.bar.dk .ends{color:#B9C2CF}
.todo{margin-top:12px;font-size:14px;line-height:1.45;background:rgba(255,255,255,.08);border-radius:12px;padding:10px 12px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stats .g{background:#fff;border:1px solid var(--line)}
b.up{color:var(--up)}b.down{color:var(--down)}.row .r p{font-size:12px;color:var(--mute);margin-top:2px}
.tabs button{font-size:11px}

.price{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.lv b{font-size:14px;line-height:1.25;word-break:keep-all}
@media (max-width:400px){.lv{padding:9px 8px}.lv b{font-size:13px}.tick h2{font-size:34px}}
.src a{display:inline-block;padding:6px 4px;color:#3F4A57}.src{font-size:13px}
.x{width:44px;height:44px;right:10px;top:6px}
.sheet-card .disc{color:#3F4A57}
.disc{color:#4A5563}
[role=button]:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

.week h3{margin-bottom:2px}.week h4{margin:14px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--mute)}
.wk{font-size:13px;color:var(--mute)}.cal{list-style:none;padding:0;margin:8px 0 0}.cal li{font-size:14px;line-height:1.45;padding:7px 0;border-top:1px solid rgba(0,0,0,.06)}
.cal .aff{display:inline-block;font-size:12px;padding:1px 7px;border-radius:9px;background:rgba(0,0,0,.05);margin-left:4px}
