:root{--bg:#faf9f7;--bg-card:#fff;--text:#3d3d3d;--text-light:#7a7a7a;--text-heading:#1a1a1a;--accent:#2d6a4f;--accent-light:#d8f3dc;--accent-hover:#1b4332;--border:#e8e5e0;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-lg:0 4px 12px #00000014;--radius:12px;--radius-sm:8px;--match:#2d6a4f;--match-bg:#d8f3dc;--conflict:#c1440e;--conflict-bg:#fde8d8;--partial:#b8860b;--partial-bg:#fef3c7;--p1-color:#3b82f6;--p1-bg:#dbeafe;--p2-color:#a855f7;--p2-bg:#f3e8ff;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{margin:0}#root{max-width:720px;min-height:100dvh;margin:0 auto;padding:0 20px}h1{color:var(--text-heading);letter-spacing:-.5px;font-size:2rem;font-weight:700}h2{color:var(--text-heading);font-size:1.4rem;font-weight:600}h3{color:var(--text-heading);font-size:1.1rem;font-weight:600}.home-screen{flex-direction:column;align-items:center;gap:40px;padding:60px 0 40px;display:flex}.logo-section{text-align:center}.logo-icon{margin-bottom:12px;font-size:3.5rem}.subtitle{color:var(--text-light);max-width:400px;margin-top:8px;font-size:1.05rem}.name-setup{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:100%;max-width:440px;padding:32px}.name-setup h2{margin-bottom:24px}.name-inputs{gap:16px;margin-bottom:24px;display:flex}.name-field{text-align:left;flex:1}.name-field label{color:var(--text-light);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.name-field input{border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 14px;font-size:1rem;transition:border-color .2s}.name-field input:focus{border-color:var(--accent)}.person-cards{gap:20px;width:100%;display:flex}.person-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;flex:1;padding:28px 24px;transition:box-shadow .2s,transform .2s}.person-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.person-avatar{background:var(--accent-light);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:1.5rem;font-weight:700;display:flex}.person-card h3{margin-bottom:16px}.progress-bar{background:var(--border);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.progress-label{color:var(--text-light);margin-bottom:16px;font-size:.8rem;display:block}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:12px 28px;font-size:1rem;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--accent-light);color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 24px;font-size:.95rem;font-weight:600;transition:background .2s}.btn-secondary:hover{background:#b7e4c7}.btn-text{color:var(--text-light);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.85rem}.btn-text:hover{color:var(--accent)}.btn-back{color:var(--text-light);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.95rem}.btn-back:hover{color:var(--text-heading)}.btn-compare{background:var(--text-heading);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:14px 32px;font-size:1.05rem;font-weight:600;transition:background .2s}.btn-compare:hover{background:#333}.btn-compare:disabled{opacity:.35;cursor:not-allowed}.compare-section{text-align:center}.compare-hint{color:var(--text-light);margin-top:8px;font-size:.85rem}.interview-screen{flex-direction:column;min-height:100dvh;padding:20px 0 40px;display:flex}.interview-header{margin-bottom:12px}.interview-meta{justify-content:space-between;align-items:center;margin:12px 0 8px;display:flex}.person-badge{color:var(--accent);font-size:.95rem;font-weight:600}.question-counter{color:var(--text-light);font-size:.85rem}.overall-progress{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.overall-progress-fill{background:var(--accent);height:100%;transition:width .3s}.section-nav{flex-wrap:wrap;justify-content:center;gap:4px;padding:16px 0;display:flex;overflow-x:auto}.section-dot{border:2px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:all .2s;display:flex}.section-dot.active{border-color:var(--accent);background:var(--accent-light)}.section-dot.done{border-color:var(--accent);opacity:.6}.section-dot-icon{font-size:1rem}.question-area{flex:1;padding:24px 0}.section-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.85rem;font-weight:600}.question-text{margin-bottom:24px;font-size:1.3rem;line-height:1.4}.input-text{border:1px solid var(--border);border-radius:var(--radius-sm);resize:vertical;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:1rem;line-height:1.5;transition:border-color .2s}.input-text:focus{border-color:var(--accent)}.input-options{flex-wrap:wrap;gap:8px;display:flex}.select-count{width:100%;color:var(--text-light);margin-bottom:4px;font-size:.8rem}.option-btn{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;color:var(--text);border-radius:100px;padding:10px 18px;font-size:.9rem;transition:all .15s}.option-btn:hover{border-color:var(--accent);color:var(--accent)}.option-btn.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.input-image-grid .select-count{color:var(--text-light);margin-bottom:12px;font-size:.8rem}.image-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=600px){.image-grid{grid-template-columns:repeat(3,1fr)}}.image-option{cursor:pointer;border-radius:var(--radius);border:2px solid var(--border);background:var(--bg-card);transition:all .2s;overflow:hidden}.image-option:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.image-option.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.image-wrapper{aspect-ratio:4/3;position:relative;overflow:hidden}.image-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.image-check{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 4px #0003}.image-label{color:var(--text-heading);padding:8px 10px 2px;font-size:.85rem;font-weight:600}.image-desc{color:var(--text-light);padding:0 10px 10px;font-size:.75rem;line-height:1.3}.image-freeform{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.image-freeform .input-text{font-size:.95rem}.compare-freeform{border-top:1px dashed var(--border);margin-top:12px;padding-top:12px}.freeform-note{color:var(--text);margin-bottom:6px;font-size:.9rem;line-height:1.4}.input-slider{padding:8px 0}.input-slider input[type=range]{appearance:none;background:var(--border);border-radius:4px;outline:none;width:100%;height:8px}.input-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow);border:3px solid #fff;border-radius:50%}.slider-labels{color:var(--text-light);justify-content:space-between;margin-top:8px;font-size:.8rem;display:flex}.slider-value{color:var(--accent);font-size:1.2rem;font-weight:700}.input-rank{flex-direction:column;gap:6px;display:flex}.rank-hint{color:var(--text-light);margin-bottom:8px;font-size:.85rem}.rank-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 14px;display:flex}.rank-number{color:var(--accent);min-width:28px;font-weight:700}.rank-label{flex:1;font-size:.95rem}.rank-arrows{flex-direction:column;gap:2px;display:flex}.rank-arrows button{border:1px solid var(--border);cursor:pointer;color:var(--text-light);background:0 0;border-radius:4px;padding:2px 8px;font-size:.7rem;transition:all .15s}.rank-arrows button:hover:not(:disabled){background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.rank-arrows button:disabled{opacity:.3;cursor:not-allowed}.nav-buttons{border-top:1px solid var(--border);justify-content:space-between;margin-top:auto;padding:20px 0;display:flex}.btn-nav{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);background:0 0;padding:10px 24px;font-size:.95rem;transition:all .2s}.btn-nav:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-nav:disabled{opacity:.3;cursor:not-allowed}.btn-next{background:var(--accent-light);color:var(--accent);border-color:#0000;font-weight:600}.skip-hint{text-align:center;color:var(--text-light);padding:8px 0 20px;font-size:.8rem}.compare-screen{padding:20px 0 60px}.compare-header{margin-bottom:24px}.compare-header h1{margin-top:16px;font-size:1.6rem}.compare-summary{gap:12px;margin-bottom:24px;display:flex}.summary-stat{text-align:center;border-radius:var(--radius);cursor:pointer;flex:1;padding:16px;transition:transform .15s}.summary-stat:hover{transform:scale(1.02)}.summary-stat.active-filter{box-shadow:0 0 0 2px var(--text-heading)}.summary-stat.match{background:var(--match-bg)}.summary-stat.partial{background:var(--partial-bg)}.summary-stat.conflict{background:var(--conflict-bg)}.stat-num{font-size:2rem;font-weight:700;display:block}.summary-stat.match .stat-num{color:var(--match)}.summary-stat.partial .stat-num{color:var(--partial)}.summary-stat.conflict .stat-num{color:var(--conflict)}.stat-label{text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.filter-bar{gap:8px;margin-bottom:20px;display:flex}.filter-btn{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;color:var(--text-light);border-radius:100px;padding:8px 16px;font-size:.85rem;transition:all .15s}.filter-btn.active{background:var(--text-heading);color:#fff;border-color:var(--text-heading)}.compare-results{flex-direction:column;gap:16px;display:flex}.compare-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);border-left:4px solid var(--border);padding:20px 24px}.compare-card.match{border-left-color:var(--match)}.compare-card.conflict{border-left-color:var(--conflict)}.compare-card.partial{border-left-color:var(--partial)}.card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.match-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:3px 10px;font-size:.75rem;font-weight:700}.match-badge.match{background:var(--match-bg);color:var(--match)}.match-badge.conflict{background:var(--conflict-bg);color:var(--conflict)}.match-badge.partial{background:var(--partial-bg);color:var(--partial)}.card-section{color:var(--text-light);font-size:.8rem}.card-question{margin-bottom:16px;font-size:1rem}.side-by-side{gap:16px;display:flex}.response-col{background:var(--bg);border-radius:var(--radius-sm);flex:1;padding:12px}.col-name{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:6px;font-size:.75rem;font-weight:700;display:block}.col-value{font-size:.9rem;line-height:1.5}.no-answer{color:var(--text-light);font-style:italic}.multi-compare{flex-direction:column;gap:12px;display:flex}.compare-group{flex-direction:column;gap:6px;display:flex}.group-label{color:var(--text-light);font-size:.8rem;font-weight:600}.compare-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border-radius:100px;padding:4px 12px;font-size:.8rem;font-weight:500}.tag-shared{background:var(--match-bg);color:var(--match)}.tag-p1{background:var(--p1-bg);color:var(--p1-color)}.tag-p2{background:var(--p2-bg);color:var(--p2-color)}.rank-compare{gap:16px;display:flex}.rank-col{background:var(--bg);border-radius:var(--radius-sm);flex:1;padding:12px}.rank-col strong{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:8px;font-size:.8rem;display:block}.rank-row{padding:3px 0;font-size:.85rem}.resolution-display{background:var(--accent-light);border-radius:var(--radius-sm);margin-top:12px;padding:12px}.resolution-label{color:var(--accent);margin-bottom:4px;font-size:.8rem;font-weight:700;display:block}.resolution-display p{margin-bottom:4px;font-size:.9rem}.btn-resolve{border:1px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-light);background:0 0;width:100%;margin-top:12px;padding:8px 16px;font-size:.85rem;transition:all .15s}.btn-resolve:hover{border-color:var(--accent);color:var(--accent)}.resolution-input{margin-top:12px}.resolution-input textarea{border:1px solid var(--accent);border-radius:var(--radius-sm);resize:vertical;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.9rem;line-height:1.5}.resolution-actions{gap:8px;margin-top:8px;display:flex}.export-section{text-align:center;border-top:1px solid var(--border);margin-top:16px;padding:32px 0}.empty-state{text-align:center;color:var(--text-light);padding:40px;font-size:1rem}.login-form{max-width:340px}.login-form .name-field{margin-bottom:16px}.login-form .name-field input{text-align:center;letter-spacing:2px;font-size:1.1rem}.login-error{color:var(--conflict);margin-bottom:12px;font-size:.9rem}.kids-setup{margin-top:20px;margin-bottom:12px}.kids-setup h3{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem;font-weight:600}.kid-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.kid-name-field{flex:2}.kid-age-field{flex:0 0 70px}.kid-age-field input{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;outline:none;width:100%;padding:10px;font-size:1rem}.kid-age-field input:focus{border-color:var(--accent)}.btn-remove-kid{color:var(--text-light);padding:4px 8px;font-size:1.1rem}.btn-remove-kid:hover{color:var(--conflict)}.btn-add-kid{color:var(--accent);margin:8px auto 20px;font-size:.9rem;font-weight:600;display:block}.kids-section{text-align:center;width:100%}.kids-section-title{margin-bottom:4px;font-size:1.2rem}.kids-section-subtitle{color:var(--text-light);margin-bottom:16px;font-size:.85rem}.kids-cards{justify-content:center}.kid-card{max-width:220px}.kid-avatar{color:#f57c00;background:#fff3e0}.kid-age{color:var(--text-light);margin-bottom:12px;font-size:.8rem;display:block}.kid-progress{background:#f57c00}.btn-kid{color:#f57c00;background:#fff3e0}.btn-kid:hover{background:#ffe0b2}.kids-input-section{border-top:2px solid var(--border);margin-top:32px;padding-top:32px}.kids-input-title{margin-bottom:4px;font-size:1.3rem}.kids-input-subtitle{color:var(--text-light);margin-bottom:24px;font-size:.9rem}.kid-responses-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);border-left:4px solid #f57c00;margin-bottom:16px;padding:24px}.kid-name-header{color:#f57c00;margin-bottom:16px;font-size:1.1rem}.kid-section-block{margin-bottom:16px}.kid-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:8px;font-size:.8rem;font-weight:600}.kid-qa{background:var(--bg);border-radius:var(--radius-sm);margin-bottom:12px;padding:10px 12px}.kid-question{color:var(--text-light);margin-bottom:4px;font-size:.85rem;font-weight:600}.kid-answer{font-size:.95rem;line-height:1.5}@media (width<=600px){.person-cards{flex-direction:column}.kids-cards{flex-flow:wrap}.kid-card{flex:1;min-width:140px;max-width:none}.name-inputs,.side-by-side,.rank-compare{flex-direction:column}.compare-summary{gap:8px}.summary-stat{padding:12px 8px}.stat-num{font-size:1.5rem}.question-text{font-size:1.15rem}h1{font-size:1.6rem}}