:root{--primary:#1976d2;--primary-light:#e3f2fd;--primary-dark:#1565c0;--surface:#fff;--background:#f5f5f5;--on-surface:#1a1a1a;--text-secondary:#666;--border:#e0e0e0;--error:#d32f2f;--success:#2e7d32;--radius:12px;--radius-sm:8px;--shadow:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001f;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--background);color:var(--on-surface);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:480px;min-height:100dvh;margin:0 auto}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.slide-enter-active,.slide-leave-active{transition:transform .2s,opacity .2s}.slide-enter-from{opacity:0;transform:translate(30px)}.slide-leave-to{opacity:0;transform:translate(-30px)}body{margin:0}