:root{--background: #ffffff;--surface: #f3f4f6}.dark{--background: #030303;--surface: #0a0a0a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--background);transition:background-color .3s ease;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button,a{touch-action:manipulation}input,textarea,select{font-size:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280}@media(max-width:768px){::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-fade-in{animation:fade-in .4s ease-out}.animate-slide-up{animation:slide-up .5s ease-out}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}}:focus-visible{outline:2px solid #10b981;outline-offset:2px}button:focus:not(:focus-visible){outline:none}::selection{background-color:#10b981;color:#fff}::-moz-selection{background-color:#10b981;color:#fff}@media(max-width:640px){html{font-size:14px}}@media(min-width:640px)and (max-width:1024px){html{font-size:15px}}@media(min-width:1024px){html{font-size:16px}}@media(max-width:640px){.container-mobile{padding-left:1rem;padding-right:1rem}}#root{overflow-x:hidden;width:100%}img{max-width:100%;height:auto}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.tap-target{min-height:44px;min-width:44px}}