*{box-sizing:border-box;margin:0;padding:0}:root{--primary-bg:#0f172a;--secondary-bg:#1e293b;--tertiary-bg:#334155;--surface-bg:#475569;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--text-dark:#1e293b;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--accent-hover:#2563eb;--accent-gradient:linear-gradient(135deg,#3b82f6,#8b5cf6);--accent-gradient-hover:linear-gradient(135deg,#2563eb,#7c3aed);--border-light:#475569;--border-medium:#64748b;--border-dark:#334155;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--error:#ef4444;--error-bg:#ef44441a;--info:#06b6d4;--info-bg:#06b6d41a;--glass-bg:#ffffff1a;--glass-border:#fff3;--glass-hover:#ffffff26;--card-bg:#fff;--card-bg-secondary:#f8fafc;--card-border:#e2e8f0;--card-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--card-shadow-hover:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--spacing-xs:0.125rem;--spacing-sm:0.25rem;--spacing-md:0.5rem;--spacing-lg:0.75rem;--spacing-xl:1rem;--spacing-2xl:1.5rem;--spacing-3xl:2rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}html{font-size:16px;line-height:1.5;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;background:var(--primary-bg);color:#f8fafc;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border-bottom:2px solid var(--glass-border);box-shadow:0 8px 32px #0003,0 2px 8px #0000001a;padding:var(--spacing-xl) 0;position:relative;text-align:center}.header:before{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-content{margin:0 auto;max-width:1200px;padding:0 var(--spacing-xl);position:relative;z-index:1}.header h1{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.75rem;font-weight:900;letter-spacing:-.02em;margin-bottom:var(--spacing-sm);text-shadow:0 4px 8px #0006,0 2px 4px #0003}.header p{color:var(--text-secondary);font-size:1.125rem;font-weight:500;line-height:1.6;margin:0 auto;max-width:600px;opacity:.95;text-shadow:0 1px 2px #0003}@media (max-width:768px){.header{box-shadow:0 6px 24px #00000026,0 2px 6px #0000001a;padding:var(--spacing-lg) 0}.header-content{padding:0 var(--spacing-lg)}.header h1{font-size:2.25rem;font-weight:800;margin-bottom:var(--spacing-xs)}.header p{font-size:1rem;font-weight:400}}@media (max-width:480px){.header{box-shadow:0 4px 16px #0000001f,0 1px 4px #00000014;padding:var(--spacing-md) 0}.header h1{font-size:2rem;font-weight:800}.header p{font-size:.95rem}}.api-key-section{background:#0000;padding:0}.api-key-container{margin:0 auto;max-width:800px;padding:0}.api-key-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--card-shadow);margin:0 var(--spacing-xl);padding:var(--spacing-xl);text-align:center;transition:var(--transition-normal)}.api-key-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.api-key-card h2{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-dark);font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-xs)}.api-key-card>p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.api-key-card>p,.input-group{margin-bottom:var(--spacing-lg)}.input-group{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.api-key-input{background:var(--card-bg-secondary);border:2px solid var(--card-border);border-radius:var(--radius-xl);color:var(--text-dark);flex:1 1;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9rem;min-width:300px;padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-normal)}.api-key-input::placeholder{color:var(--text-muted)}.api-key-input:focus{background:var(--card-bg);border-color:var(--accent-primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.connect-button{background:var(--accent-gradient);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;min-width:120px;padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-normal)}.connect-button:hover:not(:disabled){background:var(--accent-gradient-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.connect-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.disconnect-button{background:linear-gradient(135deg,var(--error) 0,#dc2626 100%);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;min-width:120px;padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-normal)}.disconnect-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.status-message{border:1px solid #0000;border-radius:var(--radius-lg);font-size:.8rem;font-weight:500;margin-bottom:var(--spacing-md);padding:var(--spacing-md);text-align:center;transition:var(--transition-normal)}.status-message.success{background:var(--success-bg);border-color:var(--success);color:var(--success)}.status-message.error{background:var(--error-bg);border-color:var(--error);color:var(--error)}.api-key-info{margin-top:var(--spacing-md)}.api-key-info p{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;gap:var(--spacing-xs);justify-content:center}@media (max-width:768px){.api-key-card{margin:0 var(--spacing-lg);padding:var(--spacing-lg)}.api-key-card h2{font-size:1.5rem}.api-key-card>p{font-size:.9rem}.input-group{flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.api-key-input{min-width:0;min-width:auto}.api-key-input,.connect-button,.disconnect-button{font-size:.85rem;padding:var(--spacing-sm) var(--spacing-md)}.connect-button,.disconnect-button{min-width:100px}}.prediction-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);box-sizing:border-box;margin-bottom:var(--spacing-md);overflow:visible;padding:var(--spacing-lg);position:relative;transition:var(--transition-normal);width:100%}.prediction-card:hover{border-color:var(--accent-primary);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.prediction-card.level-1{background:var(--card-bg);border-width:2px;margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.prediction-card.level-2{background:var(--card-bg-secondary);border-color:var(--border-light);border-radius:var(--radius-lg);border-width:1.5px;margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.prediction-card.level-3{background:#f8fafccc;border-color:var(--border-medium);border-radius:var(--radius-md);border-style:dashed;border-width:1px;margin-bottom:var(--spacing-xs);padding:var(--spacing-md)}.connection-line{border-radius:1px;bottom:0;left:-15px;opacity:.3;top:0;width:2px}.connection-line,.connection-line:before{background:var(--accent-primary);position:absolute}.connection-line:before{content:"";height:2px;left:-3px;opacity:.5;top:50%;transform:translateY(-50%);width:8px}.prediction-card.level-1:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px) scale(1.01)}.prediction-card.level-2:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px) scale(1.005)}.prediction-card.level-3:hover{box-shadow:var(--shadow-md);transform:translateY(-1px) scale(1.002)}.prediction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.prediction-meta{align-items:center;display:flex;gap:var(--spacing-lg)}.prediction-type{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:var(--shadow-sm);color:#000;font-size:.875rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-md);transition:var(--transition-normal)}.level-2 .prediction-type{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.level-3 .prediction-type,.prediction-level{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.prediction-level{background:var(--card-bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--text-muted);font-weight:500;transition:var(--transition-normal)}.level-2 .prediction-level{font-size:.7rem;padding:var(--spacing-xs) var(--spacing-sm)}.level-3 .prediction-level{font-size:.65rem;padding:var(--spacing-xs) var(--spacing-xs)}.expand-arrow{align-items:center;background:var(--card-bg-secondary);border:1px solid var(--card-border);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;padding:var(--spacing-sm);transition:var(--transition-normal);width:40px}.level-2 .expand-arrow{font-size:1.1rem;height:36px;padding:var(--spacing-sm);width:36px}.level-3 .expand-arrow{font-size:1rem;height:32px;padding:var(--spacing-xs);width:32px}.expand-arrow:hover:not(:disabled){background:var(--accent-primary);box-shadow:var(--shadow-md);color:var(--text-primary);transform:scale(1.1)}.expand-arrow:disabled{cursor:not-allowed;opacity:.5}.expand-arrow.expanded{background:var(--success);border-color:var(--success);color:var(--text-primary)}.expand-arrow.loading{background:var(--info-bg);border-color:var(--info);color:var(--accent-primary)}.expand-spinner{animation:spin 1s linear infinite;border:2px solid #3b82f64d;border-radius:50%;border-top:2px solid var(--accent-primary);height:16px;width:16px}.level-2 .expand-spinner{height:14px;width:14px}.level-3 .expand-spinner{height:12px;width:12px}.prediction-content{margin-bottom:var(--spacing-md)}.prediction-text{color:var(--text-dark);font-size:1rem;font-weight:400;line-height:1.6;margin:0}.level-2 .prediction-text{color:var(--text-dark);font-size:.95rem;line-height:1.5}.level-3 .prediction-text{color:var(--text-dark);font-size:.9rem;line-height:1.5}.children-container{animation:fadeIn .3s ease-in-out;border-left:2px solid var(--card-border);margin-top:var(--spacing-md);padding-left:var(--spacing-lg)}.level-2 .children-container{margin-top:var(--spacing-sm);padding-left:var(--spacing-md)}.level-3 .children-container{margin-top:var(--spacing-xs);padding-left:var(--spacing-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.children-header,.children-label{margin-bottom:var(--spacing-sm)}.children-label{background:var(--card-bg-secondary);border-radius:var(--radius-sm);color:var(--text-muted);display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.children-label,.level-2 .children-label{padding:var(--spacing-xs) var(--spacing-sm)}.level-2 .children-label{font-size:.8rem}.level-3 .children-label{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-xs)}.children-list{animation:slideIn .4s ease-out;display:flex;flex-direction:column;gap:var(--spacing-sm)}.level-2 .children-list,.level-3 .children-list{gap:var(--spacing-xs)}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.children-loading{align-items:center;animation:pulse 2s infinite;background:var(--card-bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--text-muted);display:flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-lg)}.level-2 .children-loading{font-size:.8rem;padding:var(--spacing-md)}.level-3 .children-loading{font-size:.75rem;padding:var(--spacing-sm)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.loading-spinner-small{animation:spin 1s linear infinite;border-top:2px solid var(--card-border);border:2px solid var(--card-border);border-radius:50%;border-top-color:var(--accent-primary);height:16px;width:16px}@media (max-width:768px){.prediction-card{margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.prediction-card.level-2,.prediction-card.level-3{margin-bottom:var(--spacing-xs);padding:var(--spacing-sm)}.prediction-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.prediction-meta{justify-content:space-between;width:100%}.prediction-card.level-2,.prediction-card.level-3{margin-left:var(--spacing-xs)}.connection-line{left:-10px}}@media (max-width:480px){.prediction-card{margin-bottom:var(--spacing-xs);padding:var(--spacing-sm)}.prediction-card.level-2,.prediction-card.level-3{margin-bottom:var(--spacing-xs);padding:var(--spacing-xs)}.children-container{padding-left:var(--spacing-sm)}.connection-line{left:-8px}.connection-line:before{width:4px}}.topic-prediction-form{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--card-shadow);margin:0 auto;max-width:800px;padding:var(--spacing-xl);transition:var(--transition-normal)}.topic-prediction-form:hover{box-shadow:var(--card-shadow-hover)}.form-container{width:100%}.form-header{border-bottom:2px solid var(--card-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);text-align:center}.form-header h2{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-dark);font-size:2.25rem;font-weight:700;margin:0 0 var(--spacing-sm) 0}.form-header p{color:var(--text-muted);font-size:1.125rem;line-height:1.6;margin:0}.prediction-form{gap:var(--spacing-xl)}.form-group,.prediction-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-sm)}.form-label{color:var(--text-dark);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.form-description{color:var(--text-muted);font-size:.875rem;line-height:1.5;margin:var(--spacing-xs) 0 0 0}.connection-notice{align-items:center;background:var(--warning-bg);border:1px solid var(--warning);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-lg)}.notice-icon{color:var(--warning);flex-shrink:0;font-size:1.25rem}.connection-notice p{color:var(--warning);font-size:.875rem;font-weight:500;line-height:1.5;margin:0}.form-input,.form-select,.form-textarea{background-color:var(--card-bg-secondary);border:2px solid var(--card-border);border-radius:var(--radius-lg);color:var(--text-dark);font-size:1rem;padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-normal)}.form-input:focus,.form-select:focus,.form-textarea:focus{background-color:var(--card-bg);border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--card-border);color:var(--text-muted);cursor:not-allowed}.form-textarea{font-family:inherit;line-height:1.6;min-height:120px;resize:vertical}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.dropdowns-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin:var(--spacing-sm) 0}@media (max-width:640px){.dropdowns-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}.generate-button{align-items:center;background:var(--accent-gradient);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg);min-height:56px;padding:var(--spacing-lg) var(--spacing-xl);transition:var(--transition-normal)}.generate-button:hover:not(:disabled){background:var(--accent-gradient-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.generate-button:active:not(:disabled){transform:translateY(0)}.generate-button.disabled,.generate-button:disabled{background:var(--card-border);box-shadow:none;color:var(--text-muted);cursor:not-allowed;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--text-primary);height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{align-items:center;background:var(--error-bg);border:1px solid var(--error);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.error-icon{color:var(--error);flex-shrink:0;font-size:1.25rem}.error-text{color:var(--error);font-size:.875rem;font-weight:500;line-height:1.5}.results-section{border-top:2px solid var(--card-border);margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl)}.results-header{margin-bottom:var(--spacing-xl)}.results-header h3{color:var(--text-dark);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm)}.original-input{background:var(--card-bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.results-summary{background:var(--info-bg);border:1px solid var(--info);border-radius:var(--radius-md);color:var(--text-muted);font-size:.875rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.loading-state{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-2xl);text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--card-border);border:3px solid var(--card-border);border-radius:50%;border-top-color:var(--accent-primary);height:40px;width:40px}.loading-state p{color:var(--text-muted);font-size:1rem;margin:0}.predictions-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width:768px){.topic-prediction-form{margin:0 var(--spacing-lg);padding:var(--spacing-lg)}.form-header h2{font-size:2rem}.form-header p{font-size:1rem}.generate-button{font-size:1rem;padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width:480px){.topic-prediction-form{margin:0 var(--spacing-md);padding:var(--spacing-md)}.form-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.form-header h2{font-size:1.75rem}.prediction-form{gap:var(--spacing-lg)}}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-contrast:high){.form-input,.form-select,.form-textarea{border-width:3px}.generate-button{border:2px solid var(--accent-primary)}}.app{background:linear-gradient(135deg,var(--primary-bg) 0,var(--secondary-bg) 50%,var(--tertiary-bg) 100%);background-attachment:fixed;display:flex;flex-direction:column;min-height:100vh;position:relative}.app:before{background:radial-gradient(circle at 20% 80%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf61a 0,#0000 50%),radial-gradient(circle at 40% 40%,#06b6d40d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.app>*{position:relative;z-index:1}.main-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-3xl);margin:0 auto;max-width:1200px;padding:var(--spacing-3xl) var(--spacing-xl);width:100%}@media (max-width:768px){.main-content{gap:var(--spacing-2xl);padding:var(--spacing-2xl) var(--spacing-lg)}}@media (max-width:480px){.main-content{gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-md)}}
/*# sourceMappingURL=main.96a91f68.css.map*/