*,:before,:after{box-sizing:border-box}html,body{padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Outfit,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}.tool-container-inner{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:40px}@media (width<=600px){.tool-container-inner{border-radius:var(--radius-md)!important;padding:24px!important}}.responsive-grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.responsive-grid-2{grid-template-columns:1fr!important;gap:16px!important}}.responsive-grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1024px){.responsive-grid-4{grid-template-columns:1fr 1fr}}@media (width<=480px){.responsive-grid-4{grid-template-columns:1fr}}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{font-family:inherit}:root{--primary:#ff6b1a;--primary-dark:#ea580c;--primary-light:#ff9142;--accent:#6c5ce7;--accent-light:#818cf8;--bg:#f8f6f2;--surface:#fff;--surface-2:#f1efe9;--border:#00000014;--text:#1a1a1a;--muted:#1a1a1a8c;--ad-bg:#ff6b1a0a;--ad-border:#ff6b1a1f;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-full:9999px;--shadow-card:0 4px 20px #0000000a;--shadow-fab:0 8px 32px #ff6b1a66;--shadow-btn:0 4px 14px #ff6b1a4d}[data-theme=dark]{--bg:#0a0f1d;--surface:#111827;--surface-2:#1f2937;--border:#ffffff14;--text:#f3f4f6;--muted:#f3f4f673;--ad-bg:#ff6b1a08;--ad-border:#ff6b1a26;--shadow-card:0 4px 24px #0006}@keyframes spinCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinCCW{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ringPulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anim-float{animation:4s ease-in-out infinite floatY}.anim-ring{animation:2.2s ease-out infinite ringPulse}.anim-slide-up{animation:.4s slideUp}.anim-fade-in{animation:.3s fadeIn}.marquee-track{width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{scrollbar-width:none}