@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css);*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body,html{height:100%;width:100%}body{background:linear-gradient(135deg,#f5f7fa,#e4eaf1);color:#333;transition:background-color .3s ease}.dark body{background:linear-gradient(135deg,#1e293b,#0f172a);color:#f8fafc}.app-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.card{width:100%;max-width:380px;background:#fff;border-radius:1rem;box-shadow:0 10px 25px rgba(0,0,0,.05);overflow:hidden;transition:all .3s ease}.dark .card{background:#1e293b;box-shadow:0 10px 25px rgba(0,0,0,.1)}.card:hover{box-shadow:0 15px 30px rgba(0,0,0,.1)}.card-header{height:4px;background:linear-gradient(90deg,#3b82f6,#6366f1)}.card-content{padding:2rem}.title-section{text-align:center;margin-bottom:2rem}.title-section h1{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:#1e293b}.dark .title-section h1{color:#fff}.title-section p{font-size:.9rem;color:#64748b}.dark .title-section p{color:#94a3b8}.counter-display{margin-bottom:2.5rem}.counter-circle,.counter-display{display:flex;justify-content:center}.counter-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#eff6ff,#e0e7ff);align-items:center;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.dark .counter-circle{background:linear-gradient(135deg,#334155,#1e293b)}.counter-circle span{font-size:3rem;font-weight:700;transition:all .3s ease-out;color:#64748b}.counter-circle span.positive{color:#3b82f6}.counter-circle span.negative{color:#ef4444}.counter-circle span.zero{color:#94a3b8}.controls{flex-direction:column}.control-buttons,.controls{display:flex;gap:1rem}.btn{flex:1;padding:.8rem 1rem;border:none;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn:active{transform:scale(.98)}.icon{font-size:1rem}.add-btn{background:#3b82f6;color:#fff}.add-btn:hover:not(:disabled){background:#2563eb}.reset-btn,.subtract-btn{background:#f1f5f9;color:#1e293b}.dark .reset-btn,.dark .subtract-btn{background:#334155;color:#f8fafc}.reset-btn:hover:not(:disabled),.subtract-btn:hover:not(:disabled){background:#e2e8f0}.dark .reset-btn:hover:not(:disabled),.dark .subtract-btn:hover:not(:disabled){background:#475569}.btn:disabled{opacity:.6;cursor:not-allowed}.add-btn:disabled{background:#93c5fd}.card-footer{background:#f8fafc;padding:1rem 2rem;text-align:center;font-size:.75rem;color:#94a3b8}.dark .card-footer{background:#33415520}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.counter-circle span{animation:pulse .5s ease-out}@media (max-width:400px){.card-content{padding:1.5rem}.counter-circle{width:100px;height:100px}.counter-circle span{font-size:2.5rem}}