:root{--bg: #0B0E12;--surf: #12161C;--surf-alt: #181D25;--ink: #E8EAEE;--ink-mid: #9AA0AA;--ink-mute: #5C626C;--hair: rgba(232,234,238,.1);--hair-strong: rgba(232,234,238,.18);--jade: #3EA37E;--amber: #E6A83C;--rust: #C04A3E;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Inter", system-ui, -apple-system, sans-serif}.day{--bg: #F4F1EA;--surf: #EDE8DC;--surf-alt: #E4DECF;--ink: #11151A;--ink-mid: #4A4F5A;--ink-mute: #7A7F8A;--hair: rgba(17,21,26,.14);--hair-strong: rgba(17,21,26,.25)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden}button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono);font-feature-settings:"zero" 1,"cv02" 1}.upper{text-transform:uppercase;letter-spacing:.04em}.shell{display:grid;grid-template-rows:60px 1fr;height:100vh;background:var(--bg)}.shell-body{display:grid;grid-template-columns:300px 1fr 460px;min-height:0;border-top:1px solid var(--hair)}.shell-body.no-shelf{grid-template-columns:300px 1fr 0px}.top{position:relative;background:var(--surf);border-bottom:1px solid var(--hair);display:grid;grid-template-rows:20px 40px;user-select:none}.top.disconnect-flash{background:#c04a3e0a;transition:background .8s}.top-r1{display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--hair);gap:16px}.wordmark{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.18em;color:var(--ink)}.wordmark .dot{color:var(--jade)}.wordmark .sub{color:var(--ink-mute);margin-left:8px;font-weight:500;letter-spacing:.14em}.top-r1-fill{flex:1}.coords{font-family:var(--mono);font-size:10px;color:var(--ink-mid);letter-spacing:.04em}.coords .label{color:var(--ink-mute);margin-right:6px}.coords .city{color:var(--ink)}.link-ind{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;color:var(--ink-mid)}.pulse{width:6px;height:6px;border-radius:50%;background:var(--jade);position:relative}.pulse.ok{background:var(--jade);animation:pulse 1.6s ease-out infinite}.pulse.err{background:var(--rust);animation:pulse .9s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 currentColor;opacity:1}to{box-shadow:0 0 0 6px transparent;opacity:.6}}.top-r2{display:flex;align-items:center;padding:0 14px;gap:20px}.stat{display:flex;flex-direction:column;gap:1px;font-family:var(--mono);padding-right:18px;border-right:1px solid var(--hair)}.stat .lab{font-size:9px;color:var(--ink-mute);letter-spacing:.12em}.stat .val{font-size:13px;color:var(--ink);font-weight:600;letter-spacing:.02em}.stat .val.amber{color:var(--amber)}.stat .val.jade{color:var(--jade)}.stat .val.rust{color:var(--rust)}.chips{display:flex;gap:4px;align-items:center}.chip{font-family:var(--mono);font-size:10px;letter-spacing:.08em;padding:4px 8px;background:transparent;border:1px solid var(--hair);color:var(--ink-mid);display:flex;align-items:center;gap:6px;transition:color .14s,border-color .14s,background .14s}.chip:hover{color:var(--ink);border-color:var(--hair-strong)}.chip.on{color:var(--ink);border-color:var(--ink-mid);background:var(--surf-alt)}.chip .n{color:var(--ink-mute);font-weight:600}.chip.on .n{color:var(--jade)}.top-r2-fill{flex:1}.sparkbox{display:flex;align-items:center;gap:8px;padding:0 12px;border-left:1px solid var(--hair);height:100%}.sparkbox .lab{font-family:var(--mono);font-size:9px;color:var(--ink-mute);letter-spacing:.12em}.sparkbox svg{display:block}.kbd-hint{font-family:var(--mono);font-size:10px;color:var(--ink-mute);letter-spacing:.08em;display:flex;gap:10px;padding-left:14px;border-left:1px solid var(--hair);height:100%;align-items:center}.kbd-hint .k{background:var(--surf-alt);border:1px solid var(--hair);padding:2px 5px;color:var(--ink-mid);font-size:9px;margin-right:4px}.day-toggle{font-family:var(--mono);font-size:12px;color:var(--ink-mid);padding:0 8px;height:22px;border:1px solid var(--hair)}.day-toggle:hover{color:var(--ink);border-color:var(--hair-strong)}.rail{background:var(--surf);border-right:1px solid var(--hair);overflow-y:auto;font-family:var(--mono);font-size:11px}.rail-head{position:sticky;top:0;background:var(--surf);border-bottom:1px solid var(--hair);padding:10px 14px 8px;display:flex;justify-content:space-between;align-items:center;z-index:2}.rail-head .title{font-size:10px;color:var(--ink-mute);letter-spacing:.18em;font-weight:600}.rail-head .count{font-size:10px;color:var(--ink)}.rail-group{padding:8px 0 4px}.rail-group-head{padding:6px 14px;font-size:9px;color:var(--ink-mute);letter-spacing:.18em;border-bottom:1px dashed var(--hair);display:flex;justify-content:space-between}.src-row{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;padding:6px 14px;border-bottom:1px solid var(--hair);cursor:pointer;color:var(--ink-mid);transition:background .12s,color .12s}.src-row:hover{background:#ffffff08;color:var(--ink)}.src-row.on{background:var(--surf-alt);color:var(--ink)}.src-row .sdot{width:6px;height:6px;border-radius:50%;background:var(--jade)}.src-row .sdot.stale{background:var(--ink-mute)}.src-row .sdot.cold{background:var(--rust)}.src-row .handle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.src-row .meta{font-size:9px;color:var(--ink-mute);text-align:right}.src-row .meta .n{color:var(--ink)}.src-row.all{border-bottom:1px solid var(--hair-strong);padding:10px 14px}.src-row.all .handle{color:var(--ink);font-weight:600;letter-spacing:.14em;font-size:10px}.feed-col{display:flex;flex-direction:column;min-height:0;background:var(--bg);border-right:1px solid var(--hair)}.feed-head{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--hair);font-family:var(--mono);background:var(--surf)}.feed-head .title{font-size:10px;color:var(--ink-mute);letter-spacing:.18em;font-weight:600}.feed-head .search-wrap{display:flex;gap:8px;align-items:center}.feed-head input{background:var(--bg);border:1px solid var(--hair);color:var(--ink);padding:4px 10px;font-family:var(--mono);font-size:11px;min-width:200px;outline:none}.feed-head input:focus{border-color:var(--ink-mid)}.feed-head .filter-state{font-size:10px;color:var(--ink-mid);letter-spacing:.1em}.feed-head .filter-state .on{color:var(--amber)}.feed{overflow-y:auto;min-height:0;flex:1}.row{display:grid;grid-template-columns:2px 1fr 60px;gap:0;padding:10px 18px 10px 16px;border-bottom:1px solid var(--hair);cursor:pointer;min-height:52px;position:relative;background:var(--bg);transition:background .12s;animation:rowin .22s ease-out}@keyframes rowin{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.row:hover{background:#ffffff08}.row.sel{background:var(--surf-alt)}.row .edge{width:2px;align-self:stretch;background:transparent}.row.fresh .edge{background:var(--jade);animation:flash 1.4s ease-out}.row.urgent .edge{background:var(--amber)}@keyframes flash{0%,10%{box-shadow:0 0 8px var(--jade)}to{box-shadow:none}}.row .body{padding:0 12px;min-width:0;overflow:hidden}.row .dateline{font-family:var(--mono);font-size:10px;color:var(--ink-mid);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .dateline .slug{color:var(--ink)}.row .dateline .src{color:var(--ink-mute)}.row .dateline .urg{color:var(--amber);margin-left:6px}.row .head{font-family:var(--sans);font-weight:600;font-size:15px;line-height:1.25;color:var(--ink);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row .sum{font-family:var(--sans);font-size:12px;color:var(--ink-mid);margin-top:2px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .tg-metrics{font-family:var(--mono);font-size:9px;color:var(--ink-mute);margin-top:3px;letter-spacing:.08em}.row .thumb{width:48px;height:48px;background:var(--surf);overflow:hidden;position:relative;margin-top:2px;justify-self:end;border:1px solid var(--hair)}.row .thumb img{width:100%;height:100%;object-fit:cover;display:block}.row .thumb .play{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#000000b3;color:var(--ink);font-size:8px;display:flex;align-items:center;justify-content:center;font-family:var(--mono)}.empty{padding:40px 18px;text-align:center;color:var(--ink-mute);font-family:var(--mono);font-size:11px;letter-spacing:.1em}.entity-tray{border-top:1px solid var(--hair);background:var(--surf);max-height:140px;overflow:hidden;transition:max-height .22s ease;flex-shrink:0}.entity-tray.closed{max-height:30px}.entity-head{display:flex;justify-content:space-between;align-items:center;padding:7px 18px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--ink-mute);cursor:pointer;border-bottom:1px solid var(--hair);height:30px}.entity-head:hover{color:var(--ink)}.entity-head .toggle{color:var(--ink-mid)}.entity-cloud{padding:8px 18px 10px;display:flex;flex-wrap:wrap;gap:6px 10px;overflow-y:auto;max-height:108px}.ent{font-family:var(--mono);font-size:10px;color:var(--ink-mid);letter-spacing:.04em;cursor:pointer}.ent:hover{color:var(--ink)}.ent .c{color:var(--ink);font-weight:600}.ent.big{font-size:13px;color:var(--ink)}.shelf{background:var(--surf);border-left:1px solid var(--hair);overflow-y:auto;min-height:0;animation:shelfin .28s ease-out}@keyframes shelfin{0%{transform:translate(16px);opacity:0}to{transform:translate(0);opacity:1}}.shelf-empty{padding:40px 20px;color:var(--ink-mute);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-align:center}.shelf-head{padding:12px 20px 10px;border-bottom:1px solid var(--hair);display:flex;justify-content:space-between;align-items:flex-start;gap:10px;position:sticky;top:0;background:var(--surf);z-index:2}.shelf-dl{font-family:var(--mono);font-size:10px;color:var(--ink-mid);letter-spacing:.06em}.shelf-dl .c{color:var(--ink)}.shelf-actions{display:flex;gap:6px}.iconbtn{width:28px;height:22px;border:1px solid var(--hair);color:var(--ink-mid);font-family:var(--mono);font-size:9px;letter-spacing:.1em}.iconbtn:hover{color:var(--ink);border-color:var(--hair-strong)}.iconbtn.on{color:var(--jade);border-color:var(--jade)}.shelf-media{width:100%;background:var(--bg);border-bottom:1px solid var(--hair)}.shelf-media img,.shelf-media video{width:100%;display:block;max-height:300px;object-fit:cover}.shelf-media .credit{padding:6px 20px;font-family:var(--mono);font-size:9px;color:var(--ink-mute);letter-spacing:.12em;border-top:1px solid var(--hair)}.shelf-video-wrap{position:relative;background:#000}.shelf-video-poster{width:100%;display:block;max-height:300px;object-fit:cover;cursor:pointer}.shelf-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border:1px solid var(--ink);background:#0006;color:var(--ink);font-family:var(--mono);font-size:11px;letter-spacing:.2em;pointer-events:none}.shelf-headline{padding:16px 20px 10px;font-family:var(--sans);font-weight:700;font-size:22px;line-height:1.2;color:var(--ink)}.shelf-summary{padding:0 20px 16px;font-family:var(--sans);font-size:14px;line-height:1.55;color:var(--ink-mid)}.signal{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:var(--surf-alt)}.signal .cell{padding:10px 14px;border-right:1px solid var(--hair)}.signal .cell:last-child{border-right:0}.signal .lab{font-family:var(--mono);font-size:9px;color:var(--ink-mute);letter-spacing:.14em}.signal .val{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--ink);margin-top:4px;letter-spacing:.04em}.signal .val.amber{color:var(--amber)}.signal .val.jade{color:var(--jade)}.signal .val.rust{color:var(--rust)}.peer-head{padding:12px 20px 6px;font-family:var(--mono);font-size:10px;color:var(--ink-mute);letter-spacing:.18em;border-top:1px solid var(--hair)}.peer-row{padding:8px 20px;border-top:1px solid var(--hair);cursor:pointer}.peer-row:hover{background:#ffffff08}.peer-row .m{font-family:var(--mono);font-size:9px;color:var(--ink-mid);letter-spacing:.06em}.peer-row .m .s{color:var(--ink)}.peer-row .h{font-family:var(--sans);font-size:13px;color:var(--ink);margin-top:2px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.peer-none{padding:10px 20px 14px;font-family:var(--mono);font-size:10px;color:var(--ink-mute);letter-spacing:.08em}.shelf-foot{padding:14px 20px 24px;border-top:1px solid var(--hair)}.shelf-foot .lab{font-family:var(--mono);font-size:9px;color:var(--ink-mute);letter-spacing:.14em;margin-bottom:4px}.shelf-foot a{font-family:var(--mono);font-size:11px;color:var(--jade);word-break:break-all}.shelf-foot a:hover{text-decoration:underline}.shelf-lang{display:inline-block;font-family:var(--mono);font-size:9px;padding:2px 6px;border:1px solid var(--hair);color:var(--amber);letter-spacing:.12em;margin-left:8px}.tgmeta{padding:8px 20px;font-family:var(--mono);font-size:10px;color:var(--ink-mid);letter-spacing:.08em;border-top:1px solid var(--hair)}.tgmeta .v{color:var(--ink)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surf-alt)}::-webkit-scrollbar-thumb:hover{background:var(--ink-mute)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 1200px){.shell-body{grid-template-columns:260px 1fr 380px}}@media (max-width: 1000px){.shell-body{grid-template-columns:220px 1fr}.shelf{display:none}}