*{padding:0;margin:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-weight:lighter}:root{--app-background: oklch(.9 .04 250.25);--app-foreground: oklch(.2228 .0402 270.23);--app-surface-bg: oklch(.8 .05 270.23);--app-input-bg: oklch(.794 .06 270.23);--app-shadow: 2px 3px 5px oklch(.2 .01 230)}[data-theme=dark]{--app-background: oklch(.2228 .0402 270.23);--app-foreground: oklch(.99 .04 270.25);--app-surface-bg: oklch(.4 .0402 270.23);--app-input-bg: oklch(.6 .06 270.23)}body{background-color:var(--app-background);color:var(--app-foreground)}.number-info{display:flex;flex-direction:column;justify-content:center;background-color:var(--app-surface-bg);color:var(--app-foreground);width:auto;margin:1rem;padding:1rem;border-radius:6px;box-shadow:var(--app-shadow);overflow-wrap:break-word;white-space:pre-line;inline-size:10rem}.screen{display:flex;flex-direction:column;align-items:center}#number-input{width:9rem;padding:.3rem;font-size:1rem;margin:1rem;border-radius:4px;text-align:center;background-color:var(--app-input-bg);color:var(--app-foreground);border:none}#number-input::placeholder{color:var(--app-foreground)}#number-input:focus{outline:solid blue}.theme-button{width:3rem;height:3rem;border-radius:100%;border:none;margin:1rem;cursor:pointer;background-color:var(--app-input-bg);color:var(--app-foreground)}.theme-button:focus{outline:solid blue}details{cursor:pointer}