*{box-sizing:border-box;margin:0;padding:0}:root{--ik-primary: #0098FF;--ik-primary-hover: #0080DD;--ik-primary-dark: #0066CC;--ik-primary-light: #E8F4FD;--ik-primary-border: #C9E4F6;--ik-bg-page: #F5F8FC;--ik-bg-card: #ffffff;--ik-bg-secondary: #EEF3F8;--ik-bg-tertiary: #F8FAFC;--ik-text-primary: #1F2937;--ik-text-secondary: #4B5563;--ik-text-muted: #9CA3AF;--ik-text-inverse: #ffffff;--ik-border: #E5E9F0;--ik-border-light: #F0F3F7;--ik-border-focus: var(--ik-primary);--ik-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--ik-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--ik-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--ik-shadow-primary: 0 4px 12px rgba(0, 152, 255, .2);--ik-radius-sm: 8px;--ik-radius-md: 12px;--ik-radius-lg: 16px;--ik-radius-xl: 24px;--ik-radius-full: 9999px;--ik-transition: .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:var(--ik-text-primary);background-color:var(--ik-bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--ik-user-message-bg: var(--ik-primary);--ik-user-message-text: #ffffff}:root[data-theme=dark]{--ik-primary: #0098FF;--ik-primary-hover: #38B6FF;--ik-primary-dark: #0080DD;--ik-primary-light: rgba(0, 152, 255, .15);--ik-primary-border: rgba(0, 152, 255, .3);--ik-bg-page: #0F172A;--ik-bg-card: #1E293B;--ik-bg-secondary: #334155;--ik-bg-tertiary: #1E293B;--ik-bg-sidebar: #0C1322;--ik-text-primary: #F1F5F9;--ik-text-secondary: #CBD5E1;--ik-text-muted: #64748B;--ik-text-inverse: #0F172A;--ik-border: #334155;--ik-border-light: #1E293B;--ik-border-focus: var(--ik-primary);--ik-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--ik-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--ik-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--ik-shadow-primary: 0 4px 12px rgba(0, 152, 255, .3);--ik-user-message-bg: #334155;--ik-user-message-text: #F1F5F9}html,body{height:100%}#root{height:100%;display:flex;flex-direction:column}.markdown-content p{margin:.5rem 0}.markdown-content p:first-child{margin-top:0}.markdown-content p:last-child{margin-bottom:0}.markdown-content h3{font-size:1rem;font-weight:600;margin:.75rem 0 .5rem;color:var(--ik-text-primary)}.markdown-content h3:first-child{margin-top:0}.markdown-content ul,.markdown-content ol{margin:.5rem 0 .5rem 1.5rem}.markdown-content li{margin:.25rem 0}.markdown-content strong{font-weight:600}.markdown-content code{background:var(--ik-bg-secondary);padding:.1rem .3rem;border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9em}.markdown-content pre{background:#2d2d2d;color:#f8f8f2;padding:.75rem;border-radius:4px;overflow-x:auto;margin:.5rem 0}.markdown-content pre code{background:none;padding:0;color:inherit}.markdown-content a{color:var(--ik-primary);text-decoration:none;transition:color var(--ik-transition)}.markdown-content a:hover{color:var(--ik-primary-hover);text-decoration:underline}.markdown-content img{max-width:100%;height:auto;border-radius:6px;margin:.5rem 0;display:block}.markdown-content blockquote{border-left:3px solid var(--ik-primary);margin:.5rem 0;padding-left:.75rem;color:var(--ik-text-secondary)}.markdown-content.markdown-compact p{margin:0}.markdown-content.markdown-compact ul,.markdown-content.markdown-compact ol{margin:.25rem 0 .25rem 1.25rem}.markdown-content.markdown-compact li{margin:.125rem 0}.markdown-content table{border-collapse:collapse;width:100%;margin:.75rem 0;font-size:.9em}.markdown-content th,.markdown-content td{border:1px solid var(--ik-border);padding:.5rem .75rem;text-align:left}.markdown-content th{background:var(--ik-bg-secondary);font-weight:600;color:var(--ik-text-primary)}.markdown-content tr:nth-child(2n){background:var(--ik-bg-tertiary)}.markdown-content tr:hover{background:var(--ik-primary-light)}.markdown-content.markdown-compact table{margin:.5rem 0;font-size:.85em}.markdown-content.markdown-compact th,.markdown-content.markdown-compact td{padding:.35rem .5rem}:root[data-theme=dark] .markdown-content code{background:var(--ik-bg-secondary)}:root[data-theme=dark] .markdown-content pre{background:#0d1117}.step-guide{margin-top:1.5rem;border-radius:var(--ik-radius-md);background:var(--ik-bg-tertiary);border:1px solid var(--ik-border)}.step-guide-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--ik-border)}.step-guide-icon{font-size:1rem}.step-guide-title{flex:1;font-weight:600;font-size:.875rem;color:var(--ik-text-secondary)}.step-guide-progress-text{font-size:.75rem;color:var(--ik-text-muted)}.step-guide-progress-bar{height:4px;background:var(--ik-border)}.step-guide-progress-fill{height:100%;background:var(--ik-primary);transition:width .3s ease}.step-guide-steps{padding:.5rem 0}.step-item{border-bottom:1px solid var(--ik-border);animation:step-enter .3s ease-out}@keyframes step-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.step-item:last-child{border-bottom:none}.step-item.completed .step-title{text-decoration:line-through;color:var(--ik-text-muted)}.step-item.completed .step-description{color:var(--ik-text-muted)}.step-item-main{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem}.step-checkbox{flex-shrink:0;width:28px;height:28px;border:2px solid var(--ik-border);border-radius:50%;background:var(--ik-bg-card);color:var(--ik-text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--ik-transition)}.step-checkbox:hover{border-color:var(--ik-primary);color:var(--ik-primary)}.step-item.completed .step-checkbox{background:var(--ik-primary);border-color:var(--ik-primary);color:var(--ik-text-inverse)}.step-content{flex:1;min-width:0}.step-title{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:var(--ik-text-primary)}.step-description{font-size:.8125rem;color:var(--ik-text-secondary);line-height:1.4}.step-description img{max-width:100%;height:auto;border-radius:6px;margin:.5rem 0}.step-expand{flex-shrink:0;width:24px;height:24px;border:none;background:none;color:var(--ik-text-muted);font-size:.625rem;cursor:pointer;border-radius:4px;transition:all var(--ik-transition)}.step-expand:hover{background:var(--ik-border);color:var(--ik-primary)}.step-details{padding:0 1rem .75rem 3.5rem;font-size:.8125rem;color:var(--ik-text-secondary);line-height:1.5}.step-command{display:flex;align-items:center;gap:.5rem;background:#212529;padding:.5rem .75rem;border-radius:4px}.step-command code{flex:1;color:#f8f8f2;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8125rem;overflow-x:auto}.step-copy{flex-shrink:0;width:24px;height:24px;border:none;background:none;cursor:pointer;opacity:.7;transition:opacity .2s}.step-copy:hover{opacity:1}:root[data-theme=dark] .step-guide{background:var(--ik-bg-card)}:root[data-theme=dark] .step-checkbox{background:var(--ik-bg-secondary)}.source-cards{margin-top:1.5rem;border-radius:var(--ik-radius-md);background:var(--ik-bg-tertiary);border:1px solid var(--ik-border)}.source-cards-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--ik-border)}.source-cards-icon{font-size:1rem}.source-cards-title{font-weight:600;font-size:.875rem;color:var(--ik-text-secondary)}.source-cards-scroll{display:flex;gap:.75rem;padding:.75rem 1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:1rem;-webkit-overflow-scrolling:touch}.source-cards-scroll::-webkit-scrollbar{height:6px}.source-cards-scroll::-webkit-scrollbar-track{background:var(--ik-border);border-radius:3px;margin:0 1rem}.source-cards-scroll::-webkit-scrollbar-thumb{background:var(--ik-text-muted);border-radius:3px}.source-cards-scroll::-webkit-scrollbar-thumb:hover{background:var(--ik-text-secondary)}.source-card{flex:0 0 auto;width:220px;padding:.75rem;background:var(--ik-bg-card);border:1px solid var(--ik-border);border-radius:var(--ik-radius-sm);text-decoration:none;color:inherit;scroll-snap-align:start;transition:all var(--ik-transition)}.source-card:hover{border-color:var(--ik-primary);box-shadow:var(--ik-shadow-primary);transform:translateY(-2px)}:root[data-theme=dark] .source-cards{background:var(--ik-bg-card)}:root[data-theme=dark] .source-card{background:var(--ik-bg-secondary)}:root[data-theme=dark] .source-card:hover{background:var(--ik-bg-tertiary)}.source-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.source-card-badge{display:inline-block;padding:.125rem .5rem;font-size:.75rem;font-weight:500;color:var(--ik-text-inverse);background:var(--ik-primary);border-radius:var(--ik-radius-sm)}.source-card-rank{font-size:.7rem;font-weight:600;color:var(--ik-text-muted);background:var(--ik-bg-secondary);padding:.125rem .375rem;border-radius:3px}.source-card-title{margin:0 0 .375rem;font-size:.875rem;font-weight:600;color:var(--ik-text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.source-card-snippet{margin:0;font-size:.75rem;color:var(--ik-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.quick-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.quick-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fff;border:1px solid #dee2e6;border-radius:20px;font-size:.8125rem;color:#495057;cursor:pointer;transition:all .2s}.quick-action-btn:hover{border-color:#06c;color:#06c;background:#f0f7ff}.quick-action-icon{font-size:.875rem}.quick-action-label{font-weight:500}.platform-availability{margin-top:1.5rem;border-radius:8px;background:#f8f9fa;border:1px solid #e9ecef}.platform-availability-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #e9ecef}.platform-availability-icon{font-size:1rem}.platform-availability-title{font-weight:600;font-size:.875rem;color:#495057}.platform-availability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;padding:.75rem 1rem}.platform-item{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:#fff;border:1px solid #dee2e6;border-radius:6px;text-align:center}.platform-item.availability-full{border-color:#28a745;background:#f8fff9}.platform-item.availability-partial{border-color:#ffc107;background:#fffdf5}.platform-item.availability-none{border-color:#dc3545;background:#fff8f8}.platform-icon{font-size:1.5rem;margin-bottom:.25rem}.platform-label{font-size:.75rem;font-weight:500;color:#495057;margin-bottom:.25rem}.platform-status{font-size:1rem;font-weight:700}.platform-notes{display:none;font-size:.625rem;color:#6c757d;margin-top:.25rem;line-height:1.2}.platform-item:hover .platform-notes{display:block}.platform-availability-legend{display:flex;justify-content:center;gap:1rem;padding:.5rem 1rem .75rem;font-size:.75rem;color:#6c757d}.legend-item{display:flex;align-items:center;gap:.25rem}.suggested-questions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;justify-content:center}.suggested-question{background:var(--ik-bg-card);border:1px solid var(--ik-border);border-radius:var(--ik-radius-xl);padding:.5rem 1rem;font-size:.875rem;color:var(--ik-text-secondary);cursor:pointer;transition:all var(--ik-transition);max-width:100%;text-align:left;line-height:1.4}.suggested-question:hover{background:var(--ik-bg-tertiary);border-color:var(--ik-primary);color:var(--ik-primary);transform:translateY(-1px);box-shadow:var(--ik-shadow-sm)}.suggested-question:active{transform:translateY(0)}:root[data-theme=dark] .suggested-question{background:var(--ik-bg-secondary);border-color:var(--ik-border)}:root[data-theme=dark] .suggested-question:hover{background:var(--ik-bg-card);border-color:var(--ik-primary)}.chat{display:flex;flex-direction:column;flex:1;width:100%;max-width:900px;margin:0 auto;padding:1.5rem;min-height:0}.chat-container{flex:1;background:var(--ik-bg-card);border-radius:var(--ik-radius-lg);padding:1.5rem;margin-bottom:1rem;overflow-y:auto;box-shadow:var(--ik-shadow-md);border:1px solid var(--ik-border-light)}:root[data-theme=dark] .chat-container{background:transparent;border:none;box-shadow:none}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--ik-text-muted);font-size:1rem;gap:.5rem}.chat-empty:before{content:"";width:48px;height:48px;background:linear-gradient(135deg,var(--ik-primary) 0%,#00D4FF 100%);border-radius:50%;opacity:.8;margin-bottom:.5rem}.message{margin-bottom:1.25rem;padding:.875rem 1rem;border-radius:var(--ik-radius-lg);max-width:85%;position:relative;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{background:var(--ik-user-message-bg);color:var(--ik-user-message-text);margin-left:auto;border-radius:var(--ik-radius-lg) var(--ik-radius-lg) 4px var(--ik-radius-lg);box-shadow:var(--ik-shadow-primary)}:root[data-theme=dark] .message.user{box-shadow:var(--ik-shadow-md)}.message.assistant{background:var(--ik-bg-secondary);color:var(--ik-text-primary);border:1px solid var(--ik-border);border-radius:var(--ik-radius-lg) var(--ik-radius-lg) var(--ik-radius-lg) 4px}:root[data-theme=dark] .message.assistant{background:transparent;border:none;padding-left:0;padding-right:0}.message-content{line-height:1.5}.message-content.markdown-content+.step-guide,.message-content.markdown-content+.source-cards,.message-content.markdown-content+.quick-actions,.message-content.markdown-content+.platform-availability{margin-top:1.5rem}.step-guide+.message-content.markdown-content,.source-cards+.message-content.markdown-content,.quick-actions+.message-content.markdown-content,.platform-availability+.message-content.markdown-content{margin-top:1rem}.message-content.status-indicator{color:var(--ik-text-muted);font-style:italic}.thinking-dots span{animation:thinkingDot 1.4s infinite;opacity:0}.thinking-dots span:nth-child(1){animation-delay:0s}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes thinkingDot{0%,20%{opacity:0}40%{opacity:1}60%,to{opacity:0}}.message-content.error-content{color:#b91c1c}.message.assistant:has(.error-content){background:#fef2f2;border:1px solid #FECACA;padding-bottom:.75rem}.tts-button-container{display:flex;justify-content:flex-end;margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--ik-border-light)}.tts-button{background:var(--ik-bg-card);border:1px solid var(--ik-border);cursor:pointer;padding:6px 12px;border-radius:var(--ik-radius-sm);display:flex;align-items:center;gap:6px;color:var(--ik-text-secondary);font-size:.8rem;box-shadow:var(--ik-shadow-sm);transition:all var(--ik-transition)}.tts-button:hover{background:var(--ik-bg-tertiary);border-color:var(--ik-primary);color:var(--ik-primary);box-shadow:var(--ik-shadow-md)}.tts-button:active{transform:scale(.97)}.tts-button.loading{color:var(--ik-text-muted);cursor:wait}.tts-button.playing{background:var(--ik-primary);border-color:var(--ik-primary);color:var(--ik-text-inverse);box-shadow:var(--ik-shadow-primary)}.tts-button.playing:hover{background:var(--ik-primary-hover);border-color:var(--ik-primary-hover);color:var(--ik-text-inverse)}.tts-button:disabled{cursor:wait}.tts-spinner{animation:tts-spin 1s linear infinite}@keyframes tts-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-form{display:flex;gap:.75rem;flex-shrink:0;background:var(--ik-bg-card);padding:.75rem;border-radius:var(--ik-radius-xl);box-shadow:var(--ik-shadow-md);border:1px solid var(--ik-border-light)}.chat-form input{flex:1;padding:.875rem 1.25rem;border:2px solid transparent;border-radius:var(--ik-radius-lg);font-size:1rem;background:var(--ik-bg-tertiary);color:var(--ik-text-primary);transition:all var(--ik-transition)}.chat-form input::placeholder{color:var(--ik-text-muted)}.chat-form input:focus{outline:none;border-color:var(--ik-primary);background:var(--ik-bg-card);box-shadow:0 0 0 3px #0098ff1a}.chat-form button{padding:.875rem 1.75rem;background:var(--ik-primary);color:var(--ik-text-inverse);border:none;border-radius:var(--ik-radius-lg);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--ik-transition);box-shadow:var(--ik-shadow-primary)}.chat-form button:hover:not(:disabled){background:var(--ik-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #0098ff4d}.chat-form button:active:not(:disabled){transform:translateY(0)}.chat-form button:disabled{background:var(--ik-border);color:var(--ik-text-muted);cursor:not-allowed;box-shadow:none}:root[data-theme=dark] .chat-form{background:var(--ik-bg-card);border-color:var(--ik-border)}:root[data-theme=dark] .chat-form input{background:var(--ik-bg-secondary)}:root[data-theme=dark] .chat-form input:focus{background:var(--ik-bg-card);box-shadow:0 0 0 3px #0098ff33}:root[data-theme=dark] .chat-form button:disabled{background:var(--ik-bg-secondary)}.access-denied{height:100%;display:flex;align-items:center;justify-content:center;background:var(--ik-bg-page);padding:2rem}.access-denied-content{text-align:center;max-width:400px}.access-denied-icon{width:64px;height:64px;margin:0 auto 1.5rem;color:var(--ik-text-secondary)}.access-denied-icon svg{width:100%;height:100%}.access-denied h2{font-size:1.5rem;font-weight:600;color:var(--ik-text-primary);margin:0 0 .75rem}.access-denied p{font-size:1rem;color:var(--ik-text-secondary);margin:0;line-height:1.5}.tts-loading-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.tts-loading-content{background:#fff;padding:2rem;border-radius:12px;text-align:center;max-width:400px;box-shadow:0 4px 20px #0000004d}.tts-loading-content h3{margin:0 0 1rem;color:#333}.tts-loading-status{margin:.5rem 0;color:#666}.tts-progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;margin-top:1rem;overflow:hidden}.tts-progress-fill{height:100%;background:#06c;border-radius:4px;transition:width .3s ease}.tts-error{color:#c00;margin-top:1rem}.tts-retry-btn{margin-top:1rem;padding:.5rem 1rem;background:#06c;color:#fff;border:none;border-radius:6px;cursor:pointer}.tts-retry-btn:hover{background:#0052a3}.theme-toggle{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--ik-bg-secondary);border:1px solid var(--ik-border);border-radius:var(--ik-radius-sm);cursor:pointer;font-size:.8125rem;color:var(--ik-text-secondary);transition:all var(--ik-transition)}.theme-toggle:hover{background:var(--ik-bg-tertiary);border-color:var(--ik-primary);color:var(--ik-primary)}.theme-toggle-icon{font-size:1rem;line-height:1}.theme-toggle-label{font-weight:500}.app{height:100%;display:flex;flex-direction:column;background:var(--ik-bg-page)}.app-header{display:flex;align-items:center;justify-content:space-between;background:var(--ik-bg-card);color:var(--ik-text-primary);padding:.75rem 1.5rem;flex-shrink:0;border-bottom:1px solid var(--ik-border);box-shadow:var(--ik-shadow-sm)}:root[data-theme=dark] .app-header{background:var(--ik-bg-page);border-bottom-color:var(--ik-border)}.app-header h1{font-size:1.25rem;font-weight:600;margin:0;color:var(--ik-primary);letter-spacing:-.01em}.app-main{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.app-loading{flex:1;display:flex;align-items:center;justify-content:center}