:root{--bg:#f5f3ef;--bg-card:#fff;--bg-secondary:#edeae4;--border:#e4dfd8;--border-hover:#cac4bc;--text-primary:#1a1714;--text-secondary:#7a7570;--text-muted:#b4aea8;--accent:#1a1714;--success:#4a7c59;--error:#b5471a;--shadow-sm:0 1px 3px #1a17140f, 0 1px 2px #1a17140a;--shadow-md:0 4px 16px #1a171414, 0 2px 6px #1a17140a;--shadow-lg:0 12px 40px #1a17141a, 0 4px 12px #1a17140f;--checkerboard:repeating-conic-gradient(#e4dfd8 0% 25%, #edeae4 0% 50%) 0 0 / 16px 16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}body{background:var(--bg);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.checker{background:var(--checkerboard)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.45s forwards fadeIn}.animate-spin{animation:.9s linear infinite spin}@media (max-width:600px){.slot-grid{grid-template-columns:1fr!important}.angle-row,.ratio-row{flex-wrap:wrap}}