:root{--sketch-bg: #f9f8f5;--sketch-ink: #2a2a2a;--sketch-accent: #e63946;--sketch-highlight: #457b9d;--sketch-border: 255px 15px 225px 15px/15px 225px 15px 255px;--sketch-box-shadow: 2px 3px 0px rgba(0, 0, 0, .1)}body{margin:0;padding:0;font-family:Kalam,cursive;background-color:var(--sketch-bg);background-image:radial-gradient(var(--sketch-ink) .5px,transparent .5px),radial-gradient(var(--sketch-ink) .5px,var(--sketch-bg) .5px);background-size:20px 20px;background-position:0 0,10px 10px;background-attachment:fixed;color:var(--sketch-ink);min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;margin:0;letter-spacing:.5px}.sketch-box{background:#fff;border:4px solid var(--sketch-ink);border-radius:var(--sketch-border);padding:1.5rem;box-shadow:var(--sketch-box-shadow);transform:rotate(calc(-1deg + 2 * var(--random-rot, .5)));transition:transform .2s ease,box-shadow .2s ease}.sketch-button{font-family:Kalam,cursive;font-size:1.25rem;font-weight:700;padding:.75rem 2rem;background-color:var(--sketch-bg);color:var(--sketch-ink);border:3px solid var(--sketch-ink);border-radius:255px 15px 225px/15px 225px 15px 255px;cursor:pointer;box-shadow:3px 4px #000c;transition:all .1s ease-in-out;position:relative;overflow:hidden}.sketch-button:hover{transform:translate(-1px,-1px);box-shadow:5px 6px #000c}.sketch-button:active{transform:translate(3px,4px);box-shadow:0 0 #000c}.sketch-button.primary{background-color:var(--sketch-highlight);color:#fff}.sketch-button.danger{background-color:var(--sketch-accent);color:#fff}.sketch-button.disabled{background-color:#e0e0e0;color:#9e9e9e;border-color:#9e9e9e;box-shadow:1px 1px #0003;cursor:not-allowed;transform:none}.sketch-button:disabled{background-color:#e0e0e0;color:#9e9e9e;border-color:#9e9e9e;box-shadow:1px 1px #0003;cursor:not-allowed;transform:none}.sketch-input{font-family:Kalam,cursive;font-size:1.25rem;padding:.5rem 1rem;border:3px solid var(--sketch-ink);border-radius:15px 225px 15px 255px/255px 15px 225px;background:transparent;outline:none;width:100%}.sketch-input:focus{background:#ffffffb3;box-shadow:inset 2px 2px #0000001a}.tilt-left{transform:rotate(-2deg)}.tilt-right{transform:rotate(1.5deg)}.tilt-none{transform:rotate(0)}img.openmoji{height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-.1em;pointer-events:none}.giant-buzzer{width:250px;height:250px;border-radius:50%;background:#ff3b30;border:8px solid var(--sketch-ink);box-shadow:inset -10px -10px 20px #0000004d,10px 15px 0 var(--sketch-ink);color:#fff;font-size:3rem;font-family:Kalam,cursive;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s;text-transform:uppercase}.giant-buzzer:active{transform:translateY(15px) translate(10px);box-shadow:inset -5px -5px 10px #00000080,0 0 0 var(--sketch-ink)}.container{max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}