.hx-page{--hx-ink:#1e2a24;--hx-muted:#5d6f66;--hx-panel:rgba(255,252,246,.92);--hx-line:rgba(40,70,55,.16);--hx-accent:#3d7a5c;max-width:1080px;margin:0 auto;padding:1.2rem 1rem 3rem;color:var(--hx-ink)}.hx-back a{color:var(--hx-muted);text-decoration:none;font-weight:700}.hx-header{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:flex-end;margin:.75rem 0 1rem}.hx-title-row{display:flex;gap:.75rem;align-items:center}.hx-cover{border-radius:.75rem;border:1px solid var(--hx-line);-o-object-fit:cover;object-fit:cover;background:#dfeee6}.hx-header h1{margin:0;font-size:clamp(1.55rem,3vw,2rem);letter-spacing:-.02em}.hx-header p{margin:.3rem 0 0;color:var(--hx-muted);max-width:36rem}.hx-scores{display:flex;gap:.55rem;flex-wrap:wrap}.hx-scores div{min-width:4.8rem;padding:.4rem .7rem;border:1px solid var(--hx-line);border-radius:.5rem;background:var(--hx-panel)}.hx-scores span{display:block;font-size:.72rem;color:var(--hx-muted)}.hx-scores strong{font-size:1.15rem;font-variant-numeric:tabular-nums}.hx-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,270px);gap:1rem;align-items:start}.hx-main,.hx-side{background:var(--hx-panel);border:1px solid var(--hx-line);border-radius:.85rem;padding:.85rem}.hx-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;align-items:center;margin-bottom:.65rem;color:var(--hx-muted);font-size:.88rem}.hx-btn{border:1px solid var(--hx-line);background:#fff;color:var(--hx-ink);border-radius:.45rem;padding:.4rem .75rem;font:inherit;cursor:pointer}.hx-btn-primary{background:var(--hx-accent);border-color:var(--hx-accent);color:#fff}.hx-stage{position:relative;border-radius:.75rem;overflow:hidden;background:#7ec8f5;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.35)}.hx-canvas{display:block;width:100%;max-width:540px;margin:0 auto;touch-action:none;cursor:grab}.hx-canvas:active{cursor:grabbing}.hx-overlay{position:absolute;inset:0;display:grid;place-content:center;gap:.5rem;text-align:center;background:rgba(12,20,16,.55);color:#fff;padding:1rem}.hx-overlay h2{margin:0;font-size:1.45rem}.hx-overlay p{margin:0 0 .5rem}.hx-side p{margin:0 0 .65rem}.hx-side ul{margin:0 0 .85rem;padding-left:1.1rem;color:var(--hx-muted);font-size:.9rem}.hx-milo{display:grid;place-items:center;margin-bottom:.5rem}.hx-legend{display:flex;gap:.4rem}.hx-chip{font-size:.75rem;font-weight:800;padding:.28rem .55rem;border-radius:999px;color:#fff}.hx-chip-safe{background:#5b8dff}.hx-chip-danger{background:#e25b5b}@media (max-width:840px){.hx-layout{grid-template-columns:1fr}}