.fence-app{--background:0 0% 100%;--foreground:222 24% 14%;--card:0 0% 100%;--card-foreground:222 24% 14%;--popover:0 0% 100%;--popover-foreground:222 24% 14%;--primary:177 70% 27%;--primary-foreground:0 0% 100%;--secondary:220 16% 95%;--secondary-foreground:222 24% 14%;--muted:220 16% 96%;--muted-foreground:218 11% 42%;--accent:220 16% 94%;--accent-foreground:222 24% 14%;--destructive:0 72% 48%;--destructive-foreground:0 0% 100%;--border:220 14% 88%;--input:220 13% 84%;--ring:177 70% 32%;--radius:0.375rem;--fence-chrome:220 20% 97%;--fence-canvas:214 22% 93%;color-scheme:light;color:hsl(var(--foreground));-webkit-font-smoothing:antialiased}.fence-app .fence-num,.fence-app table{font-variant-numeric:tabular-nums}.fence-app input[type=number]::-webkit-inner-spin-button,.fence-app input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (pointer:coarse){.fence-app input,.fence-app select,.fence-app textarea{font-size:16px}}.fence-app ::selection{background:rgba(21,117,112,.18)}.fence-app .fence-offcut{background-image:repeating-linear-gradient(-45deg,#cbcfd8 0 3px,#edeff2 3px 6px)}@media (prefers-reduced-motion:no-preference){.fence-app .fence-pulse{animation:fence-pulse 1.6s ease-in-out infinite}}@keyframes fence-pulse{0%,to{opacity:.55}50%{opacity:1}}