:root{--black: #000000;--gray: #808080;--white: #ffffff;--primary: #fbff85;--secondary: #fd6495;background-color:#f55438;color-scheme:light;color:var(--black);font-family:Public Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}html,body{min-height:100vh}form{border:4px solid var(--black);overflow:hidden;display:flex}.expanding-area{position:relative;min-height:180px;width:100%}.expanding-area>textarea,.expanding-area>pre{margin:0;padding:16px;outline:none;border:none;color:var(--black);background:transparent;white-space:pre-wrap;word-wrap:break-word;font:inherit;font-size:24px;line-height:1.5}.expanding-area>textarea{position:absolute;top:0;left:0;height:100%;width:100%;resize:none;transform:translate(0);transition:transform .08s;background-color:var(--white)}.expanding-area>pre{visibility:hidden}.expanding-area>textarea:focus{transform:translate(-4px,4px)}button{cursor:pointer;transition:transform .1s,box-shadow .1s;display:inline-block;padding:12px 24px;font-weight:600;font-size:20px;text-decoration:none;border:4px solid var(--black);background-color:var(--secondary)}button[disabled]{cursor:not-allowed;opacity:.5}button:not([disabled]):hover,button:not([disabled]):focus-visible{transform:translate(4px,-4px);box-shadow:-4px 4px 0 var(--black)}button:not([disabled]):active{transform:translate(0);box-shadow:none}.platform-row{display:flex;align-items:center;gap:16px}.platform-row button{flex:1}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border:4px solid var(--black);border-radius:50%;cursor:pointer;position:relative;transition:transform .1s,box-shadow .1s}input[type=checkbox]:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border:3px solid var(--black);opacity:0}input[type=checkbox]:checked{background:var(--primary)}input[type=checkbox]:checked:after{opacity:1}input[type=checkbox]:hover:after{opacity:1}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}
