:root{font-family:Poppins,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#242424;text-rendering:optimizeLegibility}body{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:1em}h1{font-size:2em;text-align:center}.card{background:#ffffff1a;padding:1.5em;border-radius:10px;width:100%;max-width:300px;text-align:center;margin-bottom:1em}input{width:calc(100% - 1.6em);padding:.8em;font-size:1em;border:none;border-radius:5px;background:#fff3;color:#fff;text-align:center}input:focus{outline:none;border:2px solid #646cff}@media (max-width: 600px){.result{font-size:1.2em;padding:.8em}h1{font-size:1.8em}}.black,.color-0{color:#000}.red,.color-1{color:red}.green,.color-2{color:#0f0}.yellow,.color-3{color:#ff0}.blue,.color-4{color:#00f}.cyan,.color-5{color:#0ff}.purple,.color-6{color:#f0f}.white,.color-7{color:#fff}.orange,.color-8{color:#ff8000}.gray,.color-9{color:gray}.result{background-color:#666;padding:1em;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:1.5em;min-height:2.5em}