:root{--color-primary: #FDC800;--color-secondary: #432DD7;--color-surface: #FBFBF9;--color-text: #1C293C;--color-success: #16A34A;--color-warning: #D97706;--color-danger: #DC2626;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: 13px;--text-sm: 15px;--text-base: 17px;--text-md: 21px;--text-lg: 27px;--text-xl: 35px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-control: 6px;--radius-card: 8px;--radius-overlay: 12px;--perspective-scene: 1200px;--perspective-subtle: 800px;--depth-press: 2px;--depth-card: 4px;--depth-float: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background:var(--color-surface);min-height:100vh}#root{perspective:var(--perspective-scene)}.persist-3d{transform-style:preserve-3d}.perspective-subtle{perspective:var(--perspective-subtle)}.perspective-none{perspective:none}.depth-card{transform:translateZ(0);transition:transform .22s cubic-bezier(.23,1,.32,1)}.depth-card:hover{transform:translateZ(var(--depth-card))}.depth-float{transform:translateZ(var(--depth-float))}.depth-press:active{transform:translateZ(calc(var(--depth-press) * -1)) scale(.97)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}a,button{border-radius:var(--radius-control);transition:opacity .15s ease,transform .15s ease}a:hover,button:hover{opacity:.9}button:active{transform:scale(.97)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}