@font-face{font-family:ParaDaily;src:url('/assets/ParaDailySans-Bold.woff2?v=338') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{color-scheme:light;--ink:#111;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:ParaDaily,Arial,sans-serif;font-weight:700;font-kerning:normal;font-feature-settings:'liga' 1,'kern' 1;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer}a:hover,button:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid;outline-offset:6px}header{display:flex;align-items:center;justify-content:space-between;padding:36px 5vw}.brand img{display:block;max-width:100%;height:auto}nav{display:flex;align-items:center;gap:34px;font-size:17px}main{margin:0 5vw}h1,h2,p{margin:0}h1{font-size:clamp(120px,22vw,340px);line-height:.84;letter-spacing:-.055em}h2{font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-.03em}.hero{padding:80px 0 115px}.hero p{font-size:clamp(20px,2.3vw,32px);margin-top:48px;max-width:550px;line-height:1.25}.signature{border-top:1px solid;display:grid;grid-template-columns:repeat(4,1fr);padding:60px 0 110px;align-items:center}.signature span{font-size:clamp(80px,15vw,240px);line-height:1;text-align:center;letter-spacing:-.045em}.section-top{display:flex;align-items:center;justify-content:space-between}.section-top button{font-size:16px}.tester{padding:75px 0 60px;border-top:1px solid;scroll-margin-top:30px}textarea{display:block;resize:vertical;width:100%;min-height:340px;border:0;border-radius:0;padding:35px 0 20px;margin:25px 0;background:var(--paper);font-family:ParaDaily,Arial,sans-serif;font-size:96px;font-weight:700;line-height:1.1;letter-spacing:0;outline-offset:8px;overflow-wrap:anywhere}textarea:focus{outline:1px solid}.ligature{display:flex;align-items:center;gap:8px;cursor:pointer}.ligature input{accent-color:var(--ink);width:17px;height:17px}#coverage{font-family:Arial,sans-serif;font-weight:400;font-size:15px;margin-top:25px}.characters{border-top:1px solid;border-bottom:1px solid;margin:35px 0 0}summary{cursor:pointer;list-style:none;font-size:23px;padding:25px 0;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}#glyph-grid{display:grid;grid-template-columns:repeat(12,1fr);padding:25px 0 50px;gap:20px 10px}#glyph-grid span{font-size:clamp(25px,4vw,55px);text-align:center;line-height:1.3}footer{margin:0 5vw;border-top:1px solid;padding:26px 0 40px;display:flex;justify-content:space-between;gap:25px;font-size:15px}@media(max-width:650px){header{padding:25px 6vw}.brand img{width:54px}nav{gap:22px;font-size:15px}main,footer{margin-left:6vw;margin-right:6vw}.hero{padding:75px 0 85px}h1{font-size:clamp(120px,28vw,180px)}.hero p{margin-top:35px;max-width:300px}.signature{grid-template-columns:repeat(2,1fr);gap:35px 0;padding:45px 0 65px}.signature span{font-size:33vw}.tester{padding-top:55px}textarea{font-size:58px;min-height:270px;padding-top:15px}#glyph-grid{grid-template-columns:repeat(6,1fr)}#glyph-grid span{font-size:36px}footer{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(prefers-color-scheme:dark){:root{--paper:#111;--ink:#fff;color-scheme:dark}.brand img,.logo img,footer img{filter:invert(1)}}

.controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  align-items: center;
  gap: clamp(18px, 3vw, 42px);
  font-size: 15px;
}
.range-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 12px;
}
.range-control input {
  grid-area: 2 / 1 / 3 / -1;
  width: 100%;
  min-width: 0;
  height: 28px;
  margin: 0;
  accent-color: var(--ink);
  cursor: pointer;
}
.range-control output {
  grid-area: 1 / 2;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-align: right;
}
.controls input:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
@media (max-width: 800px) {
  .controls { grid-template-columns: minmax(0, 1fr); gap: 13px; font-size: 14px; }
  .range-control { grid-template-columns: 7.75em minmax(0, 1fr) 5em; }
  .range-control input { grid-area: 1 / 2; height: 32px; }
  .range-control output { grid-area: 1 / 3; }
  .controls .ligature { justify-self: start; margin-top: 4px; }
}