@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-400-normal-BTFTIZb-.woff2)format("woff2"),url(/assets/andika-latin-400-normal-BK42By1L.woff)format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-700-normal-Dk95f5lc.woff2)format("woff2"),url(/assets/andika-latin-700-normal-CAUSQC6x.woff)format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-latin-400-normal-CwRJVcUA.woff2)format("woff2"),url(/assets/lexend-latin-400-normal-CHypAkT3.woff)format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/lexend-latin-700-normal-DqO8md6r.woff2)format("woff2"),url(/assets/lexend-latin-700-normal-DVyJlN8t.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-700-normal-CqTg7A15.woff2)format("woff2"),url(/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff)format("woff")}:root{--mist:#f2f7fb;--ink:#12343b;--green:#2fb86b;--green-dark:#238a50;--grey:#dde5ea;color:var(--ink);background:var(--mist);-webkit-text-size-adjust:100%;font-family:Andika,Lexend,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;margin:0}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3{margin:0 0 8px;font-family:Fredoka,"Baloo 2",sans-serif}h1{font-size:40px}h2{font-size:32px}h3{margin-top:32px;font-size:24px}p,li{margin:0 0 16px;font-size:24px;line-height:1.4}.block-button{color:var(--ink);box-shadow:0 10px 0 var(--edge,var(--grey));cursor:pointer;background:#fff;border:0;border-radius:28px;flex:none;place-items:center;font-family:inherit;font-weight:700;transition:transform 60ms,box-shadow 60ms;display:grid}.block-button:active{box-shadow:0 2px 0 var(--edge,var(--grey));transform:translateY(8px)}.start{background:linear-gradient(#bfe6ff 0% 62%,#7ed492 62% 100%);flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100dvh;display:flex}.start-button{background:var(--green);--edge:var(--green-dark);width:240px;height:240px;box-shadow:0 16px 0 var(--edge);border-radius:50%}.start-button:active{box-shadow:0 4px 0 var(--edge);transform:translateY(12px)}.start-label{margin:0;font-family:Fredoka,sans-serif;font-size:48px}.test-page{max-width:1100px;margin:0 auto;padding:32px 24px 96px}section{margin-top:56px}.checks{padding-left:28px}.plain-button{font:inherit;min-height:72px;color:var(--ink);box-shadow:0 6px 0 var(--grey);background:#fff;border:0;border-radius:20px;padding:0 28px;font-size:24px;font-weight:700}.plain-button:active{box-shadow:0 2px 0 var(--grey);transform:translateY(4px)}.plain-button.active{background:var(--green);color:#fff;box-shadow:0 6px 0 var(--green-dark)}.font-card{background:#fff;border-radius:24px;margin-bottom:20px;padding:20px 24px;overflow:hidden}.font-name{opacity:.7;font-family:system-ui,sans-serif;font-size:18px}.digits{letter-spacing:6px;white-space:nowrap;line-height:1.15;overflow-x:auto}.drawn{gap:16px;display:flex}.swatches{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px 20px;display:grid}.swatch{border-radius:24px;flex-direction:column;gap:4px;min-height:150px;padding:16px;display:flex}.swatch.small{min-height:100px}.swatch-icon{font-family:system-ui,sans-serif;font-size:40px;line-height:1}.swatch-name{font-size:24px;font-weight:700}.swatch-hex{font-family:system-ui,sans-serif;font-size:16px}.tabs{gap:16px;margin-bottom:20px;display:flex}.size-note{font-size:20px}.answer-row{flex-wrap:wrap;justify-content:center;align-items:center;padding:16px 0 28px;display:flex}.numpad{justify-content:center;padding:16px 0 28px;display:grid}.object{border:0;border-radius:50%;flex:none}.object:active{transform:translateY(4px)}.quiet-sample{background:var(--mist);text-align:center;border:6px solid;border-radius:32px;padding:32px 24px}.question{margin:8px 0 24px;font-weight:700;line-height:1.2}
