.hx{min-width:0;color:var(--text-primary);font-family:var(--font-sans);flex-direction:column;gap:16px;display:flex}.hx-band{flex-wrap:wrap;gap:16px 12px;display:flex}.hx-panel{min-width:0;min-height:0;color:var(--text-primary);background:linear-gradient(180deg, color-mix(in oklab, var(--game-primary) 7%, var(--surface-raised)) 0%, var(--surface-raised) 160px);border:1px solid color-mix(in oklab, var(--game-primary) 20%, var(--border-default));box-shadow:inset 0 1px 0 color-mix(in oklab, var(--text-primary) 9%, transparent), 0 28px 56px -36px color-mix(in oklab, var(--surface-base) 92%, transparent);border-radius:16px;flex-direction:column;flex:360px;gap:16px;padding:20px;font-size:14px;display:flex}.hx-panel[data-hero=true]{background:radial-gradient(ellipse 60% 110% at 100% 0%, color-mix(in oklab, var(--game-primary) 24%, transparent), transparent 62%), radial-gradient(ellipse 45% 90% at 0% 100%, color-mix(in oklab, var(--game-accent) 10%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in oklab, var(--game-primary) 8%, var(--surface-raised)), var(--surface-raised))}.hx-panel[data-gap="12"]{gap:12px}.hx-head{border-bottom:1px solid color-mix(in oklab, var(--border-default) 65%, transparent);flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding-bottom:12px;display:flex}.hx-title{letter-spacing:-.012em;flex:auto;margin:0;font-size:18px}.hx-chip{border:1px solid color-mix(in oklab, var(--k,var(--border-strong)) 55%, transparent);height:24px;color:var(--k,var(--text-secondary));border-radius:4px;flex:none;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.hx-sample{background:color-mix(in oklab, var(--warning) 13%, transparent);border:1px solid color-mix(in oklab, var(--warning) 34%, transparent);height:24px;color:var(--warning);letter-spacing:.02em;border-radius:9999px;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.hx-sample[data-s=sm]{height:20px;padding:0 4px}.hx-why{min-width:44px;min-height:44px;color:var(--text-tertiary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:13px;font-weight:500;display:inline-flex}.hx-why>span{border:1px solid var(--border-strong);border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;display:inline-grid}.hx-why:hover{color:var(--text-primary)}.hx-note{background:var(--surface-overlay);border:1px solid var(--border-default);color:var(--text-secondary);border-radius:12px;padding:12px 16px;line-height:1.5}.hx-note>small{color:var(--text-tertiary);margin-top:4px;font-size:13px;display:block}.hx-well{background:linear-gradient(180deg, color-mix(in oklab, var(--surface-hover) 75%, transparent), var(--surface-overlay));border:1px solid color-mix(in oklab, var(--border-default) 85%, transparent)}.hx-ctl{border:1px solid var(--border-default);background:var(--surface-overlay);min-width:0;min-height:44px;color:var(--text-primary);font-family:var(--font-sans);border-radius:8px;padding:0 12px;font-size:14px}.hx-ctl[data-raised=true]{background:var(--surface-raised)}.hx-mono{font-family:var(--font-mono)}.hx-btn{border:1px solid var(--border-strong);background:var(--surface-overlay);min-height:44px;color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.hx-btn[data-main=true]{background:var(--brand-base);color:var(--brand-contrast);border:0;padding:0 24px;font-size:15px}.hx-step{border:1px solid var(--border-default);background:var(--surface-overlay);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:8px;font-size:20px}.hx-link{min-height:44px;color:var(--game-primary);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.hx-link:hover{text-decoration:underline}.hx-press{min-height:44px;color:var(--text-primary);font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:0 8px;font-size:14px;display:flex}.hx-press[aria-pressed=true]{background:color-mix(in oklab, var(--game-primary) 14%, transparent);border-color:var(--game-primary)}.hx-card{border:1px solid var(--border-default);background:var(--surface-overlay);border-radius:12px}.hx-card[aria-pressed=true]{background:color-mix(in oklab, var(--game-primary) 14%, transparent);border-color:var(--game-primary)}.hx-rung{border:1px solid var(--border-subtle);min-height:44px;color:var(--text-primary);font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border-radius:8px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 12px;font-size:14px;display:grid}.hx-rung[aria-pressed=true]{border-color:var(--game-primary)}.hx-rung[data-rec=true]{background:color-mix(in oklab, var(--game-accent) 16%, transparent);border-color:var(--game-accent);font-weight:600}.hx-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;display:grid}.hx-row[data-head=true]{border-bottom-color:var(--border-default)}.hx-row[data-hover=true]:hover{background:color-mix(in oklab, var(--game-primary) 7%, transparent)}.hx-sort{min-height:44px;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:500}.hx :is(button,a,select,input,textarea,summary){transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out}.hx :is(button,a,select,input,textarea,summary):focus-visible{outline:2px solid var(--brand-base);outline-offset:2px}@media (prefers-reduced-motion:reduce){.hx :is(button,a,select,input,textarea,summary){transition:none}}.hx-faq{border-bottom:1px solid var(--border-subtle)}.hx-faq>summary{cursor:pointer;align-items:center;min-height:44px;padding:8px 0;font-size:16px;font-weight:600;display:flex}.hx-faq>p{color:var(--text-secondary);margin:0 0 12px;line-height:1.5}