@import "https://fonts.googleapis.com/css2?family=Caprasimo&family=Figtree:wght@400;600;700&display=swap";.hoa-demo{--hoa-bg:#f5ead8;--hoa-surface:#ebddc5;--hoa-text:#201e1d;--hoa-accent:#c67139;--hoa-accent-2:#7a8a5e;--hoa-divider:#201e1d29;--hoa-neutral-100:#f9f4ed;--hoa-neutral-200:#eee7db;--hoa-neutral-300:#dcd3c4;--hoa-neutral-400:#c0b6a5;--hoa-neutral-600:#82796a;--hoa-neutral-700:#645c50;--hoa-neutral-800:#474238;--hoa-accent-100:#fff2eb;--hoa-accent-200:#ffe1d0;--hoa-accent-300:#ffc6a5;--hoa-accent-600:#b2622d;--hoa-accent-700:#8c491a;--hoa-accent-800:#643312;--hoa-accent-2-100:#f0fae1;--hoa-accent-2-200:#e1eecc;--hoa-accent-2-700:#56633f;--hoa-accent-2-800:#3d472b;--hoa-font-heading:"Caprasimo", Georgia, serif;--hoa-font-body:"Figtree", system-ui, sans-serif;--hoa-radius-sm:8px;--hoa-radius-md:16px;--hoa-radius-lg:28px;--hoa-shadow-sm:0 1px 2px #2e2b2524;--hoa-shadow-md:0 3px 10px #2e2b2529;--hoa-shadow-lg:0 12px 32px #2e2b2538;background:var(--hoa-bg);color:var(--hoa-text);font-family:var(--hoa-font-body);font-size:15px;line-height:1.55}.hoa-demo *,.hoa-demo :before,.hoa-demo :after{box-sizing:border-box}.hoa-demo :focus-visible{outline:2px solid var(--hoa-accent);outline-offset:2px}.hoa-demo ::selection{background:#c671394d}.hoa-display{font-family:var(--hoa-font-heading);letter-spacing:-.015em;margin:0;font-weight:400;line-height:1.12}.hoa-muted{color:var(--hoa-neutral-700)}.hoa-mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hoa-card{background:var(--hoa-neutral-100);border:1px solid var(--hoa-divider);border-radius:var(--hoa-radius-lg);padding:20px}.hoa-panel{background:var(--hoa-surface);border-radius:var(--hoa-radius-md);padding:14px}.hoa-elev-sm{box-shadow:var(--hoa-shadow-sm)}.hoa-elev-md{box-shadow:var(--hoa-shadow-md)}.hoa-btn{cursor:pointer;font-family:var(--hoa-font-heading);color:var(--hoa-text);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;line-height:1.2;transition:background-color .15s,color .15s;display:inline-flex}.hoa-btn:disabled{opacity:.45;cursor:not-allowed}.hoa-btn-primary{background:var(--hoa-accent);color:#fff}.hoa-btn-primary:hover:not(:disabled){background:var(--hoa-accent-600)}.hoa-btn-secondary{border-color:var(--hoa-accent);color:var(--hoa-accent-700)}.hoa-btn-secondary:hover:not(:disabled){background:var(--hoa-accent-100)}.hoa-btn-ghost{color:var(--hoa-neutral-700)}.hoa-btn-ghost:hover:not(:disabled){background:var(--hoa-neutral-200)}.hoa-btn-sm{padding:6px 14px;font-size:13px}.hoa-tag{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;line-height:1.4;display:inline-flex}.hoa-tag-accent{background:var(--hoa-accent-200);color:var(--hoa-accent-800)}.hoa-tag-accent-2{background:var(--hoa-accent-2-200);color:var(--hoa-accent-2-800)}.hoa-tag-neutral{background:var(--hoa-neutral-300);color:var(--hoa-neutral-800)}.hoa-label{color:var(--hoa-neutral-700);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.hoa-input{width:100%;font-family:var(--hoa-font-body);color:var(--hoa-text);background:var(--hoa-neutral-100);border:1px solid var(--hoa-divider);border-radius:999px;padding:9px 16px;font-size:14px}.hoa-input:hover{border-color:var(--hoa-neutral-400)}textarea.hoa-input{border-radius:var(--hoa-radius-md);resize:vertical}select.hoa-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--hoa-neutral-700) 50%), linear-gradient(135deg, var(--hoa-neutral-700) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:36px}.hoa-table{border-collapse:collapse;width:100%;font-size:14px}.hoa-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--hoa-neutral-700);border-bottom:1px solid var(--hoa-divider);white-space:nowrap;padding:8px 12px;font-size:11px}.hoa-table td{border-bottom:1px solid var(--hoa-divider);vertical-align:middle;padding:10px 12px}.hoa-table tr:last-child td{border-bottom:none}.hoa-dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#201e1d73;justify-content:center;align-items:flex-start;padding:32px 16px;display:flex;position:absolute;inset:0}.hoa-dialog{background:var(--hoa-neutral-100);border-radius:var(--hoa-radius-lg);width:100%;max-width:480px;max-height:calc(100vh - 2*clamp(16px,6vh,56px));box-shadow:var(--hoa-shadow-lg);padding:24px;position:sticky;top:clamp(16px,6vh,56px);overflow-y:auto}.hoa-pill{cursor:pointer;font-size:13px;font-family:var(--hoa-font-body);color:var(--hoa-neutral-700);background:0 0;border:none;border-radius:999px;padding:7px 14px}.hoa-pill:hover{background:var(--hoa-neutral-200)}.hoa-pill[aria-pressed=true],.hoa-pill[aria-current=page]{background:var(--hoa-accent);color:#fff}.hoa-pill[aria-pressed=true]:hover,.hoa-pill[aria-current=page]:hover{background:var(--hoa-accent-600)}.hoa-tab{cursor:pointer;border-radius:var(--hoa-radius-sm);font-size:13px;font-family:var(--hoa-font-body);color:var(--hoa-neutral-700);background:0 0;border:none;padding:8px 14px}.hoa-tab:hover{background:var(--hoa-neutral-200)}.hoa-tab[aria-current=page],.hoa-tab[aria-pressed=true]{background:var(--hoa-accent);color:#fff}