:root{--color-surface:var(--paper);--color-text:var(--ink);--color-text-muted:var(--muted);--color-border:var(--line);--color-success:#2f694f;--color-warning:#8a6126;--color-error:#9c3434;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-1:0 8px 24px rgba(25,22,18,.08);--focus-ring:2px solid #2b2926}
:where(button,[role=button],input,select,textarea,a):focus-visible{outline:var(--focus-ring);outline-offset:4px}
:where(button,.button,.wp-element-button,.header-action,.menu-toggle,.language-toggle){min-width:44px;min-height:44px}
input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-error)!important}
.hoihoi-field-error{display:block;margin-top:var(--space-2);color:var(--color-error);font-size:12px}
.hoihoi-skeleton{position:relative;overflow:hidden;background:#e8e1d7;color:transparent;min-height:1em}
.hoihoi-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:hoihoi-skeleton 1.4s infinite}
.hoihoi-empty-state{max-width:620px;margin:var(--space-8) auto;padding:48px 24px;text-align:center;border:1px solid var(--color-border)}
.hoihoi-toast{position:fixed;right:24px;bottom:24px;z-index:9999;max-width:min(420px,calc(100vw - 32px));padding:14px 18px;background:var(--color-text);color:var(--color-surface);box-shadow:var(--shadow-1)}
.hoihoi-dialog[open]{width:min(560px,calc(100vw - 32px));border:1px solid var(--color-border);padding:var(--space-8);background:var(--color-surface);color:var(--color-text)}
.hoihoi-dialog::backdrop{background:rgba(20,18,16,.55)}
@keyframes hoihoi-skeleton{to{transform:translateX(100%)}}
@media(max-width:1023px){.content-wrap{padding-left:20px;padding-right:20px}}
@media(max-width:767px){.hoihoi-toast{right:16px;bottom:16px}.content-wrap{padding-left:16px;padding-right:16px}:where(button,.button,.wp-element-button){min-height:44px}}
@media(min-width:1440px){.content-wrap{max-width:1280px}}
@media(prefers-reduced-motion:reduce){.hoihoi-skeleton:after{animation:none;display:none}}