@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0f1115;--bg-secondary: #1a1d24;--bg-card: #222630;--accent: #8b5cf6;--accent-hover: #7c3aed;--text-primary: #ffffff;--text-secondary: #9ca3af;--border: #2e323b;--success: #10b981;--error: #ef4444;font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary)}body{margin:0;min-width:320px;min-height:100vh;display:flex;flex-direction:column}#root{width:100%;max-width:900px;margin:0 auto;padding:2rem}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-weight:600;line-height:1.2}h1{font-size:2.5rem;background:linear-gradient(to right,#f87171,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:1.5rem;color:var(--text-primary)}button{border-radius:8px;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;font-family:inherit;background-color:var(--accent);color:#fff;cursor:pointer;transition:all .2s}button:hover{background-color:var(--accent-hover);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.secondary{background-color:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary)}button.secondary:hover{background-color:var(--border);color:#fff}input,select,textarea{display:block;width:100%;padding:.75rem;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;transition:border-color .2s;box-sizing:border-box}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #8b5cf633}textarea{min-height:100px;resize:vertical}label{display:block;margin-bottom:.5rem;font-size:.875rem;color:var(--text-secondary);font-weight:500}.card{background-color:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:2rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-item input[type=checkbox]{width:auto;cursor:pointer}.tag-input{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;min-height:48px}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:var(--accent);border-radius:4px;font-size:.875rem}.tag button{padding:0;background:none;font-size:1rem;line-height:1}.tag button:hover{transform:none}.progress-bar{display:flex;justify-content:space-between;margin-bottom:2rem;position:relative}.progress-bar:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background-color:var(--border);transform:translateY(-50%);z-index:0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:1}.progress-dot{width:32px;height:32px;border-radius:50%;background-color:var(--bg-secondary);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all .3s}.progress-step.active .progress-dot{background-color:var(--accent);border-color:var(--accent)}.progress-step.completed .progress-dot{background-color:var(--success);border-color:var(--success)}.progress-label{font-size:.75rem;color:var(--text-secondary);text-align:center}.progress-step.active .progress-label{color:var(--accent);font-weight:500}.nav-buttons{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.status-message{padding:1rem;border-radius:8px;margin-top:1rem;text-align:center}.status-message.success{background-color:#10b98133;color:var(--success)}.status-message.error{background-color:#ef444433;color:var(--error)}.summary-section{margin-bottom:1.5rem}.summary-section h3{font-size:1rem;color:var(--accent);margin-bottom:.5rem}.summary-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border)}.summary-item:last-child{border-bottom:none}.summary-label{color:var(--text-secondary)}.summary-value{color:var(--text-primary);text-align:right;max-width:60%}.color-preview{display:inline-block;width:20px;height:20px;border-radius:4px;vertical-align:middle;margin-left:.5rem;border:1px solid var(--border)}.research-btn{margin-left:.5rem;padding:.75rem 1rem;font-size:.875rem;white-space:nowrap}.research-btn:disabled{opacity:.7}.niche-row{display:flex;align-items:flex-end;gap:.5rem}.niche-row .form-group{flex:1;margin-bottom:0}.research-loading{display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:.875rem}.research-results{margin-top:1.5rem;border:1px solid var(--border);border-radius:12px;overflow:hidden}.research-results-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border)}.research-results-header h3{margin:0;font-size:1rem;color:var(--accent)}.research-results-header button{padding:.25rem .5rem;font-size:.75rem}.market-insights{padding:1rem;background-color:#8b5cf61a;border-bottom:1px solid var(--border);font-size:.875rem;color:var(--text-secondary);font-style:italic}.research-section{border-bottom:1px solid var(--border)}.research-section:last-child{border-bottom:none}.research-section-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--bg-card);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.research-section-header:hover{background-color:var(--bg-secondary)}.research-section-header h4{margin:0;font-size:.875rem;font-weight:500}.section-toggle{font-size:.75rem;color:var(--text-secondary);transition:transform .2s}.research-section.collapsed .section-toggle{transform:rotate(-90deg)}.research-section-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.research-section.collapsed .research-section-content{display:none}.suggestion-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s}.suggestion-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.suggestion-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.suggestion-title{font-weight:600;color:var(--text-primary);font-size:.95rem}.apply-btn{padding:.25rem .5rem;font-size:.7rem;background-color:var(--accent);opacity:0;transition:opacity .2s}.suggestion-card:hover .apply-btn{opacity:1}.suggestion-reason,.suggestion-opportunity{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.suggestion-audience{font-size:.8rem;color:var(--accent);margin-bottom:.5rem}.suggestion-angle{font-size:.8rem;color:#f59e0b;margin-bottom:.5rem;font-style:italic}.suggestion-pillars,.suggestion-ideas{display:flex;flex-wrap:wrap;gap:.35rem}.pillar-tag{display:inline-block;padding:.2rem .5rem;background-color:#8b5cf633;border-radius:4px;font-size:.7rem;color:var(--accent)}.idea-tag{display:inline-block;padding:.2rem .5rem;background-color:#10b98133;border-radius:4px;font-size:.7rem;color:var(--success)}.raw-suggestions{padding:1rem;background-color:var(--bg-secondary);border-radius:8px}.raw-suggestions h5{margin:0 0 .5rem;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.35rem}.suggestion-chip{display:inline-block;padding:.25rem .5rem;background-color:var(--bg-card);border:1px solid var(--border);border-radius:4px;font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .15s}.suggestion-chip:hover{border-color:var(--accent);color:var(--accent)}.empty-state{text-align:center;padding:1rem;color:var(--text-secondary);font-size:.875rem}.identity-grid{display:grid;grid-template-columns:1fr;gap:1rem}.identity-card{background-color:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .2s;position:relative}.identity-card:hover{border-color:var(--accent);transform:translateY(-2px)}.identity-card.selected{border-color:var(--success);background-color:#10b9811a}.identity-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.identity-tagline{font-size:1rem;color:var(--accent);font-style:italic;margin-bottom:.75rem}.identity-positioning{font-size:.875rem;color:var(--text-secondary)}.selected-badge{position:absolute;top:1rem;right:1rem;background-color:var(--success);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.avatars-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.avatars-grid{grid-template-columns:repeat(2,1fr)}}.avatar-card{background-color:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .2s}.avatar-card:hover{border-color:var(--accent)}.avatar-card.selected{border-color:var(--success);background-color:#10b9810d}.avatar-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.avatar-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.avatar-checkbox{font-size:1.25rem;color:var(--text-secondary)}.avatar-card.selected .avatar-checkbox{color:var(--success)}.avatar-demographics{font-size:.8rem;color:var(--accent);margin-bottom:.75rem}.avatar-section{margin-bottom:.75rem}.avatar-section strong{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.avatar-section ul{margin:.25rem 0 0 1rem;padding:0;font-size:.8rem;color:var(--text-primary)}.avatar-section li{margin-bottom:.25rem}.avatar-preferences{font-size:.8rem;color:var(--text-secondary)}.avatar-preferences strong{color:var(--text-secondary)}.strategy-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.strategy-section:last-child{border-bottom:none;margin-bottom:0}.strategy-section h3{font-size:1rem;color:var(--accent);margin-bottom:1rem}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.pillar-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem}.pillar-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.pillar-desc{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.pillar-pct{font-size:.75rem;color:var(--accent);font-weight:500}.formats-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.format-item{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;background-color:var(--bg-secondary);border-radius:6px;font-size:.875rem}.format-type{font-weight:500;color:var(--text-primary);min-width:100px}.format-freq{color:var(--accent);font-size:.8rem}.format-purpose{color:var(--text-secondary);font-size:.8rem;flex:1}.tone-badge{display:inline-block;padding:.5rem 1rem;background-color:#8b5cf626;border-radius:6px;font-size:.875rem;color:var(--text-primary)}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.calendar-day{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.75rem;text-align:center}.day-name{font-weight:600;color:var(--accent);font-size:.8rem;margin-bottom:.5rem}.day-content{font-size:.8rem;color:var(--text-primary);margin-bottom:.5rem}.day-meta{display:flex;flex-direction:column;gap:.25rem}.day-pillar{font-size:.65rem;color:var(--text-secondary);background-color:var(--bg-card);padding:.15rem .35rem;border-radius:3px}.day-avatar{font-size:.65rem;color:var(--accent)}.avatar-ideas{margin-bottom:1.5rem}.avatar-ideas h4{font-size:.9rem;color:var(--text-primary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.ideas-list{display:grid;grid-template-columns:1fr;gap:.5rem}.idea-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.75rem}.idea-title{font-weight:500;color:var(--text-primary);font-size:.9rem;margin-bottom:.35rem}.idea-hook{font-size:.8rem;color:var(--text-secondary);font-style:italic;margin-bottom:.5rem}.idea-meta{display:flex;gap:.5rem}.idea-format{font-size:.7rem;padding:.15rem .4rem;background-color:#8b5cf633;color:var(--accent);border-radius:3px}.idea-pillar{font-size:.7rem;padding:.15rem .4rem;background-color:#10b98133;color:var(--success);border-radius:3px}