:root{--color-bg: #0a0a0b;--color-bg-elevated: #141416;--color-bg-surface: #1a1a1e;--color-bg-overlay: rgba(20, 20, 22, .95);--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--color-text: #fafafa;--color-text-secondary: rgba(250, 250, 250, .6);--color-text-tertiary: rgba(250, 250, 250, .4);--color-accent: #3b82f6;--color-accent-soft: rgba(59, 130, 246, .15);--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--color-visitor: #60a5fa;--color-bird: #f472b6;--color-bench: #a78bfa;--color-zone-grass: rgba(34, 197, 94, .3);--color-zone-water: rgba(59, 130, 246, .3);--color-zone-garden: rgba(251, 146, 60, .3);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--color-text);background:var(--color-bg);min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff40}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent-soft)}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}