:root{--heading:#2d2d2d;--body:#4c4845;--muted:#6f6a66;--accent:#fd4d57;--accent-text:#a8262d;--accent-strong:#c43238;--accent-tint:#fd4d571a;--accent-tint-strong:#fd4d574d;--button:#3f3a37;--button-hover:#2d2d2d;--line:#d9d6d3;--bg:#f7f7f7;color:var(--body);background:var(--bg);font-family:urw-din,Barlow,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);margin:0}.screen{justify-content:center;align-items:center;min-height:100dvh;padding:3rem 1rem 5rem;display:flex;position:relative}.progress{background:0 0;height:4px;position:fixed;top:0;left:0;right:0}.progress-bar{background:var(--button);height:100%;transition:width .4s}.panel{width:100%;max-width:44rem;animation:.45s cubic-bezier(.2,.7,.2,1) both enter}@keyframes enter{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.panel{animation:none}.progress-bar{transition:none}}h1{color:var(--heading);margin:0 0 .5rem;font-size:1.5rem;font-weight:500;line-height:1.3}.lede{color:var(--muted);margin:0;font-size:1.125rem}.centered{text-align:center;flex-direction:column;align-items:center;display:flex}.wordmark{width:min(32rem,90vw);height:auto;margin:-2rem 0 -1.5rem;display:block}.duration{color:var(--heading);align-items:center;gap:.35rem;margin:.5rem 0 0;font-size:.8125rem;display:inline-flex}.question-head{grid-template-columns:2.5rem 1fr;align-items:start;gap:.25rem;display:grid}.question-num{color:var(--accent-text);white-space:nowrap;font-size:.875rem;line-height:2}.question-num .arrow{font-size:1rem}.question-title{margin:0}.question-title span{margin-left:.15em}.question-sub{color:var(--muted);margin:.25rem 0 0}.question-body{margin-top:1.5rem;margin-left:2.75rem}.field-label{color:var(--heading);margin-bottom:.25rem;font-size:1.0625rem;display:block}.line-input{width:100%;max-width:36rem;font:inherit;color:var(--accent-text);border:0;border-bottom:1px solid var(--accent-tint-strong);resize:none;background:0 0;border-radius:0;padding:.25rem 0 .5rem;font-size:1.5rem;transition:border-color .15s;display:block;overflow:hidden}.line-input::placeholder{color:var(--muted);opacity:1}.line-input:focus{border-bottom:2px solid var(--accent);outline:none;padding-bottom:calc(.5rem - 1px)}.hint{color:var(--accent-text);margin:.5rem 0 0;font-size:.75rem}.hint-error{color:var(--accent-text);background:#fde4e5;border-radius:3px;margin:.75rem 0 0;padding:.25rem .5rem;font-size:.875rem;display:inline-block}.scale{outline:none;grid-template-columns:repeat(11,1fr);gap:.375rem;max-width:36rem;display:grid}.scale-btn{aspect-ratio:1;min-height:2.75rem;font:inherit;color:var(--accent-text);background:var(--accent-tint);border:1px solid var(--accent-tint-strong);cursor:pointer;border-radius:4px;place-items:center;font-size:1.0625rem;transition:background .12s,color .12s;display:grid}.scale-btn:hover{background:var(--accent-tint-strong)}.scale-btn.selected{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.scale-labels{max-width:36rem;color:var(--accent-text);justify-content:space-between;margin-top:.75rem;font-size:.875rem;display:flex}@media (width<=480px){.scale{grid-template-columns:repeat(6,1fr);max-width:none}.scale-labels{max-width:none}.question-body{margin-left:0}}.actions{justify-content:space-between;align-items:center;gap:.75rem;max-width:36rem;margin-top:1.5rem;display:flex}.actions-main{align-items:center;gap:.75rem;display:flex}.centered .actions{justify-content:center;max-width:none}.btn{background:var(--button);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:4px;padding:.4rem .9rem;font-size:1.125rem;font-weight:600;transition:background .12s;box-shadow:0 2px 4px #00000026}.btn:hover:not(:disabled){background:var(--button-hover)}.btn:disabled{opacity:.5;cursor:default}.btn-lg{padding:.5rem 1.25rem;font-size:1.25rem}.key-hint{color:var(--heading);font-size:.75rem}.key-hint b{font-weight:600}@media (hover:none) and (pointer:coarse){.key-hint,.hint-keys{display:none}}.step-nav{border-radius:4px;display:flex;overflow:hidden;box-shadow:0 2px 4px #00000026}.nav-btn{background:var(--button);color:#fff;cursor:pointer;border:0;place-items:center;width:2.25rem;height:2rem;display:grid}.nav-btn+.nav-btn{border-left:1px solid #ffffff40}.nav-btn:hover:not(:disabled){background:var(--button-hover)}.nav-btn:disabled{opacity:.4;cursor:default}.done{grid-template-columns:1fr auto;align-items:center;gap:2rem;display:grid}.done .lede{font-size:1rem}.emblem{width:16rem;height:auto;margin:-2rem}@media (width<=600px){.done{text-align:center;grid-template-columns:1fr;justify-items:center}.emblem{order:-1;width:12rem}}.dev-note{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;position:fixed;bottom:1rem;left:1rem}.error{color:var(--accent-text);margin:1rem 0 0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}h1[tabindex="-1"]:focus{outline:none}