:root{--bg-color: #ffffff;--text-color: #1a1a1a;--input-bg: #f5f5f5;--input-border: #e0e0e0;--result-color: #2563eb;--transition-speed: .3s}@media (prefers-color-scheme: dark){:root{--bg-color: #1a1a1a;--text-color: #ffffff;--input-bg: #2d2d2d;--input-border: #404040;--result-color: #60a5fa}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-speed),color var(--transition-speed)}.container{width:100%;max-width:600px;padding:2rem;text-align:center}.title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;letter-spacing:-.5px}.input-container{margin-bottom:2rem}.input{width:100%;padding:1rem;font-size:1.25rem;background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:12px;color:var(--text-color);transition:all var(--transition-speed)}.input:focus{outline:none;border-color:var(--result-color);box-shadow:0 0 0 3px #2563eb1a}.result{font-size:4rem;font-weight:700;color:var(--result-color);min-height:5rem;display:flex;align-items:center;justify-content:center;transition:color var(--transition-speed)}