.hn-body{--hn-ink:#f6ecff;--hn-dim:#f6ecffb3;--hn-faint:#f6ecff75;--hn-orange:#ff7a1a;--hn-orange-hi:#ff9a3c;--hn-card:#180c26cc;--hn-line:#c9a6e833;--hn-line-hi:#ff9a3c8c;--hn-display:"Creepster", "Space Grotesk", system-ui, sans-serif;min-height:100vh;color:var(--hn-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;background:#0b0414;margin:0;font:15px/1.5 Inter,system-ui,sans-serif}.hn-shell{grid-template-columns:minmax(0,1fr) 340px;gap:16px;max-width:1240px;margin:0 auto;padding:88px 16px 40px;display:grid}@media (width<=900px){.hn-shell{grid-template-columns:minmax(0,1fr)}}.hn-stage{border:1px solid var(--hn-line);touch-action:none;background:linear-gradient(#07030f 0%,#1a0a2c 100%);border-radius:18px;height:calc(100vh - 150px);min-height:420px;max-height:780px;position:relative;overflow:hidden}.hn-canvas{cursor:grab;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hn-canvas:active{cursor:grabbing}.hn-canvas:focus-visible{outline:2px solid var(--hn-orange-hi);outline-offset:-4px}.hn-help{color:var(--hn-dim);text-shadow:0 1px 6px #000000d9;pointer-events:none;margin:0;font-size:13px;position:absolute;bottom:12px;left:14px;right:14px}.hn-loading,.hn-error{z-index:2;text-align:center;background:#080310db;place-content:center;justify-items:center;gap:14px;padding:24px;display:grid;position:absolute;inset:0}.hn-loading[hidden],.hn-error[hidden]{display:none}.hn-loading-title{font-family:var(--hn-display);letter-spacing:.04em;color:var(--hn-orange);margin:0;font-size:34px}.hn-track{background:#f6ecff1f;border-radius:99px;width:min(320px,70vw);height:8px;overflow:hidden}.hn-bar{border-radius:inherit;background:linear-gradient(90deg, var(--hn-orange), var(--hn-orange-hi));width:0;height:100%;transition:width var(--duration-fast) var(--ease-standard);display:block}.hn-loading p,.hn-error p{color:var(--hn-dim);max-width:38ch;margin:0}.hn-error h2{margin:0;font-size:20px}.hn-panel{border:1px solid var(--hn-line);background:var(--hn-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;flex-direction:column;align-self:start;gap:14px;padding:18px;display:flex}.hn-title{font-family:var(--hn-display);letter-spacing:.04em;margin:0;font-size:36px;font-weight:400;line-height:1.05}.hn-title em{color:var(--hn-orange);font-style:normal}.hn-lede{color:var(--hn-dim);margin:-6px 0 0;font-size:14px}.hn-group{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.hn-h{letter-spacing:.14em;text-transform:uppercase;color:var(--hn-faint);margin:0;font-size:11px;font-weight:600}.hn-row{flex-wrap:wrap;gap:8px;display:flex}.hn-chip,.hn-btn{appearance:none;cursor:pointer;font:inherit;color:var(--hn-ink);border:1px solid var(--hn-line);transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:#f6ecff0f;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600}.hn-chip:hover,.hn-btn:hover{border-color:var(--hn-line-hi);background:#ff9a3c24}.hn-chip:active,.hn-btn:active{transform:scale(.97)}.hn-chip:focus-visible,.hn-btn:focus-visible,.hn-select:focus-visible,.hn-range:focus-visible{outline:2px solid var(--hn-orange-hi);outline-offset:2px}.hn-chip[aria-checked=true],.hn-btn[aria-pressed=true]{border-color:var(--hn-orange);background:#ff7a1a38}.hn-btn--primary{background:var(--hn-orange);border-color:var(--hn-orange);color:#1a0b00}.hn-btn--primary:hover{background:var(--hn-orange-hi)}.hn-select{font:inherit;color:var(--hn-ink);border:1px solid var(--hn-line);text-transform:capitalize;background:#0c0516e6;border-radius:10px;padding:8px 10px;font-size:14px}.hn-field{color:var(--hn-dim);justify-content:space-between;font-size:13px;display:flex}.hn-range{width:100%;accent-color:var(--hn-orange)}.hn-note{color:var(--hn-faint);margin:0;font-size:12px}.hn-note a,.hn-credit a{color:var(--hn-orange-hi)}.hn-credit{color:var(--hn-dim);margin:0;font-size:12.5px}.hn-keys{color:var(--hn-dim);font-size:13px}.hn-keys summary{cursor:pointer}.hn-keys ul{margin:8px 0 0;padding-left:18px}.hn-keys kbd{font:inherit;border:1px solid var(--hn-line);background:#f6ecff14;border-radius:5px;padding:1px 6px;font-size:12px}@media (prefers-reduced-motion:reduce){.hn-bar,.hn-chip,.hn-btn{transition:none}}