:root{--primary:#2563eb;--primary-dark:#1e40af;--danger:#ef4444;--danger-dark:#dc2626;--danger-bg:#fef2f2;--success:#10b981;--success-dark:#059669;--bg-color:#f3f4f6;--card-bg:#ffffff;--text-main:#1f2937;--text-light:#6b7280;--border-color:#e5e7eb;--z-bottom-bar:50;--z-fab:99;--z-dropdown:150;--z-modal:300;--z-modal-high:500;--z-modal-top:600;--z-toast:9999}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);height:100vh;overflow:hidden;display:flex;flex-direction:column;-webkit-user-select:none;touch-action:manipulation}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.container{width:100%;max-width:480px;margin:0 auto;padding:12px 10px calc(10px + env(safe-area-inset-bottom,12px)) 10px;height:100%;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;position:relative}