:root{--primary:#2563eb;--primary-dark:#1d4ed8;--profit:#047857;--leak:#be123c;--warning:#d97706;--bg-app:#f1f5f9;--card-bg:#fff;--text-main:#0f172a;--text-muted:#475569;--border-color:#cbd5e1;--radius-sm:.75rem;--radius-md:1.25rem;--radius-lg:1.75rem;--shadow-soft:0 4px 6px -1px #0f172a0d, 0 2px 4px -2px #0f172a0d;--shadow-sweet:0 10px 25px -5px #0f172a1a, 0 8px 10px -6px #0f172a0d;--shadow-raised:0 20px 25px -5px #0f172a1a, 0 10px 10px -5px #0f172a0a;--transition-bounce:all .3s cubic-bezier(.34, 1.56, .64, 1);color:var(--text-main);background-color:var(--bg-app);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-app);min-width:320px;min-height:100vh;margin:0}#root{width:100%;max-width:500px;margin:0 auto;padding:1rem}h1{letter-spacing:-.025em;color:var(--primary);margin-bottom:.5rem;font-size:2.25rem;font-weight:800;line-height:1.1}h2{color:var(--text-main);margin-top:1.5rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:800}h3{color:var(--text-main);margin-top:1rem;margin-bottom:.5rem;font-size:1.15rem;font-weight:700}button{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;cursor:pointer;transition:var(--transition-bounce);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.85em 1.6em;font-family:inherit;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #2563eb33}button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d}button:active{transform:scale(.97)}button.secondary{color:var(--primary);border:2px solid var(--primary);box-shadow:var(--shadow-soft);background:#fff}button.secondary:hover{box-shadow:var(--shadow-sweet);background:#f8fafc;transform:translateY(-2px)}button.ghost{color:var(--text-muted);box-shadow:none;background:0 0;border:none}button.ghost:hover{color:var(--text-main);background:#0f172a0d;transform:none}.card{background:var(--card-bg);border-radius:var(--radius-md);transition:var(--transition-bounce);border:1.5px solid var(--border-color);margin-bottom:1rem;padding:1.5rem;box-shadow:0 4px 20px -2px #0f172a14}.card:hover{transform:translateY(-1px);box-shadow:0 6px 24px -2px #0f172a1f}input,select{border-radius:var(--radius-sm);border:2px solid var(--border-color);width:100%;color:var(--text-main);appearance:none;background:#fff;padding:.85rem 1rem;font-size:1rem;font-weight:500;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 4px #0f172a0f}input:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:inset 0 1px 2px #0f172a0a,0 0 0 3px #2563eb26}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.075em;margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}.text-profit{color:var(--profit);font-weight:700}.text-leak{color:var(--leak);font-weight:700}.text-warning{color:var(--warning);font-weight:700}.bg-profit{background-color:var(--profit)}.bg-leak{background-color:var(--leak)}.flex-column{flex-direction:column;gap:1rem;display:flex}.flex-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s ease-out forwards slideUp}.onboarding-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;width:100%;max-width:500px;height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.onboarding-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1.5px solid var(--border-color);width:100%;max-width:420px;padding:2.25rem 2rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp;box-shadow:0 25px 50px -12px #0f172a4d}.welcome-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;width:100%;max-width:500px;height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.welcome-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1.5px solid var(--border-color);width:100%;max-width:420px;padding:2.25rem 2rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp;box-shadow:0 25px 50px -12px #0f172a4d}.update-banner{border:2px solid var(--primary);border-radius:var(--radius-md);z-index:1000;background:#fff;justify-content:space-between;align-items:center;gap:.75rem;width:calc(100% - 2rem);max-width:468px;padding:.75rem 1rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpCentered;display:flex;position:fixed;bottom:70px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #0f172a26,0 8px 10px -6px #0f172a14}.install-prompt-banner{border:1.5px solid var(--border-color);border-left:4px solid var(--primary);border-radius:var(--radius-md);z-index:1001;background:#fff;width:calc(100% - 2rem);max-width:468px;padding:1rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpCentered;display:flex;position:fixed;bottom:75px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -5px #0f172a26}@keyframes slideDownCentered{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideUpCentered{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}nav button{flex:1;min-width:0;box-shadow:none!important;background:0 0!important;padding:.5rem 0!important;transform:none!important}nav button:hover{box-shadow:none!important;background:#0f172a0d!important;transform:none!important}.active-timer-bar{border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:calc(100% - 2rem);max-width:468px;box-shadow:var(--shadow-sweet);z-index:1000;cursor:pointer;transition:var(--transition-bounce);background:#fff;justify-content:space-between;align-items:center;padding:.6rem 1rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideDownCentered;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.active-timer-bar:hover{box-shadow:var(--shadow-raised);border-color:var(--primary);transform:translate(-50%,-2px)!important}.active-timer-bar:active{transform:translate(-50%,1px)scale(.98)!important}.active-timer-bar .pulse-dot{background-color:var(--profit);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-green;box-shadow:0 0 #047857b3}.active-timer-bar.paused .pulse-dot{background-color:#f59e0b;animation:1.5s infinite pulse-orange;box-shadow:0 0 #f59e0bb3}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #047857b3}70%{transform:scale(1);box-shadow:0 0 0 6px #04785700}to{transform:scale(.95);box-shadow:0 0 #04785700}}@keyframes pulse-orange{0%{transform:scale(.95);box-shadow:0 0 #f59e0bb3}70%{transform:scale(1);box-shadow:0 0 0 6px #f59e0b00}to{transform:scale(.95);box-shadow:0 0 #f59e0b00}}