.hx{max-width:980px;margin:0 auto;padding:36px 28px 48px}.hx-kicker{letter-spacing:.2em;color:var(--mute);margin:0 0 12px;font:700 11px/1 JetBrains Mono,monospace}.hx-top h1{text-wrap:balance;margin:0;font:900 44px/1.05 Archivo,sans-serif}.hx-aside{color:var(--hot);margin-left:6px;font:700 28px/1 Caveat,cursive;display:inline-block;transform:rotate(-2deg)}.hx-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:26px 0 22px;display:flex}.hx-tabs{gap:22px;display:flex}.hx-tabs button{letter-spacing:.2em;color:var(--mute);cursor:pointer;background:0 0;border:0;padding:6px 0;font:700 12px/1 JetBrains Mono,monospace;position:relative}.hx-tabs button.on{color:var(--fg)}.hx-tabs svg{width:calc(100% + 6px);height:8px;position:absolute;bottom:-6px;left:-3px;right:-3px}.hx-tabs path,.hx-strike path{fill:none;stroke:var(--hot);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;vector-effect:non-scaling-stroke;animation:.4s ease-out forwards hx-draw}.hx-search{border:3px solid var(--fg);background:var(--paper);width:260px;max-width:100%;height:42px;color:var(--fg);border-radius:12px 9px 13px 10px;padding:0 14px;font:500 14px/1 JetBrains Mono,monospace}.hx-search:focus{box-shadow:4px 4px 0 var(--fg);outline:none}.hx-list{flex-direction:column;gap:22px;animation:.25s ease-out hx-fade;display:flex}.hx-none{color:var(--mute);font:700 24px/1 Caveat,cursive}.hx-card{border:3px solid var(--fg);border-radius:var(--ink-radius);background:var(--paper);box-shadow:var(--ink-shadow);transform:rotate(var(--tilt));animation:.45s ease-out both hx-up;animation-delay:calc(var(--i) * 60ms);max-height:600px;transition:max-height .4s,opacity .4s,margin .4s;position:relative}.hx-card.gone{animation:.5s ease-in .45s forwards hx-fold}.hx-row{cursor:pointer;grid-template-columns:150px minmax(0,1fr) 150px;align-items:center;gap:22px;padding:18px 56px 18px 18px;display:grid}.hx-row:focus-visible{outline:3px dashed var(--fg);outline-offset:-8px}.hx-thumb{border:3px solid var(--fg);background:var(--bg);border-radius:10px 7px 11px 8px;flex-direction:column;gap:6px;height:96px;padding:16px 12px 8px;display:flex;position:relative;overflow:visible}.hx-thumb.browser b{border-bottom:2px solid var(--fg);height:9px;position:absolute;top:0;left:0;right:0}.hx-thumb i{background:var(--soft);border-radius:2px;height:4px;display:block}.hx-thumb i.h{background:var(--fg);width:80%;height:9px}.hx-thumb i.s{width:60%}.hx-thumb .btns{gap:5px;margin-top:3px;display:flex}.hx-thumb .btns u{border:2px solid var(--fg);border-radius:4px;width:26px;height:9px}.hx-thumb.paper{background:var(--paper);width:74px;margin:0 auto;padding:12px 9px}.hx-badge{border:3px solid var(--fg);background:var(--hot);border-radius:50% 44% 52% 46%;place-items:center;width:28px;height:28px;font:800 12px/1 JetBrains Mono,monospace;display:grid;position:absolute;top:-12px;right:-12px}.hx-stamp{border:3px solid var(--hot);background:var(--paper);width:140px;color:var(--hot);letter-spacing:.1em;text-align:center;border-radius:6px;padding:4px 6px;font:800 9px/1.2 JetBrains Mono,monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.hx-card.dim .hx-thumb>i,.hx-card.dim .hx-thumb>b,.hx-card.dim .hx-thumb .btns{opacity:.35}.hx-card.dim .ink-face{color:var(--mute);border-color:var(--mute)}.hx-mid{flex-direction:column;gap:10px;min-width:0;display:flex}.hx-host{flex-wrap:wrap;align-items:center;gap:10px;margin:0;display:flex}.hx-host b{overflow-wrap:anywhere;font:900 20px/1.1 Archivo,sans-serif}.hx-host svg path,.hx-host svg circle{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.hx-when{color:var(--mute);font:700 20px/1 Caveat,cursive}.hx-runs{letter-spacing:.16em;border:2px solid var(--fg);border-radius:7px 5px 8px 6px;padding:4px 7px;font:700 10px/1 JetBrains Mono,monospace}.hx-faces{gap:8px;display:flex}.hx-faces.sm .ink-face{border-radius:9px 7px 10px 8px;width:32px;height:32px;font-size:10px}.hx-faces.bob .ink-face{animation:1.2s ease-in-out infinite hx-bob;animation-delay:var(--d)}.hx-trend{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hx-trend svg path{fill:none;stroke:var(--fg);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s ease-out .3s forwards hx-draw}.hx-trend svg circle{fill:var(--paper);stroke:var(--fg);stroke-width:2px}.hx-trend-nums{font:700 12px/1 JetBrains Mono,monospace}.hx-trend-note{color:var(--hot);font:700 22px/1 Caveat,cursive;transform:rotate(-2deg)}.hx-score{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.hx-score b{font:900 48px/1 Archivo,sans-serif}.hx-a{color:var(--mute);font:700 22px/1 Caveat,cursive}.hx-sub{color:var(--mute);font:600 10px/1.3 JetBrains Mono,monospace}.hx-status{letter-spacing:.2em;font:700 10px/1 JetBrains Mono,monospace}.hx-timer{font-variant-numeric:tabular-nums;font:800 26px/1 JetBrains Mono,monospace}.hx-ref{letter-spacing:.2em;border:2px dashed var(--fg);border-radius:7px 5px 8px 6px;padding:6px 8px;font:800 12px/1 JetBrains Mono,monospace}.hx-more{border:3px solid var(--fg);background:var(--bg);cursor:pointer;border-radius:10px 7px 11px 8px;width:34px;height:30px;font:900 16px/1 Archivo,sans-serif;position:absolute;top:12px;right:12px}.hx-menu{z-index:5;border:3px solid var(--fg);border-radius:var(--ink-radius);background:var(--paper);min-width:230px;box-shadow:4px 4px 0 var(--fg);flex-direction:column;padding:6px;display:flex;position:absolute;top:48px;right:12px}.hx-menu button{text-align:left;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px;font:600 14px/1.2 Archivo,sans-serif}.hx-menu button:hover{background:var(--bg)}.hx-menu button.hot{color:var(--hot);border-top:2px dashed var(--soft);border-radius:0}.hx-confirm,.hx-why{border:3px dashed var(--fg);background:var(--bg);border-radius:12px 9px 13px 10px;flex-wrap:wrap;align-items:center;gap:14px;margin:0 18px 18px;padding:12px 14px;display:flex}.hx-confirm span{font:700 26px/1 Caveat,cursive}.hx-keep{letter-spacing:.2em;cursor:pointer;color:var(--fg);background:0 0;border:0;font:700 12px/1 JetBrains Mono,monospace}.hx-why p{flex:1;margin:0;font:500 14px/1.4 Archivo,sans-serif}.hx-again{color:var(--hot);font:700 24px/1 Caveat,cursive}.hx-strike{pointer-events:none;width:calc(100% - 20px);height:12px;position:absolute;top:50%;left:10px;right:10px}.hx-strike path{stroke-width:4px;animation-duration:.45s}.hx-older{border:0;border-bottom:2px solid var(--fg);cursor:pointer;color:var(--fg);background:0 0;align-self:center;margin-top:6px;font:700 24px/1 Caveat,cursive}.hx-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:56px 0;display:flex}.hx-empty-h{margin:10px 0 0;font:900 32px/1 Archivo,sans-serif}.hx-empty-btns{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:14px;display:flex}.hx-empty-btns a{align-items:center;height:52px;padding:0 18px;text-decoration:none;display:inline-flex}.hx-btn-ghost{background:var(--paper)!important}@keyframes hx-draw{to{stroke-dashoffset:0}}@keyframes hx-up{0%{opacity:0;transform:translateY(18px) rotate(var(--tilt))}}@keyframes hx-fade{0%{opacity:0}}@keyframes hx-bob{50%{transform:translateY(-3px)}}@keyframes hx-fold{to{opacity:0;max-height:0;box-shadow:none;border-width:0;margin-top:-22px}}@media (prefers-reduced-motion:reduce){.hx-card,.hx-list,.hx-faces.bob .ink-face{animation:none}.hx-trend svg path,.hx-tabs path{stroke-dashoffset:0;animation:none}}@media (width<=640px){.hx{padding:24px 14px 36px}.hx-top h1{font-size:30px}.hx-aside{font-size:22px}.hx-search{width:100%}.hx-row{grid-template-columns:64px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 14px 14px 12px}.hx-thumb{gap:4px;height:64px;padding:12px 6px 6px}.hx-thumb.paper{width:50px;padding:8px 6px}.hx-thumb .btns u{width:12px}.hx-stamp{width:96px;font-size:7px}.hx-badge{width:22px;height:22px;font-size:10px;top:-9px;right:-9px}.hx-host b{font-size:16px}.hx-when{font-size:17px}.hx-faces{gap:5px}.hx-faces.sm .ink-face{border-width:2px;width:26px;height:26px;font-size:8px}.hx-score{padding-top:34px}.hx-score b{font-size:36px}.hx-timer{font-size:17px}.hx-a{font-size:18px}.hx-trend svg{width:110px}}