*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,system-ui,sans-serif;font-size:14px;color:#222;background:#f0f2f5}#root{display:flex;flex-direction:column}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}:root{--teal: #0abfa8;--teal-bg: #e8faf8;--border: #e8e8e8;--b2: #f2f2f2;--t1: #1a1a1a;--t2: #555;--t3: #888;--t4: #bbb}button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit}textarea,input,select{font-family:inherit;outline:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;border:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--teal);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px #0abfa84d}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fu{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fu{animation:fu .2s ease}