#top{position:relative;isolation:isolate;overflow:hidden;padding:clamp(40px,6vw,96px) var(--gutter) clamp(32px,4vw,56px);touch-action:pan-y pinch-zoom}#top canvas.tiles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}#top canvas.base{opacity:.45;mask-image:linear-gradient(90deg,transparent 0 45%,#000 75%);transition:opacity .9s var(--ease)}@media(max-width:767px){#top canvas.base{mask-image:linear-gradient(#000,transparent 160px)}}#top canvas.base.pre{opacity:0}#top .hero-top{align-items:center;row-gap:28px}#top .hero-copy{grid-column:1/span 7}#top .logo-zone{grid-column:8/-1;position:relative}#top .replay{all:unset;display:none;position:absolute;right:-6px;bottom:-34px;width:44px;height:44px;place-items:center;border-radius:6px;cursor:pointer;color:var(--fg);opacity:.15;transition:opacity .2s var(--ease)}.motion #top .replay{display:grid}#top .replay svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#top .replay:hover,#top .replay:focus-visible{opacity:1}#top .replay:focus-visible{outline:2px solid var(--g);outline-offset:0}#top .eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 12.5px/1 var(--mono);color:var(--muted);margin-bottom:26px}#top .eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--g)}#top h1{font:600 clamp(46px,7vw,124px)/.93 var(--sans);letter-spacing:-.048em}#top h1 span{display:block}#top .lede{margin-top:28px;font-size:clamp(17px,1.4vw,21px);line-height:1.5;color:var(--muted);max-width:38ch}#top .cta{display:flex;align-items:center;gap:22px;margin-top:30px;flex-wrap:wrap}#top .founded{font:400 12.5px var(--mono);color:var(--faint)}#top .bigmark{display:block;width:100%;height:auto;overflow:visible}#top .bigmark path{fill:none;stroke:var(--g);stroke-width:var(--sw,1.4);stroke-linejoin:round;stroke-linecap:round}#top .bigmark.pre path{opacity:0}#top .bigmark .ex{stroke:var(--fg);stroke-opacity:.8}@media(max-width:767px){#top .logo-zone{order:-1;width:62%}#top .eyebrow{margin-bottom:18px}}#top .app{margin-top:clamp(36px,5vw,72px);background:var(--panel);border:1px solid var(--rule);border-radius:10px;overflow:hidden;box-shadow:0 40px 80px -50px #14141a73}:root[data-theme=dark] #top .app{box-shadow:0 0 0 1px #ffffff05,0 40px 90px -40px #000000e6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) #top .app{box-shadow:0 0 0 1px #ffffff05,0 40px 90px -40px #000000e6}}#top .app-bar{display:flex;align-items:center;gap:16px;min-height:48px;padding:0 16px 0 10px;border-bottom:1px solid var(--rule);font-size:13px;color:var(--muted)}#top .live{display:inline-flex;align-items:center;gap:7px;font:500 12px var(--mono);color:var(--fg);margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}#top .live i{width:6px;height:6px;border-radius:50%;background:var(--g);box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 18%,transparent)}.motion #top .live i{animation:xpblink 2s steps(1) infinite}@keyframes xpblink{50%{opacity:.25}}#top .day-l{font:400 12px var(--mono);color:var(--hf)}#top .app-body{display:grid;gap:1px;background:var(--rule);transition:opacity .2s var(--ease);grid-template-columns:minmax(0,4.2fr) minmax(0,7.8fr);grid-template-rows:auto minmax(150px,1fr);grid-template-areas:"q s" "a s"}#top .app-body.swap{opacity:0}#top .pane{position:relative;min-width:0;background:var(--panel);padding:16px 18px;overflow:hidden}#top .app-bar,#top .app-body{--hf:color-mix(in srgb,var(--faint) 80%,var(--fg))}#top .p-src{grid-area:q}#top .p-stream{grid-area:s}#top .p-attn{grid-area:a}#top .pane-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;font:400 12px var(--mono);color:var(--hf);white-space:nowrap}#top .pane-h .ttl{font:600 13px var(--sans);color:var(--fg)}#top .srcs{display:grid;gap:0;border-top:1px solid var(--rule)}#top .srow{display:grid;grid-template-columns:104px minmax(0,1fr) 48px;align-items:center;gap:10px;height:28px;border-bottom:1px solid var(--rule);font:400 12px var(--mono);color:var(--muted)}#top .srow .sn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#top .srow .age{text-align:right;color:var(--hf);font-variant-numeric:tabular-nums}#top .lane{position:relative;height:11px;background:linear-gradient(var(--rule),var(--rule)) 0 50%/100% 1px no-repeat,repeating-linear-gradient(90deg,transparent 0 calc(33.333% - 1px),var(--rule) calc(33.333% - 1px) 33.333%)}#top .lane i{position:absolute;top:0;width:2px;height:11px;margin-left:-1px;background:var(--fg);opacity:.75;transition:left 1s linear}#top .lane i.hot{background:var(--g);opacity:1}#top .lane i.in{animation:xptick .6s var(--ease) both}@keyframes xptick{0%{transform:scaleY(0);opacity:0}}#top .stream{position:relative;height:calc(100% - 26px);-webkit-mask:linear-gradient(#000 88%,transparent);mask:linear-gradient(#000 88%,transparent)}#top .ev{position:relative;display:grid;grid-template-columns:62px 92px minmax(0,1fr);gap:8px;align-items:baseline;padding:8px 0 8px 10px;border-bottom:1px solid var(--rule);font-size:13px}#top .ev time,#top .ev .src{font:400 12px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}#top .ev .src{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#top .ev p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#top .ev p em{font:400 12px var(--mono);font-style:normal;color:var(--hf);margin-left:6px}#top .ev.in{animation:xpevin .5s var(--ease) both}#top .ev.hot:before{content:"";position:absolute;left:0;top:0;bottom:-1px;width:2px;background:var(--g)}#top .ev.hot p{font-weight:500}@keyframes xpevin{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}#top .attn{border-top:1px solid var(--rule)}#top .at{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;align-items:baseline;padding:8px 0 8px 10px;border-bottom:1px solid var(--rule);font-size:13px;box-shadow:inset 2px 0 0 var(--g)}#top .at time{font:400 12px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}#top .at p{font-weight:500}#top .at{grid-template-columns:62px minmax(0,1fr) auto;align-items:center;padding:10px 0 10px 10px}#top .at p span{display:block;margin-top:2px;font:400 12px var(--mono);color:var(--hf)}#top .at .act{font:500 12px var(--sans);color:var(--fg);padding:4px 10px;border:1px solid var(--rule);border-radius:999px;margin-right:2px}#top .ok-h{margin:18px 0 6px;font:400 12px var(--mono);color:var(--hf)}#top .okr{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:10px;height:28px;border-bottom:1px solid var(--rule);font:400 12px var(--mono);color:var(--muted)}#top .okr svg{width:12px;height:12px;fill:none;stroke:var(--g);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#top .okr em{font-style:normal;color:var(--hf)}#top .app-kind{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 16px 0 10px;border-bottom:1px solid var(--rule)}#top .app-kind[hidden]{display:none}#top .app-kind .kl{font:400 12px var(--mono);color:var(--hf);padding-left:6px}@media(max-width:1100px){#top .app-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"q a" "s s"}#top .p-stream{height:300px}}@media(max-width:767px){#top .ok-h,#top .okr{display:none}#top .app-bar{flex-wrap:wrap;padding:10px 12px;gap:10px 12px}#top .tabs{order:5;flex-basis:100%}#top .live{margin-left:0}#top .app-bar .xtag{margin-left:auto}#top .app-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"q" "a" "s"}#top .pane{padding:14px}#top .p-stream{height:340px}#top .ev p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#top .ev{grid-template-columns:62px 84px minmax(0,1fr);font-size:13px}#top .srow{grid-template-columns:100px minmax(0,1fr) 44px}}@media(max-width:640px){#top .ev p em{display:none}#top .app-kind{padding:8px 12px;flex-wrap:wrap}#top .app-kind .kl{display:none}#top .app-kind .seg{flex-basis:100%}}@media(max-width:520px){#top .tabs{display:grid;grid-template-columns:repeat(4,minmax(max-content,1fr));gap:2px;padding:2px;border:1px solid var(--rule);border-radius:7px;overflow:visible}#top .tabs button{text-align:center;padding:12px 0;font-size:13px}}#top[data-o-only=app]{padding-top:clamp(32px,3.6vw,56px);min-height:0}#top[data-o-only=app] .app{margin-top:0}#top[data-o-only=app] .hero-top,#top[data-o-only=app] .tiles{display:none}#top .a-type{font:600 13px var(--sans);color:var(--fg);padding-left:6px;white-space:nowrap}#top .hero-reply{margin-top:12px}@media(max-width:520px){#top .app-kind .seg{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:2px;border:1px solid var(--rule);border-radius:7px}#top .app-kind .seg button{text-align:center;padding:9px 0;font-size:13px}}
