:root {--gap: 14px;--radius: 10px;--font: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;}* {box-sizing: border-box;}body {font-family: var(--font);margin: 0;background: #0f172a;color: #e5e7eb;display: grid;min-height: 100vh;place-items: center;}.card {width: min(720px, 92vw);background: #111827;border: 1px solid #1f2937;border-radius: var(--radius);padding: clamp(16px, 3vw, 28px);box-shadow: 0 10px 30px rgba(0,0,0,.35);}h1 {margin: 0 0 4px;font-size: clamp(20px, 4vw, 26px);}p.sub {margin: 0 0 18px;color: #9ca3af;}.row {display: grid;grid-template-columns: 1fr auto;gap: var(--gap);margin-top: var(--gap);}.row.split {grid-template-columns: 1fr 1fr;}input[type="text"] {width: 100%;padding: 12px 14px;border-radius: 8px;border: 1px solid #374151;background: #0b1220;color: #e5e7eb;}button {padding: 12px 14px;border-radius: 8px;border: 1px solid #374151;background: #0b5;color: #031;font-weight: 600;cursor: pointer;}button.secondary {background: #0b1220;color: #e5e7eb;}button:disabled {opacity: .6;cursor: not-allowed;}.result {margin-top: 18px;padding: 14px;border: 1px dashed #374151;border-radius: 8px;background: #0b1220;}.answer {font-size: clamp(22px, 5vw, 32px);font-weight: 800;margin: 4px 0 8px;}.meta {color: #9ca3af;font-size: 14px;}.err {color: #fecaca;}.tiny {font-size: 12px;color: #9ca3af;margin-top: 10px;}.spinner {display: inline-block;width: 1em;height: 1em;border: 2px solid #9ca3af;border-right-color: transparent;border-radius: 50%;animation: spin 0.7s linear infinite;vertical-align: -2px;margin-right: 6px;}@keyframes spin {to {transform: rotate(360deg);}}.chip {display: inline-block;padding: 3px 8px;border: 1px solid #374151;border-radius: 999px;margin-right: 6px;background: #0b1220;font-size: 12px;color: #cbd5e1;}a {color: #93c5fd;text-decoration: none;}a:hover {text-decoration: underline;}@media (max-width: 600px) {.row {grid-template-columns: 1fr;}.row button, .row input[type="text"] {width: 100%;}}textarea#placeInput {width: 100%;padding: 12px 14px;border-radius: 8px;border: 1px solid #374151;background: #0b1220;color: #e5e7eb;resize: none;font-family: inherit;font-size: 1rem;line-height: 1.4;}