@font-face{font-family:ABC Diatype;src:url(/fonts/ABCDiatype-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ABC Diatype Semi Mono;src:url(/fonts/ABCDiatypeSemiMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bone: #fbfbf8;--cola: #3c2e2a;--cola-62: rgba(60, 46, 42, .62);--cola-56: rgba(60, 46, 42, .56);--cola-45: rgba(60, 46, 42, .45);--cola-40: rgba(60, 46, 42, .4);--cola-34: rgba(60, 46, 42, .34);--hairline: rgba(60, 46, 42, .2);--chip-tint: rgba(60, 46, 42, .06);--tomato: #cd3e1d;--gold: #c79320;--gold-preview: rgba(199, 147, 32, .5);--font-body: "ABC Diatype", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "ABC Diatype Semi Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bone);color:var(--cola);font-family:var(--font-body);font-weight:400;font-size:18px;-webkit-font-smoothing:antialiased}.page{box-sizing:content-box;max-width:680px;margin:0 auto;padding:56px 24px 96px}.header-row{display:flex;align-items:center;justify-content:space-between}.wordmark{display:block;width:68px;height:auto}.step-count{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--cola-62)}.progress{margin-top:16px;height:2px;border-radius:2px;background:var(--hairline)}.progress-fill{height:100%;border-radius:2px;background:var(--cola);transition:width .32s ease}.screen{margin-top:72px}.fade{animation:screen-in .32s ease}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.eyebrow{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--cola-62)}.heading{margin:16px 0 0;font-size:36px;font-weight:400;line-height:1.15;letter-spacing:-.01em;white-space:pre-line;max-width:560px}.subtext{margin:14px 0 0;font-size:15px;line-height:1.45;letter-spacing:.01em;color:var(--cola-62);max-width:460px}.controls{margin-top:42px}.footer{margin-top:56px;display:flex;align-items:center;gap:12px}.note{margin:16px 0 0;font-size:14px;letter-spacing:.025em;color:var(--cola-40)}.note-error{color:var(--cola-62);max-width:46ch}.btn{font-family:var(--font-mono);font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:10px;padding:11px 18px;width:fit-content;background:transparent;color:var(--cola);cursor:pointer;transition:opacity .2s ease}.btn:focus-visible{outline:none}.btn-primary{background:var(--cola);color:var(--bone)}.btn-primary:hover:not(:disabled){opacity:.62}.btn-primary:focus-visible{box-shadow:0 0 0 1px var(--cola)}.btn-primary:disabled{background:transparent;box-shadow:inset 0 0 0 1px var(--hairline);color:var(--cola-56);cursor:not-allowed;opacity:.75}.btn-secondary{box-shadow:inset 0 0 0 1px var(--cola)}.btn-secondary:hover{opacity:.62}.btn-secondary:focus-visible{box-shadow:inset 0 0 0 1px var(--cola),0 0 0 1px var(--cola)}.field+.field{margin-top:28px}.field-label{display:block;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--cola-62);margin-bottom:10px}.text-input,.textarea{display:block;width:100%;font-family:var(--font-body);font-size:18px;color:var(--cola);background:var(--bone);border:1px solid var(--hairline);border-radius:2px;transition:border-color .2s ease,box-shadow .2s ease}.text-input{max-width:448px;height:48px;padding:0 14px}.textarea{max-width:560px;padding:14px;line-height:1.5;resize:vertical}.text-input::placeholder,.textarea::placeholder{color:var(--cola-40)}.text-input:focus,.textarea:focus{outline:none;border-color:var(--cola);box-shadow:0 0 0 1px var(--cola)}.nps-row{display:flex;flex-wrap:wrap;gap:8px;max-width:652px}.nps-chip{width:52px;height:52px;padding:0;border:1px solid var(--hairline);border-radius:2px;background:transparent;color:var(--cola);font-family:var(--font-body);font-size:18px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.nps-chip:hover:not(.is-selected){box-shadow:inset 0 0 0 1px var(--cola-45)}.nps-chip:focus-visible{outline:none;box-shadow:0 0 0 1px var(--cola)}.nps-chip.is-selected{background:var(--cola);border-color:var(--cola);color:var(--bone)}.chip-wide{width:auto;padding:0 16px;font-size:15px}.alt-option{margin-top:24px}.controls>:not(.field)+.field{margin-top:40px}.field-optional{color:var(--cola-40)}.nps-captions{display:flex;justify-content:space-between;max-width:652px;margin-top:18px;font-size:14px;letter-spacing:.025em;color:var(--cola-62)}.star-row{display:flex;gap:4px;margin-left:-10px}.star-btn{width:64px;height:64px;padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.star-btn:focus-visible{outline:none;box-shadow:0 0 0 1px var(--cola)}.star-btn svg{width:50px;height:50px;transition:transform .2s ease,fill .2s ease,stroke .2s ease}.star-btn.is-hovered svg{transform:scale(1.12)}.star-descriptor{margin:16px 0 0;min-height:22px;font-size:15px;letter-spacing:.01em;color:var(--cola);transition:color .2s ease}.star-descriptor.is-preview{color:var(--cola-62)}.summary{margin-top:42px;border-top:1px solid var(--hairline)}.summary-row{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid var(--hairline)}.summary-label{flex:0 0 168px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--cola-62);padding-top:3px}.summary-value{font-size:15px;line-height:1.45;letter-spacing:.01em;color:var(--cola);overflow-wrap:anywhere}.summary-value.is-empty{color:var(--cola-62)}@media (max-width: 480px){.heading{font-size:30px}.summary-row{flex-direction:column;gap:6px}.summary-label{flex:none;padding-top:0}}@media (max-width: 420px){.star-btn{width:48px;height:48px}.star-btn svg{width:38px;height:38px}.star-row{margin-left:-5px}}.split{display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:40px;align-items:start}.split>.split-main{grid-column:1;grid-row:1}.split>.aside-panel{grid-column:2;grid-row:1}.split-main>:not(.field)+.field{margin-top:40px}.aside-panel{border-left:1px solid var(--hairline);padding-left:20px}.aside-label{margin:0;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--cola-62)}.aside-body{margin:12px 0 0;font-size:15px;line-height:1.5;letter-spacing:.01em;overflow-wrap:anywhere}.field-hint{margin:10px 0 0;max-width:460px;font-size:13px;line-height:1.45;letter-spacing:.02em;color:var(--cola-45)}.share-result{margin-top:44px;padding-top:28px;border-top:1px solid var(--hairline)}.share-link{margin:12px 0 0;font-family:var(--font-mono);font-size:13px;line-height:1.55;overflow-wrap:anywhere}.btn{display:inline-block;text-decoration:none}@media (max-width: 680px){.split{grid-template-columns:minmax(0,1fr);gap:28px}.split>.split-main,.split>.aside-panel{grid-column:1;grid-row:auto}.aside-panel{border-left:none;border-top:1px solid var(--hairline);padding-left:0;padding-top:16px}}