:root{--ph-color-bg:#f4f7f5;--ph-color-surface:#fff;--ph-color-text:#183128;--ph-color-muted:#65756d;--ph-color-border:#dfe7e2;--ph-color-primary:#147a4c;--ph-color-primary-soft:#e5efe9;--ph-color-warning:#855d13;--ph-color-danger:#9a3029;--ph-focus:#36a66f;--ph-radius-sm:8px;--ph-radius-md:12px;--ph-radius-lg:16px;--ph-shadow-dialog:0 24px 80px #102c2060;--ph-space-1:4px;--ph-space-2:8px;--ph-space-3:12px;--ph-space-4:16px;--ph-space-6:24px;--ph-space-8:32px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#1f2937;background:#fff;min-width:320px;margin:0;font-family:Arial,Helvetica,sans-serif}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ph-focus);outline-offset:2px}button,input,select,textarea{font:inherit}main{max-width:48rem;margin:0 auto;padding:4rem 1.5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}