@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1f1a;--bg2:#122b24;--surface:#1a3830;--surface2:#1f4438;--border:rgba(29,158,117,.18);--green:#1d9e75;--green-l:#25c493;--green-d:#085041;--amber:#ef9f27;--red:#e24b4a;--blue:#3b82f6;--text:#e8f5f1;--text2:#95b8ae;--text3:#5e8c7f;--card-bg:rgba(26,56,48,.85);--glass:rgba(29,158,117,.08);--shadow:0 4px 24px rgba(0,0,0,.5);--radius:14px}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;max-width:480px;margin:0 auto;position:relative}.card{background:var(--card-bg);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.card,.glass-card{border:1px solid var(--border);border-radius:var(--radius);padding:16px}.glass-card{background:var(--glass);backdrop-filter:blur(8px)}.input-field{width:100%;padding:14px 16px;font-size:15px;font-family:inherit;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;color:var(--text);transition:border-color .2s,box-shadow .2s;outline:none}.input-field::-moz-placeholder{color:var(--text3)}.input-field::placeholder{color:var(--text3)}.input-field:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(29,158,117,.15)}.input-field option{background:var(--surface2)}.btn-primary{width:100%;padding:15px;font-size:15px;font-weight:700;font-family:inherit;background:linear-gradient(135deg,var(--green),var(--green-l));color:#fff;border:none;border-radius:12px;cursor:pointer;transition:opacity .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 16px rgba(29,158,117,.35);letter-spacing:.02em}.btn-primary:hover:not(:disabled){opacity:.92;box-shadow:0 6px 20px rgba(29,158,117,.45);transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-outline{width:100%;padding:14px;font-size:14px;font-weight:600;font-family:inherit;background:transparent;color:var(--green);border:1.5px solid var(--green);border-radius:12px;cursor:pointer;transition:background .2s}.btn-outline:hover{background:rgba(29,158,117,.08)}.badge-green{background:rgba(29,158,117,.18);color:var(--green-l)}.badge-amber{background:rgba(239,159,39,.18);color:var(--amber)}.badge-red{background:rgba(226,75,74,.18);color:var(--red)}.badge-blue{background:rgba(59,130,246,.18);color:var(--blue)}.badge-grey{background:hsla(0,0%,100%,.06);color:var(--text3)}.badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.04em}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:4px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glow{0%,to{box-shadow:0 0 8px rgba(29,158,117,.3)}50%{box-shadow:0 0 24px rgba(29,158,117,.6)}}.animate-up{animation:slideUp .35s ease forwards}.animate-fade{animation:fadeIn .3s ease forwards}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--surface2);border-radius:4px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--green);box-shadow:0 2px 8px rgba(29,158,117,.5);cursor:pointer}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}