.hx{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 64px;align-items:start}.hx-panel{position:sticky;top:calc(var(--nav-h) + 28px);align-self:start;min-width:0}.hx-panel-in{display:grid;gap:26px;padding-top:16px;border-top:1px solid var(--border-2)}.hx-panel-date{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--accent-2)}.hx-count{margin:0;display:grid}.hx-count>div{display:grid;gap:8px;padding:14px 0;border-bottom:1px solid var(--border);min-width:0}.hx-count>div:first-child{padding-top:0}.hx-count dt{font-size:10.5px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--text-4)}.hx-count dd,.hx-count dt{font-family:var(--font-mono)}.hx-count dd{margin:0;font-size:28px;line-height:1;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.hx-count dd small{font-size:13px;letter-spacing:.02em;color:var(--text-4)}.hx-short{display:none}.hx-bars-k{font-family:var(--font-mono);font-size:10.5px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--text-4)}.hx-bars-plot{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;height:104px;margin-top:12px}.hx-bar{display:flex;flex-direction:column;gap:6px;min-width:0}.hx-bar-col{position:relative;flex:1}.hx-bar-col i{position:absolute;left:0;right:0;bottom:0;height:var(--h);background:var(--surface-4);border-radius:1px;transform-origin:bottom;transition:background-color .35s ease}.hx-bar.is-past .hx-bar-col i{background:var(--accent-line)}.hx-bar.is-now .hx-bar-col i{background:var(--accent)}.hx-bar>span{font-family:var(--font-mono);font-size:10px;line-height:1;text-align:center;color:var(--text-4);transition:color .35s ease}.hx-bar.is-now>span{color:var(--text)}.hx-line{--p:0;position:relative;list-style:none;margin:0;padding:0 0 0 36px;display:grid;gap:112px;min-width:0}.hx-line:after,.hx-line:before{content:"";position:absolute;left:3px;top:8px;bottom:0;width:1px;background:var(--border-2)}.hx-line:after{background:var(--accent);transform-origin:top;transform:scaleY(var(--p))}.hx-era{position:relative;min-width:0}.hx-era:before{content:"";position:absolute;left:-36px;top:5px;width:7px;height:7px;background:var(--bg);border:1px solid var(--border-2);border-radius:1px;transition:background-color .35s ease,border-color .35s ease}.hx-era.is-in:before{border-color:var(--accent-line)}.hx-era.is-active:before{background:var(--accent);border-color:var(--accent)}.hx-date{margin:0 0 10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--text-4)}.hx-era.is-active .hx-date{color:var(--accent-2)}.hx-era h2{margin:0;font-size:clamp(24px,2.8vw,32px)}.hx-body{display:grid;gap:12px;margin-top:14px;max-width:68ch}.hx-body p{margin:0;font-size:15.5px;line-height:1.75;color:var(--text-2)}.hx-body a{color:var(--accent-2);text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:3px}.hx-shot{margin:28px 0 0;min-width:0}.hx-frame{border:1px solid var(--border-2);border-radius:var(--r-lg);overflow:hidden;background:var(--surface-2)}.hx-bar-url{padding:8px 12px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11px;line-height:1.4;color:var(--text-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-frame img{display:block;width:100%;height:auto;aspect-ratio:1440/900;background:var(--surface-3)}.hx-cap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-top:10px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;color:var(--text-4)}.hx-cap span:first-child{color:var(--text-3)}.hx-thumbs{display:flex;gap:12px;margin-top:16px;padding-bottom:6px;overflow-x:auto;scrollbar-width:thin}.hx-thumb{flex:none;width:132px;display:grid;gap:7px;padding:0;border:0;background:none;color:var(--text-4);font:inherit;text-align:left;cursor:pointer}.hx-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/10;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-3);transition:border-color .15s ease}.hx-thumb span{font-family:var(--font-mono);font-size:11px;line-height:1.35;transition:color .15s ease}.hx-thumb small{display:block;font-size:10px;color:var(--text-4)}.hx-thumb:hover img{border-color:var(--border-2)}.hx-thumb:hover span{color:var(--text-2)}.hx-thumb[aria-pressed=true] img{border-color:var(--accent)}.hx-thumb[aria-pressed=true] span{color:var(--text)}.hx-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}.hx-anim .hx-era{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.hx-anim .hx-era.is-in{opacity:1;transform:none}.hx-anim .hx-frame img{clip-path:inset(0 0 100% 0);transition:clip-path 1.2s cubic-bezier(.2,.7,.2,1) .25s}.hx-anim .hx-era.is-in .hx-frame img{clip-path:inset(0 0 0 0);animation:hx-fade .4s ease both}.hx-anim .hx-bar-col i{animation:hx-rise .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d)}@keyframes hx-rise{0%{transform:scaleY(0)}}@keyframes hx-fade{0%{opacity:.35}}@media (max-width:960px){.hx{grid-template-columns:minmax(0,1fr)}.hx-panel{top:var(--nav-h);z-index:5;margin:0 calc(-1 * clamp(16px, 4vw, 40px)) 36px;padding:0 clamp(16px,4vw,40px);background:var(--bg);border-bottom:1px solid var(--border)}.hx-panel-in{gap:8px;padding:12px 0;border-top:0}.hx-panel-date{font-size:11px}.hx-count{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hx-count>div,.hx-count>div:first-child{gap:5px;padding:0;border-bottom:0}.hx-count dt{font-size:9.5px;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-count dd{font-size:18px}.hx-count dd small{font-size:11px}.hx-long{display:none}.hx-short{display:inline}.hx-bars{display:none}.hx-line{gap:80px;padding-left:26px}.hx-era:before{left:-26px}}@media (max-width:420px){.hx-count{gap:8px}.hx-count dd{font-size:16px}.hx-thumb{width:112px}}@media (prefers-reduced-motion:reduce){.hx-anim .hx-era,.hx-anim .hx-frame img{opacity:1;transform:none;clip-path:none;transition:none;animation:none}.hx-anim .hx-bar-col i{animation:none}}