:root{--watch-bg:#050706;--watch-panel:#090c0a;--watch-raised:#0d110e;--watch-line:#29302b;--watch-muted:#889088}
body{background:var(--watch-bg)}
.watcher-shell{width:min(1600px,calc(100% - 32px));margin:auto;padding:16px 0 28px}
.watcher-header{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(500px,1.2fr);min-height:112px;border:1px solid var(--watch-line);background:var(--watch-panel)}
.watcher-title,.strategy-control{padding:20px 22px}
.watcher-title{border-right:1px solid var(--watch-line)}
.watcher-title>span,.strategy-control label,.strategy-control>span{color:var(--watch-muted);font:9px 'DM Mono';letter-spacing:.1em}
.watcher-title h1{margin:7px 0 5px;color:#f1efe8;font:600 25px/1 'DM Mono';letter-spacing:.03em}
.watcher-title p{margin:0;color:#9ca39d;font:11px/1.5 'DM Mono'}
.strategy-control{display:grid;align-content:center;gap:8px}
.select-wrap{position:relative}.select-wrap:after{content:"";position:absolute;right:13px;top:12px;width:7px;height:7px;border-right:1px solid var(--ui-accent);border-bottom:1px solid var(--ui-accent);transform:rotate(45deg);pointer-events:none}
.strategy-control select{width:100%;height:36px;padding:0 36px 0 12px;appearance:none;border:1px solid #70562f;background:#0a0b09;color:#f0bd66;font:11px 'DM Mono';cursor:pointer}
.strategy-control select:focus-visible{outline:1px solid var(--ui-accent);outline-offset:2px}
.strategy-control .exchange-filters{display:flex;justify-content:flex-start;gap:18px;min-height:20px;margin:2px 0 0;padding:0;border:0}
.strategy-control .exchange-filters label{display:flex;align-items:center;gap:7px;padding:0;border:0;color:#b7b9bb;font:9px 'DM Mono';white-space:nowrap;cursor:pointer}
.strategy-control .exchange-filters input{position:absolute;width:1px;height:1px;opacity:0}
.strategy-control .exchange-check{position:relative;flex:0 0 13px;width:13px;height:13px;border:1px solid #685335;background:#050606}
.strategy-control .exchange-filters input:checked+.exchange-check{border-color:var(--ui-accent);background:var(--ui-accent)}
.strategy-control .exchange-filters input:checked+.exchange-check:after{content:'✓';position:absolute;inset:-1px;display:grid;place-items:center;color:#000;font:bold 10px Arial}
.strategy-control .exchange-filters input:focus-visible+.exchange-check{outline:2px solid #fff;outline-offset:2px}
.watcher-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.watch-card{min-width:0;border:1px solid var(--watch-line);background:var(--watch-panel);overflow:hidden}
.watch-card header{height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 16px;border-bottom:1px solid var(--watch-line);background:var(--watch-raised)}
.watch-card header>div{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center}
.slot-rank{grid-row:1/3;color:#69716b;font:9px 'DM Mono'}
.slot-market{overflow:hidden;color:#f4f1e9;font:600 13px 'DM Mono';text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.slot-market:hover{color:var(--ui-accent)}
.slot-exchange{color:#7f8881;font:8px 'DM Mono';letter-spacing:.08em}
.slot-metric{flex:0 0 auto;color:var(--ui-accent);font:13px 'DM Mono';white-space:nowrap}
.slot-fit{flex:0 0 28px}
.slot-metric.positive{color:var(--green)}.slot-metric.negative{color:var(--red)}
.slot-chart{height:310px;background:#060807}
.watch-card.is-loading .slot-chart{background:repeating-linear-gradient(90deg,#070a08 0 22px,#090c0a 22px 44px)}
.watch-card.is-loading .slot-market{color:#747b75}
@media(max-width:1100px){.watcher-header{grid-template-columns:minmax(260px,.8fr) minmax(430px,1.2fr)}.slot-chart{height:280px}}
@media(max-width:760px){.global-menu{overflow:hidden}.menu-primary{min-width:0}.menu-tabs{min-width:0;gap:12px;overflow-x:auto;scrollbar-width:none}.menu-tabs::-webkit-scrollbar{display:none}.menu-tab{flex:0 0 auto}.watcher-shell{width:100%;padding-top:0}.watcher-header{grid-template-columns:1fr;border-right:0;border-left:0}.watcher-title,.strategy-control{border-right:0;border-bottom:1px solid var(--watch-line);padding:17px 14px}.watcher-title h1{font-size:22px}.strategy-control .exchange-filters{gap:18px}.strategy-control .exchange-filter-name{font-size:0}.strategy-control .exchange-filter-name:after{content:attr(data-mobile);font-size:9px}.watcher-grid{grid-template-columns:1fr;gap:8px;margin-top:8px}.watch-card{border-right:0;border-left:0}.watch-card header{height:54px;padding:0 12px}.slot-chart{height:250px}}