.card{background-color:var(--background-1);display:flex;border-radius:30px;flex-direction:column;align-items: start;width:300px;height:400px;padding:30px}.form{display:flex;flex-direction:column;justify-content:space-between;align-items: end;width:280px}.form-item{display:flex;align-items: center}.form-item label{text-align:right;width:100px}.form-item input{flex:1;margin:5px}.submit{margin:5px}.output{background-color:var(--background-2);display:flex;flex-direction:column;flex:1;align-items: start;width:270px;padding:10px}#root{position:fixed;display:flex;background-color:var(--background-0);justify-content:center;align-items: center;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;top:0;left:0}body,html{background-color:var(--background-0)}:root{--background-0:white;--background-1:oklch(96.7% .001 286.375);--background-2:oklch(92.2% 0 0);--color:black}@media (prefers-color-scheme:dark){:root{--background-0:oklch(26.9% 0 0);--background-1:oklch(37.1% 0 0);--background-2:oklch(43.9% 0 0);--color:oklch(92.2% 0 0)}}