@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--black: #000000;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--success: #22c55e;--success-light: #dcfce7;--error: #ef4444;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 50px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:var(--white);color:var(--black);line-height:1.5;font-size:16px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em;font-feature-settings:"kern" 1}.mono{font-family:JetBrains Mono,SF Mono,monospace;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:500}.welcome-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;position:relative;overflow:hidden}.welcome-screen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(34,197,94,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(168,85,247,.04) 0%,transparent 50%);pointer-events:none}.welcome-logo{font-size:14px;font-weight:600;letter-spacing:-.02em;color:var(--gray-400);margin-bottom:48px;position:relative}.welcome-title{font-size:clamp(32px,6vw,56px);font-weight:700;letter-spacing:-.035em;line-height:1.05;margin-bottom:20px;position:relative;max-width:600px}.welcome-subtitle{font-size:clamp(16px,2.5vw,20px);font-weight:400;color:var(--gray-500);max-width:480px;line-height:1.5;margin-bottom:48px;position:relative;letter-spacing:-.01em}.welcome-meta{display:flex;gap:32px;margin-bottom:48px;position:relative}.welcome-meta-item{text-align:center}.welcome-meta-item .mono{color:var(--gray-400);margin-bottom:4px;font-size:10px}.welcome-meta-item .meta-value{font-size:15px;font-weight:600;letter-spacing:-.02em}.btn-start{background:var(--black);color:var(--white);border:none;padding:16px 48px;font-size:16px;font-weight:600;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);letter-spacing:-.01em;position:relative;font-family:inherit}.btn-start:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.btn-start:active{transform:translateY(0)}.btn-start:focus-visible{outline:2px dashed var(--black);outline-offset:4px}.progress-bar-wrapper{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--white);border-bottom:1px solid var(--gray-200);padding:0;display:none}.progress-bar-wrapper.visible{display:block}.progress-bar-inner{display:flex;align-items:center;justify-content:center;gap:16px;max-width:680px;margin:0 auto;padding:14px 24px}.progress-brand{font-size:13px;font-weight:600;letter-spacing:-.02em;color:var(--gray-400);white-space:nowrap}.progress-track{width:120px;height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--black);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1);width:0%}.progress-percent{font-size:13px;font-weight:500;color:var(--gray-500);min-width:32px;letter-spacing:-.02em}.section-nav{position:fixed;top:53px;left:0;right:0;z-index:99;background:var(--white);border-bottom:1px solid var(--gray-100);display:none;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.section-nav::-webkit-scrollbar{display:none}.section-nav.visible{display:block}.section-nav-inner{display:flex;gap:6px;padding:10px 24px;max-width:680px;margin:0 auto;white-space:nowrap}.section-pill{padding:6px 14px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;color:var(--gray-400);background:transparent;border:1px solid var(--gray-200);cursor:pointer;transition:all var(--transition);flex-shrink:0;font-family:inherit;letter-spacing:-.01em}.section-pill:hover{border-color:var(--gray-300);color:var(--gray-600)}.section-pill.active{background:var(--black);color:var(--white);border-color:var(--black)}.section-pill.completed{background:var(--gray-100);color:var(--gray-600);border-color:var(--gray-200)}.section-pill.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.question-screen{display:none;min-height:100vh;padding:130px 24px 140px;max-width:600px;margin:0 auto}.question-screen.active{display:flex;flex-direction:column}.question-section-tag{margin-bottom:12px}.question-title{font-size:clamp(24px,4vw,32px);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:8px}.question-help{font-size:15px;color:var(--gray-500);line-height:1.55;margin-bottom:32px;letter-spacing:-.01em}.question-optional{display:inline-block;font-size:11px;font-weight:500;color:var(--gray-400);background:var(--gray-100);padding:2px 8px;border-radius:4px;margin-left:8px;vertical-align:middle;text-transform:uppercase;letter-spacing:.05em}input[type=text],input[type=url],input[type=email],input[type=number],textarea,select{width:100%;padding:16px 0;font-size:18px;border:none;border-bottom:2px solid var(--gray-200);background:transparent;color:var(--black);transition:all var(--transition);font-family:inherit;letter-spacing:-.01em;border-radius:0;-webkit-appearance:none}input:focus,textarea:focus,select:focus{outline:none;border-bottom-color:var(--black)}input::placeholder,textarea::placeholder{color:var(--gray-300);font-weight:400}textarea{min-height:120px;resize:vertical;line-height:1.6}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23a3a3a3'%3E%3Cpath d='M5 7l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;padding-right:28px}.option-cards{display:flex;flex-direction:column;gap:10px}.option-card{border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);padding:18px 20px;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:14px;background:var(--white);user-select:none}.option-card:hover{border-color:var(--gray-300);background:var(--gray-50)}.option-card.selected{border-color:var(--black);background:var(--gray-50)}.option-card .option-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--gray-300);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.option-card.selected .option-radio{border-color:var(--black);background:var(--black)}.option-card.selected .option-radio:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--white)}.option-card .option-text{flex:1}.option-card .option-title{font-weight:600;font-size:15px;letter-spacing:-.01em}.option-card .option-desc{font-size:13px;color:var(--gray-500);margin-top:2px;letter-spacing:-.005em}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:10px 18px;border:1.5px solid var(--gray-200);border-radius:var(--radius-pill);cursor:pointer;font-size:14px;font-weight:500;transition:all var(--transition);user-select:none;background:var(--white);font-family:inherit;letter-spacing:-.01em}.chip:hover{border-color:var(--gray-400)}.chip.selected{border-color:var(--black);background:var(--black);color:var(--white)}.color-picker-group{display:flex;gap:24px;flex-wrap:wrap}.color-picker-item{text-align:center}.color-picker-item label{display:block;font-size:13px;font-weight:600;margin-bottom:10px;letter-spacing:-.01em}.color-swatch-wrapper{position:relative;width:72px;height:72px;margin:0 auto}.color-swatch-wrapper input[type=color]{width:72px;height:72px;border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;padding:3px;background:var(--white);transition:border-color var(--transition)}.color-swatch-wrapper input[type=color]:hover{border-color:var(--gray-400)}.color-hex{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--gray-400);margin-top:8px}.color-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.color-preset-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1.5px solid var(--gray-200);border-radius:var(--radius-pill);cursor:pointer;font-size:13px;font-weight:500;background:var(--white);transition:all var(--transition);font-family:inherit}.color-preset-btn:hover{border-color:var(--gray-400)}.color-preset-dots{display:flex;gap:3px}.color-preset-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.tag-input-wrapper{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;border-bottom:2px solid var(--gray-200);min-height:50px;cursor:text;transition:border-color var(--transition)}.tag-input-wrapper:focus-within{border-bottom-color:var(--black)}.tag{display:inline-flex;align-items:center;gap:6px;background:var(--black);color:var(--white);padding:6px 14px;border-radius:var(--radius-pill);font-size:14px;font-weight:500;letter-spacing:-.01em}.tag button{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:16px;padding:0;line-height:1;transition:color var(--transition)}.tag button:hover{color:var(--white)}.tag-input{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;font-size:18px;padding:4px 0!important;min-width:140px;flex:1;font-family:inherit;letter-spacing:-.01em}.tag-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.tag-suggestion{padding:6px 14px;border:1.5px solid var(--gray-200);border-radius:var(--radius-pill);cursor:pointer;font-size:13px;font-weight:500;background:var(--white);transition:all var(--transition);font-family:inherit;color:var(--gray-500)}.tag-suggestion:hover{border-color:var(--gray-400);color:var(--black)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--gray-200);padding:16px 24px;display:none;z-index:100}.bottom-nav.visible{display:block}.bottom-nav-inner{display:flex;justify-content:space-between;align-items:center;max-width:600px;margin:0 auto}.btn-nav{padding:12px 28px;font-size:15px;font-weight:600;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);font-family:inherit;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:8px}.btn-next{background:var(--black);color:var(--white)}.btn-next:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-1px)}.btn-next:active{transform:translateY(0)}.btn-prev{background:transparent;color:var(--gray-500);padding:12px 16px}.btn-prev:hover{color:var(--black)}.btn-skip{background:none;border:none;color:var(--gray-400);font-size:14px;cursor:pointer;padding:12px 16px;font-weight:500;font-family:inherit;transition:color var(--transition)}.btn-skip:hover{color:var(--gray-600)}.btn-nav:focus-visible{outline:2px dashed var(--black);outline-offset:4px}.completion-screen{display:none;min-height:100vh;padding:140px 24px 60px;max-width:680px;margin:0 auto}.completion-screen.active{display:block}.completion-header{text-align:center;margin-bottom:48px}.completion-check{width:48px;height:48px;border-radius:50%;background:var(--black);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 20px}.completion-title{font-size:28px;font-weight:700;letter-spacing:-.035em;margin-bottom:10px}.completion-subtitle{font-size:16px;color:var(--gray-500);max-width:400px;margin:0 auto;letter-spacing:-.01em}.export-buttons{display:flex;gap:6px;justify-content:center;margin:24px 0 40px;flex-wrap:wrap}.btn-export{padding:8px 16px;font-size:13px;font-weight:500;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);font-family:inherit;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--gray-200);background:var(--white);color:var(--gray-600)}.btn-export:hover{border-color:var(--gray-400);color:var(--black)}.btn-export.primary{background:var(--black);color:var(--white);border-color:var(--black)}.btn-export.primary:hover{box-shadow:0 2px 8px #0000001a}.summary-section{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:24px;margin-bottom:12px}.summary-section h3{font-size:14px;font-weight:600;color:var(--gray-400);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--gray-100);text-transform:uppercase;letter-spacing:.04em}.summary-row{display:flex;align-items:flex-start;padding:8px 0;gap:16px;font-size:14px}.summary-edit-btn{flex-shrink:0;background:none;border:none;color:var(--gray-300);cursor:pointer;padding:4px;border-radius:4px;transition:all var(--transition);display:flex;align-items:center;margin-left:auto}.summary-edit-btn:hover{color:var(--black);background:var(--gray-100)}.summary-inline-edit{flex:1;font-size:14px;font-family:inherit;font-weight:500;color:var(--black);border:1px solid var(--gray-300);border-radius:var(--radius-sm);padding:6px 10px;background:var(--white);transition:border-color var(--transition);min-width:0}.summary-inline-edit:focus{outline:none;border-color:var(--black)}textarea.summary-inline-edit{min-height:60px;resize:vertical;line-height:1.5}.summary-row+.summary-row{border-top:1px solid var(--gray-50)}.summary-label{font-weight:500;color:var(--gray-500);min-width:180px;flex-shrink:0}.summary-value{color:var(--black);font-weight:500}.summary-value.empty{color:var(--gray-300);font-style:italic;font-weight:400}.color-dot{display:inline-block;width:16px;height:16px;border-radius:4px;vertical-align:middle;margin-right:6px;border:1px solid var(--gray-200)}.webhook-config{margin-top:32px;padding:24px;border:1px solid var(--gray-200);border-radius:var(--radius-lg)}.webhook-config h4{font-size:14px;font-weight:600;margin-bottom:12px;letter-spacing:-.01em}.webhook-config input{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);padding:12px 16px;font-size:14px;border-bottom-width:1.5px}.webhook-config input:focus{border-color:var(--black);border-bottom-color:var(--black)}.webhook-status{font-size:13px;margin-top:8px;color:var(--gray-500)}.webhook-status.success{color:var(--success)}.webhook-status.error{color:var(--error)}.keyboard-hint{position:fixed;bottom:80px;left:50%;transform:translate(-50%);font-size:12px;color:var(--gray-400);display:none;align-items:center;gap:6px;font-weight:500}.keyboard-hint.visible{display:flex}.kbd{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:4px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;min-width:24px}@media(max-width:640px){.progress-bar-inner{padding:12px 16px}.section-nav-inner{padding:8px 16px}.question-screen{padding:120px 20px 140px}.bottom-nav{padding:14px 16px}.summary-row{flex-wrap:wrap;gap:2px}.summary-edit-btn{margin-left:0}.summary-label{min-width:auto}.welcome-meta{gap:20px}.option-card{padding:14px 16px}}@media(min-width:768px){.keyboard-hint.visible{display:flex}}@media print{.progress-bar-wrapper,.section-nav,.bottom-nav,.keyboard-hint,.welcome-screen{display:none!important}.completion-screen{display:block!important;padding:20px}.question-screen{display:none!important}.summary-section{break-inside:avoid}body{font-size:12px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.question-screen.active{animation:fadeInUp .35s cubic-bezier(.4,0,.2,1)}