:root{--font-title: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--bg-app: #090d16;--bg-gradient: radial-gradient(circle at 50% 0%, #1e1b4b 0%, #090d16 70%);--panel-bg: rgba(17, 24, 39, .6);--panel-border: rgba(255, 255, 255, .08);--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .35);--primary-hover: #4f46e5;--secondary: #374151;--secondary-hover: #4b5563;--accent: #10b981;--accent-glow: rgba(16, 185, 129, .2);--danger: #ef4444;--danger-hover: #dc2626;--warning: #f59e0b;--success: #10b981;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-muted: #9ca3af;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-panel: 0 8px 32px 0 rgba(0, 0, 0, .37);--shadow-input: inset 0 2px 4px 0 rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-body);font-size:1.02rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;min-height:100vh;padding:20px}#app{max-width:1300px;margin:0 auto;display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - 40px)}.app-header{padding:10px 0}.header-main-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--panel-border);padding-bottom:16px}.logo-container{display:flex;align-items:center;gap:12px}.app-logo{color:var(--primary);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 8px var(--primary-glow))}.app-logo svg{width:32px;height:32px}.title-group{display:flex;flex-direction:column}.app-header h1{font-family:var(--font-title);font-size:1.9rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.app-header .subtitle{color:var(--text-muted);font-size:.95rem;margin-top:2px}.header-controls{display:flex;align-items:center;gap:14px}.mode-toggle-wrapper{display:flex;align-items:center;gap:10px;background:#00000040;padding:6px 14px;border-radius:30px;border:1px solid rgba(255,255,255,.04)}.mode-label{font-size:.84rem;font-weight:600;color:var(--text-secondary);min-width:150px;text-align:right;-webkit-user-select:none;user-select:none}.switch{position:relative;display:inline-block;width:38px;height:20px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--secondary);transition:.3s;border-radius:34px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(18px)}.tiny-dropdown{background:#0006;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:#fff;padding:6px 12px;font-family:var(--font-title);font-size:.88rem;font-weight:600;outline:none;cursor:pointer;transition:all var(--transition-fast)}.tiny-dropdown:focus{border-color:var(--primary)}.tiny-dropdown option{background-color:#0b0f19;color:#fff}.app-workspace{display:grid;grid-template-columns:260px 1fr;gap:20px;flex:1}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;overflow:hidden;height:860px}.steps-panel{padding:20px 12px;background:#0d111c66}.steps-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.steps-header h2{font-family:var(--font-title);font-size:1.05rem;font-weight:700;color:#fff}.vertical-stepper{display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1;padding-right:2px}.accordion-group{display:flex;flex-direction:column;gap:4px}.accordion-header{background:transparent;border:none;width:100%;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:8px 6px;font-family:var(--font-title);font-size:.88rem;font-weight:700;color:#a5b4fc;border-radius:var(--radius-sm);transition:background var(--transition-fast);outline:none}.accordion-header:hover{background:#ffffff08}.accordion-chevron{font-size:.6rem;transition:transform var(--transition-fast);color:var(--text-muted)}.accordion-chevron:after{content:"▲"}.accordion-group:not(.expanded) .accordion-chevron{transform:rotate(180deg)}.accordion-content{display:flex;flex-direction:column;gap:4px;padding-left:6px;border-left:1px solid rgba(255,255,255,.05);margin-left:10px}.accordion-group:not(.expanded) .accordion-content{display:none}.vertical-stepper .step-indicator{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;width:100%;transition:all var(--transition-normal);text-align:left}.vertical-stepper .step-indicator:hover{background:#ffffff05}.vertical-stepper .step-title{font-family:var(--font-title);font-size:.84rem;font-weight:600;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.vertical-stepper .status-icon{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--text-muted);flex-shrink:0;transition:all var(--transition-fast)}.vertical-stepper .step-indicator.filled .status-icon{border-color:var(--accent);background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:80% 80%;background-repeat:no-repeat;background-position:center}.vertical-stepper .step-line-divider{height:1px;background:#ffffff0f;margin:4px 0}.vertical-stepper .step-indicator.active{background:#6366f114;border-color:#6366f133}.vertical-stepper .step-indicator.active .step-title{color:#fff}.form-panel{padding:24px}.wizard-form{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.wizard-step{display:none;flex-direction:column;height:100%;min-height:0;animation:fadeIn var(--transition-normal) forwards}.wizard-step.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-title{font-family:var(--font-title);font-size:1.45rem;font-weight:700;margin-bottom:4px;color:#fff}.section-desc{color:var(--text-muted);font-size:.92rem;margin-bottom:16px}.step-form-content{flex:1;overflow-y:auto;padding-right:8px;margin-bottom:12px;display:flex;flex-direction:column;gap:16px}.guidance-card{padding:16px;border-radius:var(--radius-md);font-size:.86rem;line-height:1.6;border:1px solid rgba(255,255,255,.03);transition:all var(--transition-normal)}.guidance-card-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.guidance-card-body{margin-top:10px;display:block}.guidance-card.collapsed .guidance-card-body{display:none!important;margin-top:0}.card-toggle-btn{background:transparent;border:none;color:var(--primary);font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;transition:background var(--transition-fast)}.card-toggle-btn:hover{background:#ffffff0d}.card-toggle-btn:after{content:"▼"}.guidance-card:not(.collapsed) .card-toggle-btn:after{content:"▲"}.consequence-card{border-left:4px solid var(--danger);background:#ef444405}.guidance-consequence{display:flex;flex-direction:column;gap:3px}.guidance-consequence strong{color:#fb7185}.guidance-consequence span{color:var(--text-primary)}.examples-card{border-left:4px solid var(--success);background:#10b98105}.examples-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.examples-header-row strong{color:#34d399}.guidance-example{display:flex;flex-direction:column;gap:4px}.example-list{padding-left:18px;list-style-type:circle;display:flex;flex-direction:column;gap:6px;margin-top:4px}.example-list li em{color:var(--text-secondary);font-style:italic}.questions-card{border-left:4px solid var(--warning);background:#f59e0b05}.guidance-questions{display:flex;flex-direction:column;gap:3px}.guidance-questions strong{color:#fbbf24}.guidance-questions ol{padding-left:18px;list-style-type:decimal;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px}.matrix-level-dot{position:relative;cursor:help;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all var(--transition-fast)}.matrix-level-dot:hover{background:#ffffff0d}.dot-current{color:#fb7185}.dot-target{color:#34d399}.dot-gap{color:#818cf8}.dot-empty{color:var(--text-muted);opacity:.3}.matrix-level-dot .tooltip-text{visibility:hidden;width:220px;background-color:#111827;color:#fff;text-align:left;border-radius:6px;padding:8px 12px;position:absolute;z-index:99;bottom:130%;left:50%;transform:translate(-50%);opacity:0;transition:opacity var(--transition-fast);font-size:.78rem;line-height:1.35;pointer-events:none;box-shadow:0 10px 15px -3px #00000080;border:1px solid rgba(255,255,255,.08)}.matrix-level-dot:hover .tooltip-text{visibility:visible;opacity:1}.form-group{margin-top:4px;margin-bottom:2px;display:flex;flex-direction:column;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-header{display:flex;justify-content:space-between;align-items:center}.field-header label,label{font-family:var(--font-title);font-size:.95rem;font-weight:600;color:#e5e7eb}input[type=text],input[type=date],select,textarea{background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#fff;padding:11px 15px;font-family:var(--font-body);font-size:.98rem;transition:all var(--transition-fast);outline:none}input[type=text]:focus,input[type=date]:focus,select:focus,textarea:focus{border-color:var(--primary);background:#0006;box-shadow:0 0 0 2px var(--primary-glow)}textarea{resize:none}.goals-list-container{display:flex;flex-direction:column;gap:16px}.goal-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:12px;position:relative;transition:all var(--transition-fast)}.goal-card:hover{border-color:#6366f133;background:#ffffff08}.goal-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed rgba(255,255,255,.06);padding-bottom:8px}.goal-card-title{font-family:var(--font-title);font-size:.92rem;font-weight:700;color:#a5b4fc}.btn-delete-goal{background:transparent;border:none;color:var(--danger);cursor:pointer;padding:6px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-delete-goal:hover{background:#ef444426;color:#ef4444}.scrollable-review-area{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding-right:8px;margin-bottom:12px}.preview-integration-card{background:#0d111c99;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:12px}.preview-header-integrated{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px}.preview-header-integrated h3{font-family:var(--font-title);font-size:1.05rem;font-weight:700;color:#fff}.preview-content-integrated{display:flex;flex-direction:column;gap:14px}.preview-section-card{background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);padding:14px}.preview-section-title{font-family:var(--font-title);font-size:.88rem;font-weight:700;color:#818cf8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.preview-section-val{font-size:.95rem;color:#f3f4f6;white-space:pre-wrap}.preview-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#00000026;padding:10px;border-radius:var(--radius-sm);margin-bottom:10px}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-lbl{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.meta-val{font-size:.88rem;font-weight:600;color:#fff}.evaluation-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:18px}.evaluation-card h3{font-family:var(--font-title);font-size:1.05rem;color:#fff;margin-bottom:12px;display:flex;align-items:center;gap:8px}.pulse-dot{width:8px;height:8px;background-color:var(--accent);border-radius:50%;box-shadow:0 0 #10b981b3;animation:pulse 1.8s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.feedback-list{display:flex;flex-direction:column;gap:10px;font-size:.88rem}.feedback-item{display:flex;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);background:#00000026}.feedback-item.alert-warning{border-left:3px solid var(--warning)}.feedback-item.alert-info{border-left:3px solid var(--primary)}.feedback-item.alert-success{border-left:3px solid var(--success)}.feedback-icon{font-weight:700}.feedback-item.alert-warning .feedback-icon{color:var(--warning)}.feedback-item.alert-info .feedback-icon{color:var(--primary)}.feedback-item.alert-success .feedback-icon{color:var(--success)}.feedback-text h4{font-weight:600;color:#fff;margin-bottom:2px}.feedback-text p{color:var(--text-secondary)}.local-storage-controls{background:#ef444408;border:1px dashed rgba(239,68,68,.2);border-radius:var(--radius-md);padding:16px}.local-storage-controls h3{font-family:var(--font-title);font-size:.95rem;color:#ef4444;margin-bottom:4px}.local-storage-controls p{font-size:.8rem;color:var(--text-secondary);margin-bottom:12px}.btn-group-row{display:flex;gap:10px}.step-actions{display:flex;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.06)}.step-actions-export{display:flex;gap:12px;justify-content:flex-start;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.06)}.btn-export-action{margin-left:auto}#btn-export-json.btn-export-action{margin-left:0}.btn{font-family:var(--font-title);font-size:.95rem;font-weight:600;padding:11px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px var(--primary-glow)}.btn-secondary{background:var(--secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--secondary-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669}.badge{background:var(--primary-glow);color:#a5b4fc;font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:20px;border:1px solid rgba(99,102,241,.2)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (max-width: 1024px){.header-main-row{flex-direction:column;align-items:flex-start;gap:12px}.header-controls{width:100%;justify-content:space-between}.app-workspace{grid-template-columns:1fr}.panel{height:auto;min-height:550px}}@media (max-width: 640px){body{padding:10px}.header-controls{flex-direction:column;align-items:stretch;gap:10px}.form-row{grid-template-columns:1fr}.step-actions-export{flex-direction:column;align-items:stretch;gap:10px}.btn-export-action{margin-left:0!important}}