.hx-usage-insights-for-claude-code{--w-bg: #101117;--w-card: #16171f;--w-line: #262833;--w-line2: #22242d;--w-chip: #1d1f28;--w-ink: #d7dae0;--w-mute: #8a8f9c;--w-soft: #a9aebb;--w-soft2: #c3c7d1;--w-on: #fff;:root[data-theme=light] &{--w-bg: #ffffff;--w-card: #f7f6f3;--w-line: rgb(16 18 27 / .1);--w-line2: rgb(16 18 27 / .08);--w-chip: #efede8;--w-ink: #1c1d24;--w-mute: #6b6f7b;--w-soft: #4a4d57;--w-soft2: #3b3e48;--w-on: #0b0b10;--w-ok: #1f8a3d;--w-warn: #a8740b}&.hx{--cyc: 8s;display:grid;gap:14px;align-content:center;min-height:440px;font-family:var(--font-sans)}.ui-win{display:grid;gap:12px;padding:0 18px 18px;border-radius:18px;background:var(--w-bg);border:1px solid var(--w-line);color:var(--w-ink);box-shadow:0 30px 60px -34px #000000e6,0 0 80px -40px var(--a)}:root[data-theme=light] & .ui-win{box-shadow:0 30px 60px -36px #10121b66,0 0 80px -40px var(--a)}.ui-bar{display:flex;align-items:center;gap:6px;height:40px;margin:0 -18px;padding:0 14px;border-bottom:1px solid var(--w-line2);font:12px var(--font-mono);color:var(--w-mute)}.ui-bar i{width:9px;height:9px;border-radius:50%;background:#ff5f57}.ui-bar i+i{background:#febc2e}.ui-bar i+i+i{background:#28c840;margin-right:8px}.ui-bar b{color:var(--a);font-weight:600}.ui-bar em{font-style:normal;padding:3px 9px;border-radius:6px}.ui-bar em.on{margin-left:auto;color:var(--w-on);background:var(--w-chip)}.ui-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ui-k{display:grid;padding:10px 12px;border-radius:11px;background:var(--w-card);border:1px solid var(--w-line);animation:ui-lit var(--cyc) infinite;animation-delay:calc(var(--i) * 2s)}.ui-k b{font-size:19px;letter-spacing:-.02em}.ui-k small{font-size:11px;color:var(--w-mute)}.ui-h{font:600 10.5px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--w-mute)}.ui-mid{display:grid;grid-template-columns:1fr 112px;gap:16px;align-items:end}.ui-days{display:grid;gap:8px}.ui-cols{display:flex;align-items:flex-end;gap:3px;height:96px;border-bottom:1px solid var(--w-line)}.ui-cols i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:var(--a);transform-origin:bottom;animation:ui-grow var(--cyc) infinite;animation-delay:calc(var(--i) * 40ms)}.ui-ring{position:relative;display:grid;justify-items:center}.ui-ring svg{width:100px;height:100px;transform:rotate(-90deg)}.ui-ring circle{fill:none;stroke:var(--w-line);stroke-width:9}.ui-ring circle.on{stroke:var(--a);stroke-linecap:round;stroke-dasharray:94 100;animation:ui-ring var(--cyc) infinite}.ui-ring b{position:absolute;top:36px;font-size:20px}.ui-ring small{font-size:11px;color:var(--w-mute)}.ui-heat{display:grid;grid-template-columns:repeat(14,1fr);gap:3px}.ui-heat i{aspect-ratio:1.7;border-radius:3px;background:color-mix(in srgb,var(--a) calc(var(--v) * 22% + 5%),var(--w-card));animation:ui-wave var(--cyc) infinite;animation-delay:calc(var(--d) * 90ms)}.ui-src{display:flex;align-items:center;gap:10px;justify-content:center;font-size:12.5px;color:var(--ink-2)}.ui-src code{font:12px var(--font-mono);padding:4px 9px;border-radius:7px;color:var(--at);border:1px solid color-mix(in srgb,var(--a) 40%,transparent)}.ui-src b{color:var(--ok);font-weight:600}.ui-arrow{width:44px;height:1px;background:linear-gradient(90deg,var(--a),transparent)}@media(max-width:980px){&.hx{min-height:0}.ui-k b{font-size:16px}.ui-bar em{display:none}}@media(max-width:520px){.ui-kpis{grid-template-columns:1fr 1fr}.ui-mid{grid-template-columns:1fr}.ui-ring{display:none}}@media(prefers-reduced-motion:reduce){& *{animation:none!important}}&.ul{--turn: 4s;--cyc: calc(5 * var(--turn));width:100%;max-width:600px;border-radius:16px;overflow:hidden;background:var(--w-bg);border:1px solid var(--w-line);color:var(--w-ink);font-family:var(--font-sans)}.ul-bar{display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-bottom:1px solid var(--w-line2)}.ul-bar>i{width:8px;height:8px;border-radius:50%;background:#ff5f57}.ul-bar>i+i{background:#febc2e}.ul-bar>i+i+i{background:#28c840;margin-right:8px}.ul-tabs{display:flex;gap:2px;margin-left:auto;font-size:11px}.ul-tabs em{font-style:normal;padding:4px 8px;border-radius:6px;color:var(--w-mute);animation:ul-tab var(--cyc) infinite;animation-delay:calc(var(--p) * var(--turn))}.ul-body{position:relative;height:330px}.ul-view{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;padding:14px 16px;opacity:0;animation:ul-view var(--cyc) infinite;animation-delay:calc(var(--p) * var(--turn))}.ul-h{font:600 9.5px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--w-mute);margin-top:2px}.ul-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ul-kpis div{display:grid;padding:8px 10px;border-radius:9px;background:var(--w-card);border:1px solid var(--w-line)}.ul-kpis b{font-size:16px;letter-spacing:-.02em}.ul-kpis small{font-size:10px;color:var(--w-mute)}.ul-cols{display:flex;align-items:flex-end;gap:3px;height:74px;border-bottom:1px solid var(--w-line)}.ul-cols i{flex:1;border-radius:3px 3px 0 0;background:var(--a)}.ul-cols.hist{height:88px;gap:5px}.ul-heat{display:grid;grid-template-columns:repeat(18,1fr);gap:3px}.ul-heat i{aspect-ratio:1.5;border-radius:3px;background:color-mix(in srgb,var(--a) calc(var(--v) * 23% + 5%),var(--w-card))}.ul-rows{display:grid;gap:5px}.ul-row{display:grid;grid-template-columns:110px 108px 1fr 26px;align-items:center;gap:8px;font-size:11.5px}.ul-row em{font-style:normal;font-size:10px;padding:2px 7px;border-radius:99px;background:var(--w-chip);color:var(--w-soft);justify-self:start}.ul-row i{height:7px;border-radius:0 4px 4px 0;background:linear-gradient(90deg,var(--a) var(--w),var(--w-chip) var(--w))}.ul-row code,.ul-t span{font:600 11px var(--font-mono);text-align:right}.ul-srv{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ul-srv>div{padding:8px 10px;border-radius:10px;background:var(--w-card);border:1px solid var(--w-line)}.ul-srv p{margin:0;display:flex;justify-content:space-between;align-items:center;font-size:11.5px}.ul-srv p+p{margin-top:4px}.ul-t{margin:0;display:flex;justify-content:space-between;gap:8px;font-size:11px}.ul-t code{font:11px var(--font-mono);color:var(--w-soft2)}.ok{color:var(--w-ok, #7fd193)}.warn{color:var(--w-warn, #e5c07b)}.ul-line{width:100%;height:86px;overflow:visible}.ul-line polyline{fill:none;stroke:var(--a);stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-linejoin:round}.ul-line .seats{stroke:var(--w-mute);stroke-dasharray:5 4;stroke-width:1.4;vector-effect:non-scaling-stroke}.ul-coh{display:grid;gap:3px}.ul-coh div{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.ul-coh i{font:normal 600 9.5px var(--font-mono);text-align:center;padding:4px 0;border-radius:4px;color:#fff;background:color-mix(in srgb,var(--a) calc(var(--v) * 85%),var(--w-card))}.ul-search{padding:8px 12px;border-radius:9px;border:1px solid var(--w-line2);background:var(--w-card);font-size:11.5px;color:var(--w-mute)}.ul-c{margin:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;border-radius:9px;background:var(--w-card);border:1px solid var(--w-line2)}.ul-c span{display:grid}.ul-c b{font-size:12px}.ul-c small{font-size:10.5px;color:var(--w-mute)}.ul-c em{font:normal 600 10px var(--font-sans);padding:3px 8px;border-radius:99px;white-space:nowrap;color:var(--a);background:color-mix(in srgb,var(--a) 16%,transparent)}.ul-c em.off{color:var(--w-mute);background:var(--w-line2)}@media(max-width:560px){.ul-tabs em{padding:4px 5px}}&.uf{display:grid;grid-template-columns:minmax(0,1fr) 46px 230px;align-items:stretch;margin-top:32px;font-family:var(--font-sans)}.uf-pc{position:relative;padding:34px 24px 24px;border-radius:22px;border:1.5px dashed color-mix(in srgb,var(--a) 55%,var(--edge))}.uf-tag{position:absolute;top:-12px;left:22px;padding:3px 11px;border-radius:99px;font:600 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--at);background:var(--bg);border:1px solid color-mix(in srgb,var(--a) 50%,var(--edge))}.uf-tag.dim{color:var(--ink-3);border-color:var(--rule)}.uf-flow{display:grid;grid-template-columns:1fr 54px 1fr 54px 1fr;align-items:stretch}.uf-pipe{align-self:center}.uf-node{position:relative;display:grid;gap:4px;padding:16px;border-radius:16px;background:var(--card);border:1px solid var(--rule);box-shadow:var(--sh-box);min-width:0}.uf-node b{font-size:15px}.uf-node code{font:12px var(--font-mono);color:var(--at);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uf-node small{font-size:12.5px;color:var(--ink-3);line-height:1.45}.uf-n{font:600 11px var(--font-mono);color:var(--ink-3)}.uf-mini{display:flex;align-items:flex-end;gap:3px;height:26px}.uf-mini i{flex:1;border-radius:2px 2px 0 0;background:var(--a)}.uf-pipe{position:relative;height:2px;margin:0 6px;background:linear-gradient(90deg,var(--rule),color-mix(in srgb,var(--a) 60%,var(--rule)),var(--rule))}.uf-pipe i{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--a);box-shadow:0 0 10px var(--a);animation:uf-go 2.4s linear infinite}.uf-pipe i:nth-child(2){animation-delay:.8s}.uf-pipe i:nth-child(3){animation-delay:1.6s}.uf-sort{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.uf-sort>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.uf-h{width:100%;font:600 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.uf-h.ok{color:var(--ok)}.uf-h.no{color:var(--bad)}.uf-sort em{font-style:normal;font-size:12.5px;padding:4px 10px;border-radius:99px}.uf-sort em.ok{color:var(--ok);background:var(--ok-soft)}.uf-sort em.no{color:var(--ink-3);background:var(--card-2);text-decoration:line-through;text-decoration-color:var(--bad)}.uf-wall{position:relative;display:grid;place-items:center}.uf-wall:before{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:4px;margin-left:-2px;border-radius:4px;background:repeating-linear-gradient(180deg,var(--bad) 0 10px,transparent 10px 16px);opacity:.75}.uf-wall span{position:relative;writing-mode:vertical-rl;transform:rotate(180deg);padding:10px 3px;font:600 10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--bad);background:var(--bg)}.uf-net{position:relative;display:grid;align-content:center;justify-items:center;gap:6px;padding:30px 18px 22px;text-align:center;border-radius:22px;border:1px solid var(--rule);background:var(--bg-2)}.uf-net .uf-tag{left:50%;transform:translate(-50%);white-space:nowrap}.uf-cloud{width:70px;height:48px}.uf-cloud path{fill:none;stroke:var(--ink-3);stroke-width:2.2;stroke-linejoin:round}.uf-cloud .x{stroke:var(--bad);stroke-width:3;stroke-linecap:round}.uf-net b{font-size:30px;letter-spacing:-.03em}.uf-net small{font-size:12.5px;color:var(--ink-3);line-height:1.45}@media(max-width:980px){&.uf{grid-template-columns:1fr}.uf-flow{grid-template-columns:1fr;gap:0}.uf-pipe{display:none}.uf-flow{gap:10px}.uf-sort{grid-template-columns:1fr}.uf-wall{height:46px}.uf-wall:before{display:none}.uf-wall span{writing-mode:horizontal-tb;transform:none}}@media(prefers-reduced-motion:reduce){.ul-view,.ul-tabs em,.uf-pipe i{animation:none!important}.ul-view[style*="--p:0"]{opacity:1}}}@keyframes ui-grow{0%{transform:scaleY(.05)}14%,88%{transform:none}to{transform:scaleY(.05)}}@keyframes ui-ring{0%{stroke-dasharray:0 100}18%,88%{stroke-dasharray:94 100}to{stroke-dasharray:0 100}}@keyframes ui-wave{0%,20%,to{filter:none}10%{filter:brightness(1.8)}}@keyframes ui-lit{0%,30%,to{border-color:var(--w-line);box-shadow:none}8%,22%{border-color:var(--a);box-shadow:0 0 22px -8px var(--a)}}@keyframes ul-view{0%{opacity:0;transform:translateY(6px)}3%,18%{opacity:1;transform:none}20%,to{opacity:0}}@keyframes ul-tab{0%,20%,to{color:var(--w-mute);background:transparent}1%,19%{color:var(--w-on);background:var(--w-line)}}@keyframes uf-go{0%{left:0;opacity:0}15%,85%{opacity:1}to{left:calc(100% - 8px);opacity:0}}