:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: rgba(17, 24, 39, .7);--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .08);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #8b5cf6;--accent-secondary: #6366f1;--accent-glow: rgba(139, 92, 246, .3);--accent-gradient: linear-gradient(135deg, #8b5cf6, #6366f1, #3b82f6);--success: #22c55e;--success-bg: rgba(34, 197, 94, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--error: #ef4444;--border-color: rgba(255, 255, 255, .08);--border-active: rgba(139, 92, 246, .5);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px var(--accent-glow);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column}.glass-card{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.glass-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow)}.app-header{position:sticky;top:0;z-index:100;background:#0a0e1ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:var(--space-md) var(--space-xl)}.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.header-brand{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;transition:opacity var(--transition-fast)}.header-brand:hover{opacity:.8}.header-icon{font-size:1.5rem}.header-title{font-size:1.25rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:var(--accent-primary);color:#fff;padding:2px 6px;border-radius:4px}.header-progress-wrap{display:flex;align-items:center;gap:var(--space-sm);min-width:200px}.header-progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.header-progress-fill{height:100%;background:var(--accent-gradient);border-radius:3px;transition:width var(--transition-slow);box-shadow:0 0 8px var(--accent-glow)}.header-progress-text{font-size:.8rem;font-weight:600;color:var(--accent-primary);min-width:35px;text-align:right}.welcome-page{position:relative;min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:var(--space-xl);overflow:hidden}.welcome-bg{position:absolute;inset:0;pointer-events:none}.welcome-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.orb-1{width:400px;height:400px;background:var(--accent-primary);top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.orb-2{width:300px;height:300px;background:#3b82f6;bottom:-50px;left:-50px;animation:float 10s ease-in-out infinite reverse}.orb-3{width:200px;height:200px;background:#ec4899;top:40%;left:50%;animation:float 7s ease-in-out infinite 2s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.welcome-content{position:relative;z-index:1;max-width:800px;width:100%}.welcome-hero{text-align:center;margin-bottom:var(--space-2xl)}.welcome-logo-wrap{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:var(--bg-glass);border:2px solid var(--border-active);box-shadow:var(--shadow-glow);margin-bottom:var(--space-lg);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 80px #8b5cf61a}}.welcome-logo{font-size:2.5rem}.welcome-title{font-size:3rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.welcome-subtitle{font-size:1.2rem;color:var(--text-secondary);font-weight:500;margin-bottom:var(--space-md)}.welcome-desc{color:var(--text-muted);line-height:1.8}.welcome-stages-preview{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-wrap:wrap}.stage-preview-item{display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-glass);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:.85rem;color:var(--text-secondary);transition:all var(--transition-base)}.stage-preview-item:hover{border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-2px)}.stage-preview-icon{font-size:1.1rem}.stage-preview-arrow{color:var(--text-muted);font-size:.8rem}.welcome-form{margin-bottom:var(--space-2xl)}.welcome-form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.welcome-project-input{margin-bottom:var(--space-lg);font-size:1.1rem}.welcome-actions{display:flex;gap:var(--space-md);justify-content:center}.welcome-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.feature-card{text-align:center;padding:var(--space-lg)}.feature-icon{font-size:2rem;display:block;margin-bottom:var(--space-sm)}.feature-card h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-xs)}.feature-card p{font-size:.8rem;color:var(--text-muted)}.stage-page{flex:1;padding:var(--space-xl);max-width:1200px;margin:0 auto;width:100%}.stage-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--space-xl)}.stage-nav{display:flex;flex-direction:column;gap:var(--space-sm);position:sticky;top:80px;align-self:start}.stage-nav-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);font-size:.85rem;transition:all var(--transition-base);text-align:left}.stage-nav-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-active);color:var(--text-primary)}.stage-nav-btn.active{background:#8b5cf626;border-color:var(--accent-primary);color:var(--text-primary);box-shadow:var(--shadow-glow)}.stage-nav-btn.complete .stage-nav-icon{color:var(--success)}.stage-nav-icon{font-size:1rem;min-width:20px;text-align:center}.stage-nav-label{flex:1}.stage-nav-progress{font-size:.7rem;font-weight:600;color:var(--text-muted)}.stage-header{margin-bottom:var(--space-xl)}.stage-header-top{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-md)}.stage-header-icon{font-size:2.5rem}.stage-header-info{flex:1}.stage-header-title{font-size:1.5rem;font-weight:700}.stage-header-subtitle{font-size:.85rem;color:var(--text-muted);font-weight:500}.stage-header-desc{color:var(--text-secondary);font-size:.95rem}.stage-progress-ring{position:relative;width:56px;height:56px}.progress-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#ffffff14;stroke-width:3}.progress-ring-fill{fill:none;stroke:var(--accent-primary);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray var(--transition-slow);filter:drop-shadow(0 0 4px var(--accent-glow))}.progress-ring-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--accent-primary)}.stage-questions{display:flex;flex-direction:column;gap:var(--space-lg)}.question-card{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base);animation:fadeSlideUp .5s ease forwards;opacity:0;transform:translateY(20px)}@keyframes fadeSlideUp{to{opacity:1;transform:translateY(0)}}.question-card:hover{border-color:#8b5cf64d}.question-card:focus-within{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.question-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.question-number{font-size:.8rem;font-weight:700;color:var(--accent-primary);letter-spacing:.05em}.question-done-badge{font-size:.7rem;font-weight:600;color:var(--success);background:var(--success-bg);padding:2px 8px;border-radius:12px;animation:pop .3s ease}@keyframes pop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.question-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);line-height:1.5}.question-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-md);white-space:pre-line}.question-example{background:#8b5cf614;border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-lg)}.example-label{font-size:.75rem;font-weight:600;color:var(--accent-primary);display:block;margin-bottom:var(--space-xs)}.example-text{font-size:.8rem;color:var(--text-secondary);font-family:var(--font-family);white-space:pre-wrap;line-height:1.6}.question-input-area{margin-top:var(--space-sm)}.q-input{width:100%;background:#ffffff0a;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-md);color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;transition:all var(--transition-base);outline:none}.q-input::placeholder{color:var(--text-muted)}.q-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);background:#ffffff0f}.q-textarea{resize:vertical;min-height:120px;line-height:1.6}.q-checkbox-group{display:flex;flex-direction:column;gap:var(--space-sm)}.q-checkbox-label{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.9rem;color:var(--text-secondary)}.q-checkbox-label:hover{background:var(--bg-glass-hover);border-color:var(--border-active);color:var(--text-primary)}.q-checkbox{accent-color:var(--accent-primary);width:18px;height:18px}.q-checkbox-other{display:flex;align-items:center;gap:var(--space-sm)}.q-other-text{max-width:300px}.q-dual-textarea{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.q-dual-label{display:block;font-size:.8rem;font-weight:600;color:var(--accent-primary);margin-bottom:var(--space-sm)}.q-table-wrap{overflow-x:auto}.q-table{width:100%;border-collapse:collapse;font-size:.85rem}.q-table thead th{background:#8b5cf61a;color:var(--accent-primary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);text-align:left;white-space:nowrap}.q-table tbody td{border:1px solid var(--border-color);padding:2px}.q-table-input{width:100%;background:transparent;border:none;padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-family:var(--font-family);font-size:.85rem;outline:none;transition:background var(--transition-fast)}.q-table-input:focus{background:#8b5cf60d}.q-table-input::placeholder{color:var(--text-muted);opacity:.5}.q-table-action-col{width:32px;text-align:center}.q-table-del-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:4px 8px;border-radius:4px;transition:all var(--transition-fast)}.q-table-del-btn:hover{color:var(--error);background:#ef44441a}.q-table-add-btn{margin-top:var(--space-sm);font-size:.8rem}.stage-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border-color)}.export-page{flex:1;padding:var(--space-xl);max-width:900px;margin:0 auto;width:100%}.export-header{margin-bottom:var(--space-xl)}.export-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.export-title{font-size:1.5rem;font-weight:700}.export-progress{display:flex;align-items:center;gap:var(--space-sm)}.export-progress-label{font-size:.8rem;color:var(--text-muted)}.export-progress-bar{width:120px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.export-progress-fill{height:100%;background:var(--accent-gradient);border-radius:3px;transition:width var(--transition-slow)}.export-progress-text{font-size:.8rem;font-weight:600;color:var(--accent-primary)}.export-project-name{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.export-warning{background:var(--warning-bg);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm);padding:var(--space-md);font-size:.85rem;color:var(--warning)}.export-success{background:var(--success-bg);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-sm);padding:var(--space-md);font-size:.85rem;color:var(--success)}.export-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.export-cards-4{grid-template-columns:repeat(2,1fr)}.export-card{padding:var(--space-xl)}.export-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.export-card-icon{font-size:1.5rem}.export-card-header h3{font-size:1.05rem;font-weight:600}.export-card-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-lg);line-height:1.6}.export-card-actions{display:flex;gap:var(--space-sm)}.export-preview-area{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);animation:fadeSlideUp .3s ease forwards}.export-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.export-preview-content{background:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-lg);font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:500px;overflow-y:auto;line-height:1.7}.export-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xl);border-top:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn-icon{font-size:1rem}.btn-primary{background:var(--accent-gradient);color:#fff;border:none;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-glow),var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-active)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-glass)}.btn-lg{padding:var(--space-md) var(--space-2xl);font-size:1rem}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:.8rem}.btn-export{background:linear-gradient(135deg,#22c55e,#059669)}.btn-ai{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;border:none;box-shadow:0 0 12px #a855f74d;transition:all var(--transition-base)}.btn-ai:hover{box-shadow:0 0 24px #a855f780,var(--shadow-md);transform:translateY(-1px)}.btn-ai-disabled{opacity:.5;cursor:default}.btn-ai-loading{opacity:.8;pointer-events:none;animation:pulse-ai 1.5s ease-in-out infinite}@keyframes pulse-ai{0%,to{box-shadow:0 0 12px #a855f74d}50%{box-shadow:0 0 30px #a855f799}}.stage-ai-bar{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.ai-hint{font-size:.8rem;color:var(--text-muted)}.ai-status{padding:var(--space-md);border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:var(--space-lg);animation:fadeSlideUp .3s ease forwards}.ai-status-loading{background:#a855f71a;border:1px solid rgba(168,85,247,.3);color:#a855f7}.ai-status-success{background:var(--success-bg);border:1px solid rgba(34,197,94,.3);color:var(--success)}.ai-status-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--error)}.header-settings-btn{font-size:1.2rem;padding:var(--space-xs) var(--space-sm)}.settings-page{flex:1;padding:var(--space-xl);display:flex;justify-content:center}.settings-content{max-width:640px;width:100%}.settings-header{margin-bottom:var(--space-xl)}.settings-header h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xs)}.settings-desc{color:var(--text-muted);font-size:.9rem}.settings-card{padding:var(--space-xl);margin-bottom:var(--space-lg)}.settings-card h3{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-sm)}.settings-hint{font-size:.8rem;color:var(--text-muted);margin-bottom:var(--space-md);line-height:1.6}.settings-hint a{color:var(--accent-primary);text-decoration:underline}.settings-key-wrap{display:flex;gap:var(--space-sm);align-items:center}.settings-key-input{flex:1;font-family:var(--font-mono);font-size:.85rem}.settings-models{display:flex;flex-direction:column;gap:var(--space-sm)}.settings-model-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.settings-model-option:hover{background:var(--bg-glass-hover);border-color:var(--border-active)}.settings-model-option.active{background:#8b5cf61a;border-color:var(--accent-primary)}.settings-model-option input[type=radio]{accent-color:var(--accent-primary);width:16px;height:16px}.settings-model-info{display:flex;flex-direction:column}.settings-model-name{font-weight:600;font-size:.9rem}.settings-model-desc{font-size:.75rem;color:var(--text-muted)}.settings-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.settings-status{padding:var(--space-md);border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:var(--space-lg)}.settings-status-success{background:var(--success-bg);border:1px solid rgba(34,197,94,.3);color:var(--success)}.settings-status-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--error)}.settings-status-loading{background:#a855f71a;border:1px solid rgba(168,85,247,.3);color:#a855f7}.settings-footer{padding-top:var(--space-lg);border-top:1px solid var(--border-color)}@media(max-width:768px){.welcome-title{font-size:2rem}.welcome-features{grid-template-columns:1fr}.welcome-stages-preview{display:none}.stage-layout{grid-template-columns:1fr}.stage-nav{flex-direction:row;overflow-x:auto;position:static;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-sm)}.stage-nav-btn{min-width:max-content}.stage-nav-label{display:none}.q-dual-textarea,.export-cards,.export-cards-4{grid-template-columns:1fr}.export-card-actions{flex-direction:column}.stage-footer{flex-direction:column;gap:var(--space-md)}.welcome-actions{flex-direction:column}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#8b5cf64d;color:#fff}