.hwa{z-index:350;border:1px solid var(--line2,#ffffff24);border-top:2px solid var(--red,#e2412b);width:min(390px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--text,#f3ede2);font:14px/1.45 var(--body,system-ui, sans-serif);opacity:0;transition:opacity .3s var(--ease,ease), transform .35s var(--ease,ease);background:linear-gradient(#16141b,#0e0d12);padding:18px 18px 16px;position:fixed;bottom:20px;right:20px;overflow:auto;transform:translateY(16px);box-shadow:0 30px 70px -20px #000,0 0 0 1px #000}.hwa.in{opacity:1;transform:none}.hwa.out{opacity:0;pointer-events:none;transform:translateY(12px)}.hwa-x{width:30px;height:30px;color:var(--muted,#9a948a);cursor:pointer;background:0 0;border:0;place-items:center;font-size:22px;line-height:1;display:grid;position:absolute;top:8px;right:8px}.hwa-x:hover{color:#fff}.hwa-head{align-items:center;gap:12px;padding-right:26px;display:flex}.hwa-ico{border:1.5px solid var(--red,#e2412b);width:42px;height:42px;color:var(--red,#e2412b);flex:none;place-items:center;display:grid}.hwa-ico svg{width:24px;height:24px}.hwa-kicker,.hwa-k{letter-spacing:.28em;text-transform:uppercase;color:var(--gold,#d8b26a);font-size:10.5px;font-weight:700;display:block}.hwa h3{color:#fff;margin:3px 0 0;font-size:21px;line-height:1.05}.hwa-why{color:#d8d1c5;margin:12px 0}.hwa-why b{color:#fff}.hwa-how{border:1px solid var(--line,#ffffff14);background:#ffffff08;padding:12px 12px 10px}.hwa-steps{counter-reset:hwa;margin:8px 0 0;padding:0;list-style:none}.hwa-steps li{counter-increment:hwa;color:#cfc8bc;padding:0 0 7px 28px;font-size:13.5px;position:relative}.hwa-steps li:before{content:counter(hwa);background:var(--red,#e2412b);color:#fff;width:19px;height:19px;font:400 12px/1 var(--display,Impact, sans-serif);place-items:center;display:grid;position:absolute;top:1px;left:0}.hwa-steps b{color:#fff;font-weight:700}.hwa-url{border:1px solid var(--line2,#ffffff24);align-items:stretch;gap:0;margin-top:4px;display:flex}.hwa-url code{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;min-width:0;color:var(--gold-hi,#f6dfa4);background:#07070a;flex:1;padding:8px 10px;font:600 13px/1.2 ui-monospace,Consolas,monospace;overflow:hidden}.hwa-copy{border:0;border-left:1px solid var(--line2,#ffffff24);color:#fff;font:800 11px/1 var(--body,system-ui);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#ffffff0f;flex:none;padding:0 14px;transition:background .2s,color .2s}.hwa-copy:hover{color:#0a0a0a;background:#fff}.hwa-copy.ok{color:#fff;background:#1f6f43}.hwa-hint{color:var(--muted,#9a948a);margin:6px 0 0;font-size:12px}.hwa-hint code{color:#d8d1c5;font:600 11.5px ui-monospace,Consolas,monospace}.hwa-more{margin-top:10px;font-size:13px}.hwa-more summary{cursor:pointer;color:var(--muted,#9a948a);font-weight:700}.hwa-more summary:hover{color:#fff}.hwa-more .hwa-k{margin-top:10px}.hwa-btns{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.hwa-btns .btn{flex:auto}@media (max-width:760px){.hwa{width:auto;max-height:calc(100dvh - 32px);padding:16px 14px 14px;bottom:16px;left:16px;right:16px}.hwa h3{font-size:19px}}@media (prefers-reduced-motion:reduce){.hwa{transition:opacity .2s;transform:none}}