:root {
  --accent: #e3ff04;
  --accent-dark: #c8e000;
  --text-main: #111827;
  --text-muted: #6b7280;
  --bg-light: #f9fafb;
  --border-color: #e5e7eb;
}

#inalto-calculator { color: var(--text-main); }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--bg-light); }
::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #9ca3af; }

.progress-bar-inner { background-color: var(--accent); transition: width 0.4s cubic-bezier(0.25,0.46,0.45,0.94); }

/* modal */
.modal-overlay{ position:fixed; inset:0; background:rgba(17,24,39,.6); backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center; z-index:50; opacity:0; visibility:hidden; transition:opacity .3s, visibility .3s; }
.modal-overlay.visible{ opacity:1; visibility:visible; }
.modal-content{ transform:scale(.95); transition:transform .3s; }
.modal-overlay.visible .modal-content{ transform:scale(1); }

/* Print */
@media print{
  body>*:not(#print-area-wrapper){ display:none !important; }
  #print-area-wrapper, #print-area-wrapper *{ visibility:visible !important; }
  #print-area-wrapper{ display:block !important; position:static !important; width:100% !important; margin:0 !important; padding:0 !important; }
  .print-card{ border:1px solid #ccc !important; box-shadow:none !important; border-radius:0 !important; padding:1.5rem !important; }
  .no-print{ display:none !important; }
}