@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary:#0d7b6f;--primary-light:#e6f4f2;--secondary:#d97706;--error:#dc2626;--gray:#6b7280;--dark:#111827;--bg:#f0faf9;--card:#fff;--shadow:0 8px 20px -4px #0000000f, 0 4px 8px -4px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:480px;margin:0 auto;padding:1rem 1rem .5rem}.card{background:var(--card);box-shadow:var(--shadow);border:1px solid #00000008;border-radius:20px;margin-bottom:.75rem;padding:1.1rem;transition:transform .2s,box-shadow .2s}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield}input[type=text],input[type=number]{width:100%;color:var(--dark);text-align:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;padding:.6rem .5rem 1.2rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s}input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #0d7b6f1f}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;align-items:center;margin-bottom:.5rem;padding:.35rem .9rem;font-size:.7rem;font-weight:700;display:inline-flex}.footer{text-align:center;color:var(--gray);letter-spacing:.2em;opacity:.5;margin-top:auto;padding:1rem;font-size:.7rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.35s ease-out forwards fadeIn}button:active{transform:scale(.98)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.shake{animation:.2s ease-in-out 2 shake;border-color:var(--error)!important}.limit-hint{background:var(--dark);color:#fff;white-space:nowrap;pointer-events:none;z-index:100;border-radius:6px;padding:4px 8px;font-size:.65rem;font-weight:800;position:absolute;top:-30px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0003}.limit-hint:after{content:"";border-style:solid;border-width:4px;border-color:var(--dark) transparent transparent transparent;margin-left:-4px;position:absolute;top:100%;left:50%}input::placeholder{color:#9ca3af;opacity:.5;font-weight:500}input::placeholder{color:#9ca3af;opacity:.5;font-weight:500}