body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}:root{--nicol-lime: #c3d600;--nicol-lime-dark: #8baa00;--nicol-black: #0a0a0a;--nicol-dark: #111;--nicol-gray: #767676;--nicol-light: #f5f5f5;--nicol-white: #fff;--status-new: #3b82f6;--status-progress: #c3d600;--status-submitted: #22c55e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--nicol-light);color:var(--nicol-black);line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--nicol-black);color:var(--nicol-white);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;flex-direction:column;gap:0}.logo-text{font-size:1.5rem;font-weight:800;letter-spacing:.2em;color:var(--nicol-lime)}.logo-subtext{font-size:.65rem;letter-spacing:.3em;color:var(--nicol-gray);margin-top:-4px}.header-center{text-align:center}.header-center h1{font-size:1.25rem;font-weight:600}.header-center .subtitle{font-size:.75rem;color:var(--nicol-gray)}.header-right{display:flex;align-items:center;gap:1rem}.broker-select{background:var(--nicol-lime);color:var(--nicol-black);padding:.5rem 1rem;border-radius:4px;font-weight:600;font-size:.875rem;border:none;cursor:pointer}.tabs{background:var(--nicol-white);border-bottom:2px solid var(--nicol-light);display:flex;gap:0;padding:0 2rem}.tab{background:none;border:none;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;color:var(--nicol-gray);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;display:flex;align-items:center;gap:.5rem;transition:all .2s}.tab:hover{color:var(--nicol-black)}.tab.active{color:var(--nicol-black);border-bottom-color:var(--nicol-lime)}.badge{background:var(--nicol-gray);color:var(--nicol-white);padding:.15rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.badge.live{background:#f59e0b;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.tab.active .badge{background:var(--nicol-lime);color:var(--nicol-black)}.tab.active .badge.live{background:#f59e0b;color:var(--nicol-white)}.main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.form-with-guide{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;align-items:start}.insurance-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{background:var(--nicol-white);border-radius:8px;padding:1.5rem;border:1px solid #e5e5e5}.form-section h2{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--nicol-dark);padding-bottom:.5rem;border-bottom:2px solid var(--nicol-lime)}.form-row{display:grid;gap:1rem;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-row.two-col{grid-template-columns:1fr 1fr}.form-row.three-col{grid-template-columns:1fr 1fr 1fr}.form-row.four-col{grid-template-columns:1fr 1fr 1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.8rem;font-weight:600;color:var(--nicol-dark)}.form-group input,.form-group select,.form-group textarea{padding:.6rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--nicol-lime)}.form-group textarea{resize:vertical;min-height:80px}.checkbox-group{margin:.75rem 0}.checkbox-group label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;font-weight:500}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--nicol-lime)}.checkbox-inline{display:flex;flex-direction:row!important;align-items:center;gap:1rem}.checkbox-inline label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;white-space:nowrap}.inline-select{padding:.4rem .6rem;font-size:.8rem}.indent{margin-left:1.5rem;padding-left:1rem;border-left:3px solid var(--nicol-lime)}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.save-draft-btn{background:var(--nicol-white);color:var(--nicol-dark);border:2px solid #ddd;padding:1rem 1.5rem;border-radius:4px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.save-draft-btn:hover{border-color:var(--nicol-lime);background:var(--nicol-light)}.submit-btn{background:var(--nicol-lime);color:var(--nicol-black);border:none;padding:1rem 2rem;border-radius:4px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-btn:hover{background:var(--nicol-lime-dark)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.transcribe-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:8px;padding:1.25rem;text-align:center;margin-bottom:1.5rem}.transcribe-btn{background:var(--nicol-white);border:1px solid #ddd;padding:.85rem 1.5rem;border-radius:6px;font-size:.95rem;color:var(--nicol-dark);cursor:not-allowed;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.transcribe-btn:not(:disabled){cursor:pointer;border-color:var(--nicol-lime)}.transcribe-btn:not(:disabled):hover{background:var(--nicol-lime);color:var(--nicol-black)}.transcribe-hint{display:block;margin-top:.5rem;font-size:.8rem;color:var(--nicol-gray)}.coming-soon{background:#fef3c7;color:#b45309;padding:.15rem .5rem;border-radius:3px;font-size:.65rem;font-weight:600;text-transform:uppercase}.spinner{width:18px;height:18px;border:2px solid var(--nicol-black);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editing-banner{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.editing-banner button{background:var(--nicol-white);border:1px solid #ddd;padding:.35rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer}.guide-sidebar{position:sticky;top:2rem}.ai-guide{background:var(--nicol-white);border-radius:8px;padding:1.25rem;border:1px solid #e5e5e5;box-shadow:0 2px 8px #0000000d}.ai-guide-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.ai-guide-icon{font-size:1.25rem}.ai-guide-title{font-weight:600;font-size:.95rem;flex:1}.ai-guide-percentage{font-weight:700;font-size:1.1rem;color:var(--nicol-lime-dark)}.progress-bar{height:8px;background:var(--nicol-light);border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;transition:width .3s,background-color .3s;border-radius:4px}.ai-suggestions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.suggestion{background:var(--nicol-light);border-radius:6px;padding:.6rem .75rem;border-left:3px solid var(--nicol-gray)}.suggestion.required{border-left-color:#ef4444;background:#fef2f2}.suggestion.recommended{border-left-color:#f59e0b;background:#fffbeb}.suggestion.optional{border-left-color:#3b82f6;background:#eff6ff}.suggestion-field{display:block;font-size:.75rem;font-weight:600;color:var(--nicol-dark);margin-bottom:.2rem}.suggestion-question{font-size:.8rem;color:var(--nicol-gray);font-style:italic}.ai-ready{margin-top:1rem;padding:.75rem;background:#ecfdf5;border-radius:6px;color:#059669;font-size:.85rem;font-weight:500;text-align:center}.ai-ready.warning{background:#fef3c7;color:#b45309}.ai-chat{margin-top:1rem;padding-top:.75rem;border-top:2px solid var(--nicol-lime);display:flex;flex-direction:column;min-height:0}.chat-messages{flex:1;overflow-y:auto;max-height:300px;min-height:80px;padding:.5rem;background:#f8f9fa;border-radius:6px;margin-bottom:.5rem;scroll-behavior:smooth}.chat-welcome{font-size:.75rem;color:var(--nicol-gray);text-align:center;padding:1.5rem .5rem;line-height:1.5}.chat-exchange{margin-bottom:.75rem}.chat-bubble{padding:.5rem .75rem;border-radius:12px;font-size:.8rem;line-height:1.5;max-width:90%;word-wrap:break-word}.chat-bubble.user{background:var(--nicol-lime);color:var(--nicol-dark);margin-left:auto;border-bottom-right-radius:4px;font-weight:500;text-align:right;margin-bottom:.35rem}.chat-bubble.ai{background:#fff;color:var(--nicol-dark);border:1px solid #e0e0e0;border-bottom-left-radius:4px}.chat-bubble.typing{color:var(--nicol-gray);display:flex;align-items:center;gap:.5rem}.chat-shortcuts{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.4rem}.chat-shortcuts button{background:var(--nicol-white);border:1px solid #ddd;padding:.2rem .5rem;border-radius:12px;font-size:.65rem;cursor:pointer;transition:all .2s}.chat-shortcuts button:hover{border-color:var(--nicol-lime);background:var(--nicol-light)}.chat-input{display:flex;gap:.4rem}.chat-input input{flex:1;padding:.5rem .75rem;border:1px solid #ddd;border-radius:20px;font-size:.85rem}.chat-input input:focus{outline:none;border-color:var(--nicol-lime)}.chat-input button{background:var(--nicol-lime);border:none;padding:.5rem .75rem;border-radius:50%;font-size:1rem;cursor:pointer;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.chat-input button:disabled{background:#e5e5e5;cursor:not-allowed}.section-label{display:block;font-size:.7rem;font-weight:700;color:var(--nicol-gray);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;margin-top:1rem}.ai-guide .section-label:first-of-type{margin-top:0}.red-flags{margin-top:1rem}.red-flag{padding:.5rem .65rem;border-radius:4px;font-size:.8rem;margin-bottom:.4rem;line-height:1.4}.red-flag.warning{background:#fef3c7;border-left:3px solid #f59e0b;color:#92400e}.red-flag.alert{background:#fef2f2;border-left:3px solid #ef4444;color:#991b1b}.eo-prompts{margin-top:1rem}.eo-prompt{background:#fef3c7;border:1px solid #fcd34d;padding:.5rem .65rem;border-radius:4px;font-size:.8rem;margin-bottom:.4rem;color:#92400e;line-height:1.4}.coverage-checklist{margin-top:1rem}.checklist-item:last-child{border-bottom:none}.checklist-item .check-icon{display:inline-block;width:16px;color:var(--nicol-gray);font-weight:700}.checklist-item.checked .check-icon{color:#22c55e}.checklist-item .check-text{color:var(--nicol-dark);flex:1}.checklist-item.checked .check-text{color:var(--nicol-gray);text-decoration:line-through}.checklist-item .check-tip{display:block;font-size:.7rem;color:var(--nicol-gray);margin-left:16px;margin-top:.15rem;font-style:italic}.live-forms-section{background:var(--nicol-white);border-radius:8px;padding:1.5rem;border:1px solid #e5e5e5}.live-forms-section h2{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--nicol-dark)}.section-description{font-size:.85rem;color:var(--nicol-gray);margin-bottom:1.5rem}.live-forms-list{display:flex;flex-direction:column;gap:1rem}.live-form-card{background:var(--nicol-light);border-radius:6px;padding:1rem 1.25rem;border-left:4px solid #f59e0b}.live-form-card.property{border-left-color:#3b82f6}.live-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.live-form-customer{display:flex;align-items:center;gap:.75rem}.live-form-customer .name{font-weight:600;font-size:1rem}.live-form-customer .phone{color:var(--nicol-gray);font-size:.85rem}.last-updated{font-size:.8rem;color:var(--nicol-gray)}.live-form-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.preview-item{background:var(--nicol-white);padding:.25rem .6rem;border-radius:4px;font-size:.8rem;color:var(--nicol-dark)}.generate-summary-btn{width:100%;background:var(--nicol-light);border:1px dashed #ccc;padding:.6rem 1rem;border-radius:4px;font-size:.85rem;color:var(--nicol-dark);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem}.generate-summary-btn:hover:not(:disabled){border-color:var(--nicol-lime);background:var(--nicol-white)}.generate-summary-btn:disabled{cursor:wait;opacity:.8}.spinner.small{width:14px;height:14px;border-width:2px}.live-form-card .ai-summary{margin-bottom:.75rem}.live-form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #e5e5e5}.action-buttons{display:flex;gap:.5rem}.resume-btn{background:var(--nicol-lime);color:var(--nicol-black);border:none;padding:.5rem 1rem;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.resume-btn:hover{background:var(--nicol-lime-dark)}.delete-btn{background:var(--nicol-white);border:1px solid #ddd;padding:.5rem .75rem;border-radius:4px;cursor:pointer;transition:all .2s}.delete-btn:hover{border-color:#ef4444;background:#fef2f2}.submissions-section{background:var(--nicol-white);border-radius:8px;padding:1.5rem;border:1px solid #e5e5e5}.submissions-section h2{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--nicol-dark)}.submissions-list{display:flex;flex-direction:column;gap:1rem}.submission-card{background:var(--nicol-light);border-radius:6px;padding:1rem 1.25rem;border-left:4px solid var(--nicol-lime)}.submission-card.property{border-left-color:#3b82f6}.submission-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.submission-customer{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.form-type-badge{background:var(--nicol-lime);color:var(--nicol-black);padding:.15rem .5rem;border-radius:3px;font-size:.65rem;font-weight:700}.submission-card.property .form-type-badge,.live-form-card.property .form-type-badge{background:#3b82f6;color:#fff}.submission-customer .name{font-weight:600;font-size:1rem;color:var(--nicol-black)}.submission-customer .policy{color:var(--nicol-gray);font-size:.85rem}.submission-meta{display:flex;align-items:center;gap:.75rem}.status-badge{padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:600;color:var(--nicol-white);text-transform:uppercase}.date{font-size:.8rem;color:var(--nicol-gray)}.ai-summary{background:var(--nicol-white);border:1px solid #e5e5e5;border-radius:4px;padding:.75rem;margin-bottom:.75rem}.ai-label{display:inline-block;background:var(--nicol-lime);color:var(--nicol-black);padding:.15rem .5rem;border-radius:3px;font-size:.65rem;font-weight:700;text-transform:uppercase;margin-bottom:.35rem}.ai-summary p{font-size:.85rem;color:var(--nicol-dark);line-height:1.5}.submission-actions{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #e5e5e5}.broker-tag{font-size:.75rem;color:var(--nicol-gray)}.status-buttons{display:flex;gap:.5rem}.status-buttons button{background:var(--nicol-white);border:1px solid #ddd;padding:.35rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.status-buttons button:hover{border-color:var(--nicol-lime)}.status-buttons button.active{background:var(--nicol-lime);border-color:var(--nicol-lime);color:var(--nicol-black);font-weight:600}.empty-state{text-align:center;padding:3rem;color:var(--nicol-gray);font-size:.95rem}.features-tab{margin-left:auto}.features-section{max-width:1000px}.features-header{text-align:center;margin-bottom:2rem}.features-header h2{font-size:1.5rem;margin-bottom:.5rem}.features-intro{color:var(--nicol-gray);font-size:1rem;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:2rem}.feature-card{background:var(--nicol-white);border-radius:8px;padding:1.5rem;border:1px solid #e5e5e5;transition:box-shadow .2s}.feature-card:hover{box-shadow:0 4px 12px #00000014}.feature-icon{font-size:2rem;margin-bottom:.75rem}.feature-card h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--nicol-dark)}.feature-card p{font-size:.85rem;color:var(--nicol-gray);line-height:1.5;margin-bottom:.75rem}.feature-status{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.feature-status.implemented{background:#ecfdf5;color:#059669}.feature-status.coming-soon{background:#fef3c7;color:#b45309}.features-footer{background:var(--nicol-white);border-radius:8px;padding:1.5rem;border:1px solid #e5e5e5}.features-footer h3{font-size:1rem;font-weight:600;margin-bottom:.75rem}.features-footer ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.features-footer li{font-size:.85rem;color:var(--nicol-gray)}.features-footer li strong{color:var(--nicol-dark)}@media(max-width:1100px){.form-with-guide{grid-template-columns:1fr}.guide-sidebar{position:static;order:-1}}@media(max-width:900px){.form-row.four-col{grid-template-columns:1fr 1fr}}@media(max-width:768px){.header{flex-direction:column;gap:1rem;text-align:center}.form-row.two-col,.form-row.three-col,.form-row.four-col{grid-template-columns:1fr}.tabs{overflow-x:auto;padding:0 1rem}.tab{padding:1rem;font-size:.8rem}.main{padding:1rem}.checkbox-inline{flex-direction:column!important;align-items:flex-start}.form-actions{flex-direction:column}.save-draft-btn,.submit-btn{width:100%}}.roadmap-tab{margin-left:.5rem}.roadmap-section{max-width:900px}.roadmap-header{text-align:center;margin-bottom:2.5rem}.roadmap-header h2{font-size:1.5rem;margin-bottom:.5rem}.roadmap-intro{color:var(--nicol-gray);font-size:1rem;max-width:600px;margin:0 auto}.roadmap-timeline{position:relative;padding-left:0}.roadmap-phase{display:flex;gap:1.5rem;margin-bottom:1.5rem;position:relative}.phase-marker{display:flex;flex-direction:column;align-items:center;min-width:40px}.phase-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;background:var(--nicol-white);border:3px solid var(--nicol-gray);position:relative;z-index:1}.roadmap-phase.completed .phase-icon{background:#22c55e;border-color:#22c55e;color:#fff}.roadmap-phase.in-progress .phase-icon{background:var(--nicol-lime);border-color:var(--nicol-lime);color:var(--nicol-black);animation:pulse 2s infinite}.roadmap-phase.planned .phase-icon{background:#fef3c7;border-color:#f59e0b;color:#b45309}.roadmap-phase.future .phase-icon{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}.phase-line{flex:1;width:3px;background:#e5e5e5;margin-top:.5rem}.roadmap-phase:last-child .phase-line{display:none}.phase-content{flex:1;background:var(--nicol-white);border-radius:8px;padding:1.25rem 1.5rem;border:1px solid #e5e5e5;box-shadow:0 2px 4px #00000008}.roadmap-phase.completed .phase-content{border-left:4px solid #22c55e}.roadmap-phase.in-progress .phase-content{border-left:4px solid var(--nicol-lime);box-shadow:0 4px 12px #c3d60026}.roadmap-phase.planned .phase-content{border-left:4px solid #f59e0b}.roadmap-phase.future .phase-content{border-left:4px solid #cbd5e1;opacity:.85}.phase-header{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.phase-header h3{font-size:1rem;font-weight:600;color:var(--nicol-dark);margin:0}.phase-status{padding:.2rem .6rem;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase}.phase-status.completed{background:#dcfce7;color:#166534}.phase-status.in-progress{background:var(--nicol-lime);color:var(--nicol-black)}.phase-status.planned{background:#fef3c7;color:#b45309}.phase-status.future{background:#f1f5f9;color:#64748b}.phase-date{font-size:.75rem;color:var(--nicol-gray);margin-left:auto}.phase-items{list-style:none;padding:0;margin:0}.phase-items li{font-size:.85rem;color:var(--nicol-dark);padding:.35rem 0;display:flex;align-items:flex-start;gap:.5rem}.roadmap-phase.completed .phase-items li{color:var(--nicol-gray)}.phase-note{margin-top:.75rem;padding:.75rem;background:var(--nicol-light);border-radius:4px;font-size:.8rem;color:var(--nicol-gray);line-height:1.5}.phase-note strong{color:var(--nicol-dark)}.design-priorities{background:var(--nicol-white);border-radius:8px;padding:1.5rem;border:2px solid var(--nicol-lime);margin-bottom:2rem}.design-priorities h3{font-size:1.1rem;font-weight:700;color:var(--nicol-dark);margin-bottom:1rem;text-align:center}.priorities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.priority-card{background:var(--nicol-light);border-radius:6px;padding:1rem;border-left:4px solid var(--nicol-lime)}.priority-card h4{font-size:.9rem;font-weight:600;color:var(--nicol-dark);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.priority-card p{font-size:.8rem;color:var(--nicol-gray);line-height:1.5;margin:0}.concerns-section{margin-top:2rem}.concerns-section h3{font-size:1.1rem;font-weight:700;color:var(--nicol-dark);margin-bottom:.25rem}.concerns-intro{font-size:.85rem;color:var(--nicol-gray);margin-bottom:1.5rem}.concern-cards{display:flex;flex-direction:column;gap:1.5rem}.concern-card{background:var(--nicol-white);border-radius:8px;padding:1.5rem;border:1px solid #e5e5e5}.concern-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.concern-icon{font-size:1.5rem}.concern-header h4{font-size:1rem;font-weight:600;color:var(--nicol-dark);margin:0}.concern-desc{font-size:.85rem;color:var(--nicol-gray);margin-bottom:1rem}.concern-options{display:flex;flex-direction:column;gap:1rem}.concern-option{background:var(--nicol-light);border-radius:6px;padding:1rem;border-left:4px solid #e5e5e5}.concern-option:last-child{border-left-color:var(--nicol-lime);background:#fbfde8}.option-label{display:block;font-weight:600;font-size:.9rem;color:var(--nicol-dark);margin-bottom:.4rem}.concern-option p{font-size:.8rem;color:var(--nicol-gray);line-height:1.5;margin:0 0 .5rem}.option-pros-cons{display:flex;flex-wrap:wrap;gap:.4rem}.option-pros-cons .pro,.option-pros-cons .con{font-size:.7rem;padding:.15rem .5rem;border-radius:3px}.option-pros-cons .pro{background:#ecfdf5;color:#059669}.option-pros-cons .con{background:#fef2f2;color:#dc2626}.model-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.model-option{background:var(--nicol-light);border-radius:6px;padding:1rem;text-align:center}.model-name{display:block;font-weight:600;font-size:.85rem;color:var(--nicol-dark);margin-bottom:.25rem}.model-size{display:block;font-size:.75rem;color:var(--nicol-gray);font-weight:500;margin-bottom:.5rem}.model-option p{font-size:.75rem;color:var(--nicol-gray);line-height:1.4;margin:0 0 .5rem}.model-verdict{display:inline-block;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:3px;text-transform:uppercase}.model-verdict.good{background:#ecfdf5;color:#059669}.model-verdict.testing{background:#fef3c7;color:#b45309}.concern-note{background:var(--nicol-light);border-radius:4px;padding:.75rem;font-size:.8rem;color:var(--nicol-gray);line-height:1.5}.concern-note strong{color:var(--nicol-dark)}.privacy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.privacy-item{border-radius:6px;padding:.75rem}.privacy-item.safe{background:#ecfdf5;border:1px solid #bbf7d0}.privacy-item strong{display:block;font-size:.8rem;color:#166534;margin-bottom:.25rem}.privacy-item p{font-size:.75rem;color:#059669;line-height:1.4;margin:0}@media(max-width:768px){.model-comparison,.privacy-grid{grid-template-columns:1fr}}.client-questions{background:var(--nicol-white);border-radius:8px;padding:1.5rem;border:2px solid #3b82f6;margin-top:2rem}.client-questions h3{font-size:1.1rem;font-weight:700;color:var(--nicol-dark);margin-bottom:.25rem}.client-questions-intro{font-size:.85rem;color:var(--nicol-gray);margin-bottom:1.25rem}.questions-list{display:flex;flex-direction:column;gap:1rem}.question-item{display:flex;gap:1rem;align-items:flex-start}.question-number{width:28px;height:28px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:2px}.question-content{flex:1}.question-content strong{display:block;font-size:.9rem;color:var(--nicol-dark);margin-bottom:.25rem}.question-content p{font-size:.8rem;color:var(--nicol-gray);line-height:1.5;margin:0}.roadmap-footer{margin-top:2rem}.architecture-preview{background:var(--nicol-white);border-radius:8px;padding:1.5rem;border:1px solid #e5e5e5}.architecture-preview h3{font-size:1rem;font-weight:600;margin-bottom:1rem;text-align:center}.architecture-diagram{display:flex;justify-content:center}.arch-box{background:var(--nicol-light);border-radius:8px;padding:1.25rem;border:2px dashed var(--nicol-lime);text-align:center;max-width:400px;width:100%}.arch-title{display:block;font-weight:600;font-size:.9rem;margin-bottom:1rem;color:var(--nicol-dark)}.arch-inner{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.arch-item{background:var(--nicol-white);padding:.75rem 1rem;border-radius:6px;border:1px solid #e5e5e5;display:flex;flex-direction:column;gap:.25rem}.arch-item span{font-weight:600;font-size:.85rem}.arch-item small{font-size:.7rem;color:var(--nicol-gray)}.arch-arrow{font-size:1.5rem;color:var(--nicol-lime-dark);font-weight:700}.arch-benefit{font-size:.75rem;color:#059669;font-weight:600;padding:.5rem;background:#ecfdf5;border-radius:4px}@media(max-width:768px){.roadmap-phase{flex-direction:column;padding-left:50px}.phase-marker{position:absolute;left:0;top:0;flex-direction:column}.phase-line{display:none}.priorities-grid{grid-template-columns:1fr}.arch-inner{flex-direction:column}.arch-arrow{transform:rotate(90deg)}}.knowledge-points{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.knowledge-point{background:var(--nicol-light);border-radius:6px;padding:.75rem 1rem;border-left:4px solid var(--nicol-lime)}.knowledge-point strong{display:block;font-size:.85rem;color:var(--nicol-dark);margin-bottom:.25rem}.knowledge-point p{font-size:.8rem;color:var(--nicol-gray);line-height:1.5;margin:0}.disclaimer-section{margin-top:2rem;background:var(--nicol-white);border-radius:8px;padding:1.5rem;border:2px solid #f59e0b;border-left:6px solid #f59e0b}.disclaimer-section h3{font-size:1.05rem;font-weight:700;color:#92400e;margin-bottom:.75rem}.disclaimer-section p{font-size:.85rem;color:var(--nicol-dark);line-height:1.6;margin-bottom:.75rem}.disclaimer-section ul{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.6rem}.disclaimer-section li{font-size:.85rem;color:var(--nicol-dark);line-height:1.5;padding-left:1.25rem;position:relative}.disclaimer-section li:before{content:"→";position:absolute;left:0;color:#f59e0b;font-weight:700}.disclaimer-section li strong{color:var(--nicol-dark)}.disclaimer-bottom{background:#fef3c7;padding:.75rem 1rem;border-radius:4px;font-weight:500;color:#92400e;margin-bottom:0!important}.tip-wrapper{position:relative;display:inline}.tip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--nicol-lime);color:var(--nicol-black);font-size:.6rem;font-weight:800;border:none;cursor:pointer;vertical-align:middle;margin-left:4px;transition:all .2s;line-height:1;padding:0}.tip-icon:hover,.tip-icon.active{background:var(--nicol-lime-dark);transform:scale(1.15)}.tip-popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:100;width:320px;max-width:90vw}.tip-content{background:var(--nicol-black);color:var(--nicol-white);padding:.75rem 1rem;border-radius:6px;font-size:.8rem;line-height:1.55;font-weight:400;box-shadow:0 8px 24px #0003}.tip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--nicol-black)}.checklist-item{display:flex;flex-direction:column;padding:.5rem 0;border-bottom:1px solid #f0f0f0;font-size:.8rem}.checklist-main{display:flex;align-items:flex-start;gap:.5rem}.checklist-actions{display:flex;gap:.35rem;margin-top:.4rem;margin-left:16px}.checklist-btn{padding:.2rem .5rem;font-size:.7rem;border-radius:3px;cursor:pointer;transition:all .2s;border:1px solid #ddd;background:var(--nicol-white)}.checklist-btn.done{color:#059669;border-color:#059669}.checklist-btn.done:hover{background:#ecfdf5}.checklist-btn.skip{color:var(--nicol-gray)}.checklist-btn.skip:hover{background:var(--nicol-light);border-color:var(--nicol-gray)}.checklist-empty{padding:.75rem;text-align:center;color:#059669;font-size:.85rem;background:#ecfdf5;border-radius:4px}.settings-tab{margin-left:.5rem}.settings-section{max-width:700px}.settings-header{margin-bottom:2rem}.settings-header h2{font-size:1.5rem;margin-bottom:.5rem}.settings-intro{color:var(--nicol-gray);font-size:.95rem}.settings-group{background:var(--nicol-white);border-radius:8px;padding:1.5rem;border:1px solid #e5e5e5;margin-bottom:1.5rem}.settings-group h3{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--nicol-dark)}.settings-group-desc{font-size:.85rem;color:var(--nicol-gray);margin-bottom:1.25rem}.setting-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid #f0f0f0}.setting-item:last-of-type{border-bottom:none;padding-bottom:0}.setting-item:first-of-type{padding-top:0}.setting-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.setting-name{font-weight:600;font-size:.9rem;color:var(--nicol-dark)}.setting-desc{font-size:.8rem;color:var(--nicol-gray);line-height:1.4}.setting-toggle{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.setting-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.setting-toggle input:checked+.toggle-slider{background-color:var(--nicol-lime)}.setting-toggle input:checked+.toggle-slider:before{transform:translate(22px)}.settings-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.settings-action-btn{background:var(--nicol-lime);color:var(--nicol-black);border:none;padding:.65rem 1.25rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.settings-action-btn:hover{background:var(--nicol-lime-dark)}.settings-action-btn.secondary{background:var(--nicol-white);border:1px solid #ddd;color:var(--nicol-dark)}.settings-action-btn.secondary:hover{border-color:var(--nicol-lime);background:var(--nicol-light)}.settings-hint{font-size:.8rem;color:var(--nicol-gray);background:var(--nicol-light);padding:.75rem;border-radius:4px;line-height:1.5}.settings-footer{text-align:center;padding:1rem;color:var(--nicol-gray);font-size:.8rem}.demo-mode-banner{margin-top:1rem;padding:.65rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;background:var(--nicol-light);color:var(--nicol-gray);text-align:center;border:1px solid #e5e5e5}.demo-mode-banner.active{background:#fef3c7;color:#92400e;border-color:#fcd34d}.settings-input{margin-top:.5rem;padding:.6rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;width:100%;font-family:monospace}.settings-input:focus{outline:none;border-color:var(--nicol-lime)}.setting-info.full-width{width:100%}@media(max-width:768px){.settings-actions{flex-direction:column}.settings-action-btn{width:100%;text-align:center}}