:root{font-family:system-ui,-apple-system,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a}body{margin:0;display:flex;place-items:center;justify-content:center;min-height:100vh}button{border-radius:4px;border:1px solid rgba(255,255,255,.2);padding:.75em 1.5em;font-size:1rem;font-family:inherit;background-color:transparent;color:inherit;cursor:pointer;transition:border-color .2s}button:hover{border-color:#ffffff80}@media(prefers-color-scheme:light){:root{color:#1a1a1a;background-color:#fafafa}button{border-color:#0003}button:hover{border-color:#00000080}}.container{display:flex;flex-direction:column;align-items:center;gap:2rem}.mode-toggle{display:flex;gap:.5rem}.mode-toggle button{padding:.4em 1em;font-size:.85rem;opacity:.5}.mode-toggle button.active{opacity:1;border-color:#ffffff80}.face-display{text-align:center;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.face-display pre{font-size:4rem;margin:0;font-family:monospace}.face-display .emoji{font-size:6rem}.expression-label{margin-top:1rem;font-size:.9rem;opacity:.6}@media(prefers-color-scheme:light){.mode-toggle button.active{border-color:#00000080}}