:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px rgba(0,0,0,.08);--shadow-md:0 2px 8px rgba(0,0,0,.10);--focus-ring:0 0 0 3px rgba(37,99,235,.35);--surface-border:var(--border,#e2e1e0)}.ui-card,.panel-group,.about-card{border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:0;box-shadow:var(--focus-ring)}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}