@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700&family=Instrument+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-color: #fff;--surface-color: #fff;--surface-color-raised: transparent;--border-color: #daede2;--text: #111111;--text-muted: #8a928d;--brand-500: #ff763c;--brand-500-dim: #7f9e2c;--red: #ff6b57;--radius-small: .25rem;--radius-main: .5rem;--radius-input: .25rem;--font-display: "Instrument Sans", sans-serif;--font-body: "Instrument Sans", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text);font-family:var(--font-body);min-height:100vh}.wrap{width:100%;max-width:40rem;margin:0 auto;padding:3rem 1.25rem 5rem}button{font-family:var(--font-body);font-weight:500;border:none;border-radius:var(--radius-small);padding:.8125rem 1.375rem;cursor:pointer;transition:transform .1s ease,opacity .15s ease}button:active{transform:scale(.98)}.btn-primary{background:var(--brand-500);color:#0b0d0c;width:100%}.btn-primary:hover{opacity:.92}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-muted);border:.0625rem solid var(--border-color);font-size:.8125rem;padding:.5625rem 1rem}.btn-ghost:hover{color:var(--text);border-color:var(--text-muted)}.card{background:var(--surface-color);border:.0625rem solid var(--border-color);border-radius:var(--radius-main);padding:1.5rem}label,.q-text,.q-why{display:block;font-size:.8125rem;color:var(--text);margin-bottom:.5rem;font-weight:500}textarea,input[type=text],input[type=email]{width:100%;background:var(--surface-color-raised);border:.0625rem solid var(--border-color);border-radius:var(--radius-input);color:var(--text);font-family:var(--font-body);font-size:.9375rem;padding:.8125rem .875rem;resize:vertical;transition:border-color .15s ease}textarea{min-height:7.5rem;line-height:1.5}textarea:focus,input[type=text]:focus,input[type=email]:focus{outline:none;border-color:var(--brand-500-dim)}.field{margin-bottom:1.125rem}.field:last-child{margin-bottom:0}.ai-tag{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-500);margin-bottom:.875rem}.question-block{margin-bottom:1.25rem;animation:rise .35s ease both}.question-block:last-child{margin-bottom:0}@keyframes rise{0%{opacity:0;transform:translateY(.375rem)}to{opacity:1;transform:translateY(0)}}.thinking{display:flex;align-items:center;gap:.625rem;color:var(--text-muted);font-size:.875rem;padding:.375rem 0}.pulse{display:flex;gap:.25rem}.pulse span{width:.3125rem;height:.3125rem;border-radius:50%;background:var(--brand-500);animation:blink 1.1s ease-in-out infinite}.pulse span:nth-child(2){animation-delay:.15s}.pulse span:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.report{display:block;width:100%;min-height:18rem;resize:vertical;font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;background:var(--surface-color-raised);border:.0625rem solid var(--border-color);border-radius:.5625rem;padding:1.25rem;white-space:pre-wrap;color:var(--text);margin-bottom:1.125rem}.email-field{margin-top:.5rem}.send-error{color:var(--red);font-size:.8125rem;margin-top:.75rem;line-height:1.5}.severity{display:inline-block;font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;padding:.1875rem .5625rem;border-radius:.3125rem;margin-bottom:1rem}.sev-high{background:#ff6b571f;color:var(--red)}.sev-med{background:#c8ff3c1f;color:var(--brand-500)}.sev-low{background:#8a928d26;color:var(--text-muted)}.success-head{display:flex;align-items:center;gap:.625rem;margin-bottom:.375rem}.success-title{font-family:var(--font-display);font-weight:600;font-size:1.0625rem}.check{width:1.25rem;height:1.25rem;border-radius:50%;background:var(--brand-500);display:flex;align-items:center;justify-content:center;flex-shrink:0}.foot-note{font-size:.78125rem;color:var(--text-muted);margin:.25rem 0 1.125rem;line-height:1.5}.actions{display:flex;gap:.625rem;margin-top:1.125rem}.actions button{flex:1}::selection{background:var(--brand-500);color:#0b0d0c}.top{display:flex;align-items:center;gap:.625rem;margin-bottom:1.75rem}.dot{width:.5rem;aspect-ratio:1;border-radius:100vw;background:var(--brand-500)}.top-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}h1{font-family:var(--font-display);font-weight:500;font-size:2rem;line-height:1.15;letter-spacing:-.01em;margin-bottom:.625rem}.sub{color:var(--text-muted);max-width:50ch;margin-bottom:1.5rem}.rail{display:flex;gap:.375rem;margin-bottom:2rem}.rail-seg{flex:1;height:.1875rem;border-radius:.125rem;background:var(--border-color);overflow:hidden;position:relative}.rail-seg.done{background:var(--border-color)}.rail-seg.active:after{content:"";position:absolute;inset:0;width:40%;background:var(--border-color);animation:sweep 1.3s ease-in-out infinite}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}.opt{font-weight:400}.upload-zone{border:.0625rem dashed var(--border-color);border-radius:var(--radius-input);background:var(--surface-color-raised);padding:1.125rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.4375rem;cursor:pointer;color:var(--text-muted);font-size:.8125rem;min-height:3rem;transition:border-color .15s ease,background .15s ease;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--brand-500)}.upload-zone.drag-over{border-color:var(--brand-500);background:#c8ff3c0d}.upload-zone.has-image{padding:0;border-style:solid;cursor:default}.prompt{display:flex;flex-direction:column;align-items:center;gap:.4375rem}#uploadPreview{width:100%;max-height:13.75rem;object-fit:contain;display:none;border-radius:.5rem}.remove-shot{position:absolute;top:.5rem;right:.5rem;z-index:2;background:#0b0d0cd9;border:.0625rem solid var(--border-color);color:var(--text);border-radius:.375rem;padding:.25rem .625rem;font-size:.6875rem;cursor:pointer;display:none}
