.ct{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,6vw,96px);padding-block:clamp(28px,7vh,90px) clamp(80px,14vh,160px);display:grid}.ct__head{position:sticky;top:110px}.ct__title{margin:16px 0 clamp(18px,3vh,28px);font-size:clamp(48px,7vw,120px)}.ct__lede{max-width:30ch;margin:0 0 clamp(22px,4vh,36px);font-size:clamp(19px,1.6vw,23px);line-height:1.45}.ct__aside{color:var(--ink-soft);margin:0 0 10px;font-size:16px}.ct__sheet{background:var(--sheet);border:1px solid var(--rule);box-shadow:0 30px 60px -48px var(--shadow);border-radius:3px;padding:clamp(24px,3.4vw,48px);position:relative}.ct__form{gap:clamp(22px,3.4vh,32px);display:grid}.ct fieldset{border:0;min-width:0;margin:0;padding:0}.ct__legend{margin:0 0 10px;padding:0;display:block}.ct__opt{color:var(--ink-mute)}.ct__kind-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.ct__kind,.ct__pill{cursor:pointer;display:block;position:relative}.ct__kind input,.ct__pill input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.ct__kind span,.ct__pill span{border:1.5px solid var(--ink);color:var(--ink);background:var(--sheet);text-align:center;transition:background-color .2s, color .2s, transform .12s var(--ease-out), border-bottom-width .12s;border-bottom-width:4px;border-radius:9px;padding:12px 10px 10px;font-size:16px;font-weight:620;font-stretch:108%;line-height:1.1;display:block}.ct__pill span{border-width:1.2px 1.2px 3px;border-radius:7px;padding:8px 12px 7px;font-size:15px}.ct__kind:hover span,.ct__pill:hover span{background:color-mix(in srgb, var(--ink) 8%, var(--sheet))}.ct__kind input:checked+span,.ct__pill input:checked+span{background:var(--ink);color:var(--on-ink);border-bottom-width:1.5px;transform:translateY(2.5px)}.ct__pill input:checked+span{border-bottom-width:1.2px;transform:translateY(1.8px)}.ct__kind input:focus-visible+span,.ct__pill input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}.ct__about,.ct__hint--problem{display:none}.ct__form:has(input[name=kind][value=problem]:checked) .ct__about,.ct__form:has(input[name=kind][value=problem]:checked) .ct__hint--problem{display:block}.ct__about-row{border:1px dashed var(--rule);border-radius:8px;flex-wrap:wrap;align-items:flex-start;gap:14px 26px;padding:16px 18px;display:flex}.ct__group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ct__mini{width:100%;margin-bottom:2px}.ct__version{flex-direction:column;align-items:stretch;gap:6px}.ct__version .ct__input{width:9.5em;padding:8px 10px}.ct__version .ct__hint{max-width:16em}.ct__field{gap:6px;display:grid}.ct__field .ct__legend{margin-bottom:2px}.ct__input{border:1.2px solid color-mix(in srgb, var(--ink) 35%, var(--rule));background:color-mix(in srgb, var(--paper) 55%, var(--sheet));width:100%;color:var(--ink-text);font-family:var(--font-words);font-variation-settings:"MONO" 0, "CASL" 0;border-radius:8px;padding:12px 14px;font-size:18px;line-height:1.55;transition:border-color .2s,background-color .2s}.ct__input::placeholder{color:var(--ink-mute);opacity:1}.ct__input:focus{border-color:var(--ink);background:var(--sheet)}.ct__text{resize:vertical;min-height:11em}.ct__input[aria-invalid=true]{border-color:#c4352b}.ct__hint{color:var(--ink-soft);font-size:14.5px;line-height:1.45}.ct__err{color:#b42f25;font-size:15px;font-weight:560}html[data-theme=dark] .ct__err{color:#ff9c8f}html[data-theme=dark] .ct__input[aria-invalid=true]{border-color:#ff9c8f}.ct__err:empty{display:none}.ct__send{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:4px;display:flex}.ct__send .key[disabled]{cursor:progress;opacity:.75}.ct__note{color:var(--ink-soft);flex:260px;margin:0;font-size:14.5px;line-height:1.5}.ct__status:empty{display:none}.ct__status,.ct__alert{border-left:3px solid var(--marker);background:color-mix(in srgb, var(--marker) 22%, transparent);margin:0;padding:12px 16px;font-size:16px;line-height:1.5}.ct__fail{margin-bottom:24px;display:none}.ct__fail:target,.ct__fail.is-shown{display:block}.ct__done{text-align:center;padding-block:clamp(10px,4vh,40px);display:none}.ct__done:target,.ct__done.is-shown{display:block}.ct__sheet:has(.ct__done:target) .ct__form,.ct__sheet.is-done .ct__form{display:none}.ct__done:focus{outline:none}.ct__envelope{aspect-ratio:783/538;background:var(--ink);width:clamp(150px,18vw,220px);margin:0 auto 18px;transform:rotate(-6deg);-webkit-mask:url(/img/envelope.webp) 50%/contain no-repeat;mask:url(/img/envelope.webp) 50%/contain no-repeat}.ct__sheet.is-done .ct__envelope{animation:ct-fly .9s var(--ease-out) both}@keyframes ct-fly{0%{opacity:0;transform:translate(-40px,26px)rotate(-18deg)scale(.86)}}.ct__done-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(26px,2.6vw,36px);font-weight:720;font-stretch:112%;line-height:1.1}.ct__done-text{max-width:34ch;color:var(--ink-soft);margin:0 auto 18px;font-size:17px;line-height:1.55}@media (width<=900px){.ct{grid-template-columns:1fr}.ct__head{position:static}.ct__lede{max-width:36ch}}@media (width<=480px){.ct__kind-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ct__about-row{padding:14px}}@media (prefers-reduced-motion:reduce){.ct__sheet.is-done .ct__envelope{animation:none}}