*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}body,html{height:100%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#e2e8f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-image:url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='20' height='20' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(210, 40%, 96%, 1)'/><path d='M 10,-2.55e-7 V 20 Z M -1.1677362e-8,10 H 20 Z'  stroke-width='1' stroke='hsla(215, 20%, 65%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")}#app{background:#ffffff;border-radius:8px;padding:32px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;flex-direction:column;gap:12px;width:min(100%,500px)}button{display:inline-block;outline:none;cursor:pointer;border-radius:3px;font-size:14px;font-weight:500;line-height:16px;padding:2px 16px;height:38px;min-width:96px;min-height:38px;border:none;color:#fff;background-color:#5865f2;transition:background-color .17s ease,color .17s ease}button:hover{background-color:#4752c4}.answers{display:flex;flex-direction:column}label{padding:12px;display:block;border:2px solid #64748b;border-radius:4px;margin:4px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;font-family:monospace;font-size:24px}label:hover{border-color:#646cff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}label:has(:checked){background-color:#646cff50;border-color:#646cff}progress{width:100%}.correct{background-color:#bbf7d0!important}.incorrect{background-color:#fecaca!important}.big-title{font-size:64px;color:red}.js{background:yellow;display:inline-block;padding-left:6px;margin-left:-6px;padding-right:6px;margin-right:-6px}