:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { background: #f8fafc; color: #1e293b; }
.tool-card { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.tool-card:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(15, 23, 42, .08); border-color: #bfdbfe; }
.tool-input { min-height: 11rem; resize: vertical; }
.result-box { min-height: 7rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.soft-grid { background-image: radial-gradient(#dbeafe 1px, transparent 1px); background-size: 22px 22px; }