:root{--paper:#fbfcf7;--card:#fff;--sidebar:#e9efdd;--sidebar-2:#e2ead0;--ink:#2b3517;--ink-soft:#5b6640;--ink-faint:#8a9270;--olive:#44570f;--olive-deep:#33430a;--olive-bright:#6f8a1f;--line:#d7dec5;--line-soft:#e7ecda;--chip:#eef2e3;--xp:#e0972b;--xp-soft:#fbeccd;--flame:#ec6f3d;--flame-soft:#fbe2d6;--correct:#5c8a26;--correct-soft:#e6f0d4;--wrong:#cf5742;--wrong-soft:#f8e0da;--berry:#8a5cc4;--berry-soft:#efe6f8;--sky:#3d7fb8;--sky-soft:#ddebf6;--r-sm:10px;--r:16px;--r-lg:22px;--r-xl:30px;--shadow-sm:0 1px 2px #2c34170f, 0 1px 3px #2c34170a;--shadow:0 6px 20px -8px #2c34172e, 0 2px 6px #2c34170f;--shadow-lg:0 22px 50px -20px #2c341747, 0 6px 16px #2c341714;--font-ui:"Fredoka", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--fs:1}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{height:100vh}::selection{background:#d6e4ad}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:#cdd6b6 padding-box padding-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#bcc7a0 padding-box padding-box;border:3px solid #0000}h1,h2,h3,h4{font-family:var(--font-ui);color:var(--ink);margin:0}button{font-family:var(--font-ui);cursor:pointer;background:0 0;border:none}.app-shell{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg, var(--sidebar) 0%, var(--sidebar-2) 100%);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:22px;width:312px;padding:22px;display:flex}@media (width<=768px){.app-shell{flex-direction:column;width:100%;overflow-x:hidden}.sidebar{box-sizing:border-box;border-right:none;border-bottom:1px solid var(--line);width:100%}main{box-sizing:border-box;width:100%;padding:22px!important}h1{font-size:30px!important}.kit-grid{grid-template-columns:repeat(2,1fr)!important}}