body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chat-container{background-color:initial;border:1px solid #fff3;border-radius:12px;display:flex;flex-direction:column;height:100%;margin:0 auto}.specific-move-analysis{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #dee2e6;border-radius:8px;box-shadow:0 2px 8px #00000014;margin:15px 0;padding:20px}.move-analysis-header{margin-bottom:15px}.analyzed-move{align-items:center;display:flex;gap:10px;margin-bottom:10px}.move-label{color:#6c757d;font-weight:600}.main-move-button{align-items:center;background:linear-gradient(135deg,#e9ecef,#f8f9fa);border:2px solid #007cba;border-radius:6px;box-shadow:0 2px 4px #007cba33;color:#1a1a1a;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:10px;padding:12px 24px;transition:all .2s}.main-move-button:hover{background:linear-gradient(135deg,#007cba,#0056b3);color:#fff;transform:translateY(-1px)}.move-score{background:#0000001a;border-radius:4px;font-size:12px;padding:2px 6px}.move-variations{margin-top:15px}.variations-header{color:#d68910;font-size:14px;font-weight:600;margin-bottom:8px}.variation-line{border-bottom:1px solid #eee;display:block;margin-bottom:12px;padding:8px 0}.variation-line:last-child{border-bottom:none}.variation-moves-row{color:#2c3e50;font-family:Courier New,monospace;font-size:14px;font-weight:700;margin-bottom:4px}.variation-text-row{background:#ffffffb3;border-left:3px solid #007cba;border-radius:4px;color:#666;font-size:13px;font-style:italic;line-height:1.4;margin-bottom:6px;padding:8px 12px}.variation-moves{color:#1a1a1a;font-family:monospace;font-weight:600}.variation-result{color:#666;font-size:12px;font-style:italic}.teaching-sequence-analysis{background:linear-gradient(135deg,#e8f5e8,#fff);border:2px solid #4caf50;border-radius:8px;margin:15px 0;padding:15px}.sequence-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.sequence-title{color:#2e7d32;font-size:16px;font-weight:600}.play-sequence-button{background:linear-gradient(135deg,#4caf50,#66bb6a);font-size:14px;padding:8px 12px;transition:all .2s}.play-sequence-button:hover{background:linear-gradient(135deg,#43a047,#4caf50);transform:translateY(-1px)}.sequence-moves-list{display:flex;flex-direction:column;gap:12px}.sequence-step{align-items:flex-start;background:#ffffffb3;border-left:3px solid #4caf50;border-radius:6px;display:flex;gap:10px;padding:10px}.step-number{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.sequence-move-button{background:#4caf501a;border:1px solid #4caf50;border-radius:4px;color:#2e7d32;cursor:pointer;font-weight:600;padding:4px 8px;transition:all .2s}.sequence-move-button:hover{background:#4caf50;color:#fff}.step-explanation{color:#333;flex:1 1;font-size:14px;line-height:1.4;margin-left:8px}.position-overview-analysis{margin:15px 0}.position-overview-analysis .top-lines-header{color:#1976d2;font-weight:600;margin-bottom:12px}.theme-attack .top-line-header{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left:3px solid #f44336}.theme-development .top-line-header{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-left:3px solid #4caf50}.theme-pressure .top-line-header{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:3px solid #ff9800}.line-theme{background:#0000001a;border-radius:3px;font-size:10px;letter-spacing:.5px;padding:2px 4px;text-transform:uppercase}.question-type-toggle{background-color:#2c2c2c;border-top:1px solid #444;color:#e0e0e0;padding:8px 15px 12px}.toggle-container{align-items:center;color:#e0e0e0;cursor:pointer;display:flex;font-size:14px;gap:8px}.toggle-checkbox{height:16px;width:16px}.toggle-label{font-weight:500;-webkit-user-select:none;user-select:none}.message{position:relative}.message-move-nav{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 1px 3px #0003;display:flex;height:24px;justify-content:center;position:absolute!important;right:8px!important;top:8px!important;width:24px;z-index:10}.message-move-nav:hover{background:#fff;box-shadow:0 2px 6px #0000004d;transform:scale(1.1)}.ai-arrows-badge,.ai-highlights-badge{background:#4caf50;border-radius:12px;color:#fff;display:inline-block;font-size:11px;margin-left:5px;padding:2px 8px}.top-lines-container{border-radius:12px;margin:15px 0}.top-lines-header{color:#2196f3}.top-lines-buttons{display:flex;flex-direction:column;gap:8px}.top-line-button{border-radius:10px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:12px;padding:14px;text-align:left;transition:all .3s ease}.top-line-button:hover{background-color:#f0f8ff;border-color:#2196f3;box-shadow:0 2px 4px #2196f31a}.top-line-button.line-1{background:linear-gradient(135deg,#4caf5014,#4caf5008);border:1px solid #4caf504d}.top-line-button.line-2{background:linear-gradient(135deg,#ff980014,#ff980008);border:1px solid #ff98004d}.top-line-button.line-3{background:linear-gradient(135deg,#9c27b014,#9c27b008);border:1px solid #9c27b04d}.line-number{align-items:center;background-color:#2196f3;border-radius:50%;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.line-move,.line-number{flex-shrink:0;font-weight:700}.line-move{background-color:#f8f9fa;border-radius:4px;color:#333;font-size:16px;min-width:50px;padding:4px 8px;text-align:center}.top-line-header{align-items:center;display:flex;gap:12px;width:100%}.line-description{color:#666;font-size:14px;line-height:1.4;margin-top:4px;padding-left:0}.line-score{color:#2196f3;flex-shrink:0;font-size:13px;font-weight:700;margin-left:auto}.followup-questions-container{background:linear-gradient(135deg,#ffc10714,#ffc10708);border:1px solid #ffc1074d;border-radius:10px;box-shadow:0 2px 6px #ffc1071a;margin-top:15px;padding:14px}.followup-questions-header{color:#f57c00;font-size:13px;font-weight:700;margin-bottom:8px}.followup-questions-list{display:flex;flex-direction:column;gap:6px}.followup-question{align-items:flex-start;display:flex;gap:8px}.question-bullet{flex-shrink:0;font-size:12px;margin-top:1px}.question-text{color:#666;flex:1 1;font-size:13px;line-height:1.4}.ask-question-button{align-items:center;background-color:#3066be;border:1px solid #2851a3;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:500;gap:4px;margin-left:8px;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.ask-question-button:hover:not(:disabled){background-color:#2851a3;border-color:#1e3a8a;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.ask-question-button:active:not(:disabled){box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.ask-question-button:disabled{background-color:#ccc;border-color:#bbb;box-shadow:none;color:#888;cursor:not-allowed;transform:none}.ask-question-button i{font-size:10px}.starter-prompts-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin:0;max-height:60vh;overflow-y:auto;padding:15px 10px}.faq-section{margin-bottom:20px}.faq-section:last-child{margin-bottom:0}.faq-section-header{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.faq-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:20px}.faq-section-header h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.faq-buttons{display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:600px}.faq-button{align-items:center;background-color:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;line-height:1.4;padding:12px 16px;text-align:left;transition:all .3s ease}.faq-button.general{border-left:4px solid #3066be}.faq-button.position{border-left:4px solid #4caf50}.faq-button:hover:not(:disabled){box-shadow:0 3px 8px #00000026;transform:translateY(-1px)}.faq-button.general:hover:not(:disabled){background-color:#3066be1a;border-color:#3066be;color:#2851a3}.faq-button.position:hover:not(:disabled){background-color:#4caf501a;border-color:#4caf50;color:#2e7d32}.faq-button:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.faq-button:disabled{background-color:#f8f9fa;border-color:#dee2e6;box-shadow:none;color:#adb5bd;cursor:not-allowed;transform:none}.faq-number{align-items:center;background-color:#6c757d;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:20px;justify-content:center;width:20px}.faq-button.general .faq-number{background-color:#3066be}.faq-button.position .faq-number{background-color:#4caf50}@media (max-width:768px){.starter-prompts-container{margin:0;padding:15px 8px}.messages-container{padding:15px 8px}.input-container{flex-wrap:wrap;min-height:80px;padding:15px 8px}.input-controls-left{justify-content:flex-start;margin-bottom:8px;margin-right:0;order:1;width:100%}.input-container input{flex:1 1;order:2}.input-container button{order:3}.header-tagline p{font-size:12px;text-align:center}.faq-buttons{max-width:100%}.faq-button{font-size:13px;padding:10px 12px}.faq-section-header h3{font-size:15px}}.markdown-content{line-height:1.6}.markdown-h1,.markdown-h2,.markdown-h3{color:#2c3e50;font-weight:600;margin:16px 0 8px}.markdown-h1{border-bottom:2px solid #e9ecef;font-size:1.5em;padding-bottom:8px}.markdown-h2{border-bottom:1px solid #e9ecef;font-size:1.3em;padding-bottom:6px}.markdown-h3{color:#3066be;font-size:1.2em;margin:12px 0 6px}.markdown-ol,.markdown-ul{margin:8px 0;padding-left:24px}.markdown-li{line-height:1.5;margin:4px 0}.markdown-li .markdown-strong{color:#2c3e50;font-weight:600}.markdown-p{line-height:1.5;margin:8px 0}.markdown-strong{color:#2c3e50;font-weight:600}.markdown-link{border-bottom:1px solid #0000;border-radius:3px;color:#3066be;font-weight:500;padding:2px 4px;text-decoration:none;transition:all .2s ease}.markdown-link:hover{background-color:#3066be1a;border-bottom-color:#3066be;text-decoration:none}.markdown-link:visited{color:#6b46c1}.markdown-link:after{color:#666;content:" ↗";font-size:.8em;margin-left:2px}.markdown-content .clickable-move{color:#3066be;cursor:pointer;font-weight:600;text-decoration:underline;transition:all .2s ease}.markdown-content .clickable-move:hover{background-color:#3066be1a;border-radius:3px;padding:1px 2px}@media (max-width:768px){.markdown-h1{font-size:1.3em}.markdown-h2{font-size:1.2em}.markdown-h3{font-size:1.1em}}.chat-header{background-color:#3066be;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;color:#fff;height:80px;justify-content:space-between;padding:15px 0 15px 30px;text-align:center}.chat-header,.title-section{align-items:center;display:flex}.logo{border-radius:6px;height:48px;width:48px}.clickable-logo{cursor:pointer;opacity:1;transition:all .2s ease}.clickable-logo:hover{opacity:.8;transform:scale(1.05)}.clickable-logo:active{transform:scale(.95)}.header-tagline{align-items:center;display:flex;flex:0 0 auto;margin-left:auto;margin-right:10px}.header-tagline p{color:#ffffffe6;font-size:14px;font-weight:400;margin:0;text-align:right}.header-tagline strong{font-weight:600}.indie-chess-link{border-bottom:1px solid #0000;color:gold!important;text-decoration:none;transition:all .2s ease}.indie-chess-link:hover{border-bottom-color:gold;color:#ffed4e!important;text-decoration:none;transform:translateY(-1px)}.indie-chess-link:visited{color:gold!important}.indie-chess-link strong{color:inherit}.input-controls-left{display:flex;flex-direction:column;gap:4px;margin-right:10px;min-width:120px}.audience-dropdown,.mode-dropdown{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#333;cursor:pointer;font-size:13px;font-weight:500;max-width:100px;min-width:90px;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.audience-dropdown.compact,.mode-dropdown.compact{font-size:11px;max-width:120px;min-width:100px;padding:4px 6px;text-align:center;width:100%}.audience-dropdown:disabled,.mode-dropdown:disabled{background-color:#f8f9fa;color:#666;cursor:not-allowed;opacity:.7}.audience-dropdown:hover:not(:disabled),.mode-dropdown:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.audience-dropdown:focus,.mode-dropdown:focus{background-color:#fff;border-color:#3066be;box-shadow:0 0 0 2px #3066be33;outline:none}.chat-header h2{flex:1 1;margin:0}.close-faq-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .3s;width:30px}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:8px;height:calc(100vh - 200px);max-height:calc(100vh - 200px);overflow-y:auto}.message{display:flex;margin-bottom:10px}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.message-content{word-wrap:break-word;border-radius:18px;max-width:70%;padding:12px 16px}.message.user .message-content{background-color:#2196f3;color:#fff}.message.bot .message-content{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014;color:#333}.input-container{align-items:center;background-color:#fff;box-shadow:0 -2px 5px #0000001a;display:flex;flex-shrink:0;gap:8px;min-height:70px;padding:15px 10px}.input-container input{border:1px solid #ddd;border-radius:25px;flex:1 1;font-size:16px;outline:none;padding:12px}.input-container input:focus{border-color:#2196f3}.input-container button{background-color:#2196f3;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;margin-left:10px;padding:12px 24px;transition:background-color .3s}.input-container button:hover:not(:disabled){background-color:#1976d2}.input-container button:disabled{cursor:not-allowed;opacity:.6}.save-chat-button{align-items:center!important;background-color:#4caf50!important;display:flex!important;font-size:18px!important;justify-content:center!important;margin-left:8px!important;min-width:48px!important;padding:12px 16px!important}.save-chat-button:hover:not(:disabled){background-color:#45a049!important}.save-chat-button:disabled{background-color:#ccc!important;opacity:.6}.loading{display:flex;gap:3px}.loading span{animation:blink 1.4s infinite}.loading span:first-child{animation-delay:0s}.loading span:nth-child(2){animation-delay:.2s}.loading span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.3}30%{opacity:1}}.faq-container{background-color:#fff;flex:1 1;overflow-y:auto;padding:20px}.faq-list{list-style:none;margin:0;padding:0}.faq-item{background-color:#f8f9fa;border-left:4px solid #2196f3;border-radius:4px;color:#333;cursor:pointer;font-size:16px;margin-bottom:10px;padding:15px 20px;transition:all .3s ease}.faq-item:hover{background-color:#e3f2fd;transform:translateX(5px)}.save-section{align-items:center;display:flex;flex-direction:column;margin-left:8px}.rate-limit-indicator{align-items:center;color:#666;display:flex;font-size:11px;justify-content:center;white-space:nowrap}.rate-limit-text{background-color:#f0f0f0;border:1px solid #ddd;border-radius:3px;font-size:10px;font-weight:600;min-width:24px;padding:2px 6px;text-align:center}.faq-item:before{color:#2196f3;content:"•";font-weight:700;margin-right:10px}.chess-move-response{display:flex;flex-direction:column;gap:8px}.move-choice{background-color:#2196f31a;border-left:3px solid #2196f3;border-radius:4px;color:#1976d2;font-size:18px;font-weight:700;padding:6px 10px}.move-explanation{color:#555;font-size:14px;line-height:1.4}.message.system .message-content{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border:1px solid #ffc1074d;border-radius:10px;box-shadow:0 2px 4px #ffc1071a;color:#856404;font-family:monospace;font-size:13px}.screenshot-status{align-items:center;display:flex}.status-text{background-color:#ffffff1a;border-radius:12px;font-size:11px;font-weight:400;opacity:.8;padding:4px 8px;white-space:nowrap}.copilot-response{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:12px;overflow:hidden;padding:16px}.response-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.mode-badge{background-color:#2196f3;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px}.annotation-badge{background-color:#ff9800}.annotation-badge,.image-badge{border-radius:10px;color:#fff;font-size:10px;font-weight:500;padding:3px 6px}.image-badge{background-color:#4caf50}.screenshot-badge{background-color:#795548;border-radius:10px;color:#fff;font-size:10px;font-weight:500;opacity:.8;padding:3px 6px}.response-content{color:#333;line-height:1.5}.mode-explain{background:linear-gradient(135deg,#f8f9fa,#fff)}.mode-suggest{background:linear-gradient(135deg,#4caf500d,#4caf5005);border:1px solid #4caf5033}.mode-annotate{background:linear-gradient(135deg,#ff98000d,#ff980005);border:1px solid #ff980033}.mode-caption{background:linear-gradient(135deg,#e91e630d,#e91e6305);border:1px solid #e91e6333;font-style:italic}.mode-coach{background:linear-gradient(135deg,#9c27b00d,#9c27b005);border:1px solid #9c27b033}.mode-caption .response-content{background:linear-gradient(135deg,#e91e631a,#e91e630d);border:1px solid #e91e6333;border-radius:12px;font-size:16px;font-weight:500;padding:16px;text-align:center}.mode-coach .response-content{background:linear-gradient(135deg,#9c27b014,#9c27b008);border:1px solid #9c27b033;border-radius:12px;padding:16px}.toggle-label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.toggle-checkbox{-webkit-appearance:none;appearance:none;background-color:#ffffff4d;border-radius:20px;cursor:pointer;height:20px;position:relative;transition:all .3s ease;width:40px}.toggle-checkbox:checked{background-color:#4caf50}.toggle-checkbox:after{background-color:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:16px}.toggle-checkbox:checked:after{transform:translateX(20px)}.toggle-text{font-weight:500;-webkit-user-select:none;user-select:none}.clickable-move{cursor:pointer;position:relative;transition:all .2s ease}.clickable-move:hover{background-color:#2196f326;box-shadow:2px 2px 5px #0000001a;transform:translateX(3px)}.clickable-move:active{background-color:#2196f340;transform:translateX(1px)}.move-sequence-container{background-color:#9c27b00d;border:1px solid #9c27b033;border-radius:8px;margin-top:15px;padding:15px}.play-sequence-button{align-items:center;background-color:#9c27b0;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;margin-bottom:10px;padding:10px 20px;transition:all .3s ease}.play-sequence-button:hover{background-color:#7b1fa2;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.play-sequence-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.sequence-moves{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sequence-move{background-color:#fff;border:2px solid #9c27b0;border-radius:16px;color:#9c27b0;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s ease}.clickable-sequence-move{cursor:pointer}.clickable-sequence-move:hover{background-color:#9c27b0;box-shadow:0 4px 8px #0003;color:#fff;transform:translateY(-2px)}.clickable-sequence-move:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.inline-clickable-move{background-color:#2196f31a;border:1px solid #2196f34d;border-radius:6px;color:#1976d2;cursor:pointer;display:inline-block;font-weight:500;margin:0 2px;padding:4px 8px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.inline-clickable-move:hover{background-color:#2196f333;border-color:#2196f380;box-shadow:0 3px 6px #0000001a;transform:translateY(-1px)}.inline-clickable-move:active{background-color:#2196f34d;box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.inline-clickable-move.bold-move{background-color:#1976d226;border-color:#1976d266;color:#0d47a1;font-weight:700}.inline-clickable-move.bold-move:hover{background-color:#1976d240;border-color:#1976d299;box-shadow:0 4px 8px #00000026}.inline-clickable-move.bold-move:active{background-color:#1976d259}.position-type-header{align-items:center;border-left:4px solid;border-radius:8px;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px;padding:8px 12px}.position-checkmate{background:linear-gradient(135deg,#f443361a,#f443360d);border-left-color:#f44336;color:#c62828}.position-mate-in-x{background:linear-gradient(135deg,#ff98001a,#ff98000d);border-left-color:#ff9800;color:#ef6c00}.position-only-move{background:linear-gradient(135deg,#9c27b01a,#9c27b00d);border-left-color:#9c27b0;color:#7b1fa2}.position-critical{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border-left-color:#ffc107;color:#f57c00}.position-crushing-win{background:linear-gradient(135deg,#4caf501a,#4caf500d);border-left-color:#4caf50;color:#388e3c}.position-icon{flex-shrink:0;font-size:16px}.position-label{flex:1 1;letter-spacing:.5px;text-transform:uppercase}.evaluation-badge{align-items:center;border:1px solid;border-radius:6px;display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:10px;padding:6px 10px}.eval-even{background:linear-gradient(135deg,#607d8b1a,#607d8b0d);border-color:#607d8b;color:#455a64}.eval-slightly-better{background:linear-gradient(135deg,#2196f31a,#2196f30d);border-color:#2196f3;color:#1976d2}.eval-better{background:linear-gradient(135deg,#ff98001a,#ff98000d);border-color:#ff9800;color:#f57c00}.eval-winning{background:linear-gradient(135deg,#4caf501a,#4caf500d);border-color:#4caf50;color:#388e3c}.eval-crushing{background:linear-gradient(135deg,#f443361a,#f443360d);border-color:#f44336;color:#d32f2f}.eval-icon{flex-shrink:0;font-size:14px}.material-badge{align-items:center;border:1px solid;border-radius:6px;display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:10px;padding:6px 10px}.material-positive{background:linear-gradient(135deg,#4caf501a,#4caf500d);border-color:#4caf50;color:#2e7d32}.material-negative{background:linear-gradient(135deg,#f443361a,#f443360d);border-color:#f44336;color:#c62828}.material-badge.material-positive.material-badge.material-negative{background:linear-gradient(135deg,#607d8b1a,#607d8b0d);border-color:#607d8b;color:#455a64}.material-icon{flex-shrink:0;font-size:14px}.material-text{align-items:center;display:flex;flex:1 1;gap:4px}.material-points{background-color:#ffffff4d;border-radius:3px;font-size:11px;font-weight:600;margin-left:4px;padding:1px 4px}.material-details{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.numerical-advantage{background-color:#2196f333;border:1px solid #2196f34d;border-radius:4px;color:#1565c0;font-size:11px;font-weight:700;padding:2px 6px}.piece-notation{background-color:#607d8b33;border:1px solid #607d8b4d;border-radius:4px;color:#455a64;font-family:Courier New,monospace;font-size:11px;white-space:nowrap}.move-quality,.piece-notation{font-weight:600;padding:2px 6px}.move-quality{align-items:center;border-radius:4px;display:inline-flex;font-size:10px;gap:4px;letter-spacing:.3px;margin-left:6px;text-transform:uppercase}.quality-best{background-color:#4caf5033;border:1px solid #4caf5066;color:#2e7d32}.quality-good{background-color:#2196f333;border:1px solid #2196f366;color:#1565c0}.quality-worse{background-color:#f4433633;border:1px solid #f4433666;color:#c62828}.english-toggle-button{background-color:#607d8b1a;border:1px solid #607d8b4d;border-radius:4px;color:#455a64;cursor:pointer;font-size:11px;font-weight:500;margin-left:auto;padding:4px 8px;transition:all .2s ease}.english-toggle-button:hover{background-color:#607d8b33;border-color:#607d8b80;transform:translateY(-1px)}.english-toggle-button:active{transform:translateY(0)}.top-lines-header{align-items:center;color:#333;display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin-bottom:10px}.top-line-button.quality-best{background:linear-gradient(135deg,#4caf500d,#4caf5005);border-left:4px solid #4caf50}.top-line-button.quality-good{background:linear-gradient(135deg,#2196f30d,#2196f305);border-left:4px solid #2196f3}.top-line-button.quality-worse{background:linear-gradient(135deg,#f443360d,#f4433605);border-left:4px solid #f44336}.main-move-button.quality-best{background:linear-gradient(135deg,#4caf501a,#4caf500d);border:2px solid #4caf50;color:#2e7d32}.main-move-button.quality-good{background:linear-gradient(135deg,#2196f31a,#2196f30d);border:2px solid #2196f3;color:#1565c0}.main-move-button.quality-worse{background:linear-gradient(135deg,#f443361a,#f443360d);border:2px solid #f44336;color:#c62828}.move-english-description{background-color:#607d8b1a;border:1px solid #607d8b33;border-radius:3px;color:#666;font-size:11px;font-style:italic;margin-top:4px;padding:2px 6px}.theme-tactical{box-shadow:0 0 0 2px #f443364d}.theme-positional{box-shadow:0 0 0 2px #2196f34d}.theme-development{box-shadow:0 0 0 2px #4caf504d}.theme-attack{box-shadow:0 0 0 2px #ff98004d}.ai-arrows-badge{background-color:#9c27b0cc}.ai-arrows-badge,.ai-highlights-badge{align-items:center;border-radius:10px;color:#fff;display:inline-flex;font-size:10px;font-weight:500;gap:4px;padding:3px 6px}.ai-highlights-badge{background-color:#ff9800cc}.chess-game-container{background-color:#1a1a1a;display:flex;flex-direction:column;height:100vh}.move-span.has-chat{background:linear-gradient(135deg,#007cba1a,#007cba0d)}.chat-indicator{background:#007cba1a;border-radius:50%;display:inline-block;font-size:12px!important;height:16px;line-height:16px;margin-left:4px!important;text-align:center;transition:all .2s ease!important;width:16px}.chat-indicator:hover{background:#007cba33;transform:scale(1.2)!important}.chess-header{align-items:center;background-color:#3066be;box-sizing:border-box;color:#fff;display:flex;height:80px;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.chess-header h2{color:#fff;margin:0}.header-controls{align-items:center;display:flex;gap:15px;justify-content:center;width:100%}.new-game-button{background-color:#90ee90;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#2c3e50;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.new-game-button:hover{background-color:#7fdd7f;box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.new-game-button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.icon-buttons{gap:8px}.icon-button,.icon-buttons{align-items:center;display:flex}.icon-button{background-color:#ffffff26;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.icon-button:hover{background-color:#ffffff40;box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.icon-button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.turn-display{align-items:center;background-color:#ffffff26;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:default;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.check-indicator{animation:pulse 1s infinite;color:#ff6b35;font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.header-button{align-items:center;background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.header-button:hover{background-color:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.header-button:active{background-color:#ffffff4d;transform:translateY(0)}.reset-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.reset-button:hover{background-color:#45a049}.chess-board{display:flex;justify-content:center;margin-bottom:20px}.chessboard-capture-wrapper{display:inline-block;height:400px;overflow:visible;position:relative;width:400px}.game-info{color:#333;font-size:16px;text-align:center}.game-info p{margin:5px 0}.game-status{background-color:#2a4a2e;border:2px solid #4caf50;border-radius:8px;color:#e0e0e0;font-weight:700;margin:20px 0;padding:15px;text-align:center}.check-warning{color:#f44336;font-weight:700}.setup-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;padding:0 10px}.setup-button{background-color:#3066be;border:1px solid #555;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:10px 16px;transition:all .3s ease}.setup-button:hover{background-color:#2851a3;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.setup-button:active{transform:translateY(0)}.move-history-section{background-color:#2a2a2a;border-radius:8px;box-shadow:0 2px 4px #0000004d;margin:20px 15px;padding:15px}.move-history-section h3{color:#e0e0e0;font-size:16px;margin:0 0 10px;text-align:center}.pgn-moves-container{margin-bottom:12px}.pgn-moves{-webkit-overflow-scrolling:touch;display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;padding:8px 4px;scroll-behavior:smooth}.pgn-moves::-webkit-scrollbar{height:6px}.pgn-moves::-webkit-scrollbar-track{background:#333;border-radius:3px}.pgn-moves::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.pgn-moves::-webkit-scrollbar-thumb:hover{background:#888}.move-span{background-color:#404040;border:1px solid #555;border-radius:4px;color:#e0e0e0;cursor:pointer;flex-shrink:0;font-family:monospace;font-size:12px;min-width:60px;padding:6px 12px;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.move-span:hover{background-color:#505050;border-color:#64b5f6}.move-span.active{background-color:#2196f3;border-color:#1976d2;color:#fff;font-weight:700}.move-navigation{gap:8px;margin-top:12px}.move-navigation,.nav-button{display:flex;justify-content:center}.nav-button{align-items:center;background-color:#404040;border:1px solid #555;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:16px;height:44px;min-width:44px;padding:10px 12px;transition:all .2s ease}.nav-button:hover:not(:disabled){background-color:#505050;border-color:#64b5f6;color:#64b5f6}.nav-button:active:not(:disabled){background-color:#2196f3;color:#fff;transform:translateY(1px)}.nav-button:disabled{background-color:#2a2a2a;border-color:#444;color:#666;cursor:not-allowed;opacity:.6}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.modal-content.position-modal{max-width:450px}.modal-content.pgn-modal{max-width:500px}.modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#333;font-size:18px;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.modal-close:hover{background-color:#0000001a}.modal-body{padding:24px}.modal-body p{color:#666;line-height:1.5;margin:0 0 16px}.fen-input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:Courier New,monospace;font-size:14px;line-height:1.4;padding:12px;resize:vertical;transition:border-color .2s}.fen-input.narrow{display:block;margin:0 auto;width:70%}.pgn-input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:Courier New,monospace;font-size:14px;line-height:1.4;min-height:120px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.fen-input:focus,.pgn-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-button.cancel{background-color:#f5f5f5;color:#666}.modal-button.cancel:hover{background-color:#e0e0e0}.modal-button.import{background-color:#4caf50;color:#fff}.modal-button.import:hover{background-color:#45a049;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.position-editor-section{margin-bottom:20px}.editor-toggle,.input-mode-toggle{border:2px solid #e0e0e0;border-radius:6px;display:flex;margin-bottom:16px;overflow:hidden}.toggle-button{background-color:#f8f9fa;border:none;color:#666;cursor:pointer;flex:1 1;font-weight:500;padding:10px 16px;transition:all .2s ease}.toggle-button:hover{background-color:#e9ecef}.toggle-button.active{background-color:#2196f3;color:#fff}.board-editor-container{text-align:center}.board-editor-container p{color:#666;font-size:14px;margin-bottom:12px}.mini-chessboard{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:center;margin:16px 0;padding:12px}.fen-input-container,.pgn-text-container{text-align:center}.fen-input-container p,.pgn-file-container p,.pgn-text-container p{color:#666;font-size:14px;margin-bottom:12px}.pgn-input-section{margin-bottom:20px}.pgn-file-container{padding:40px 20px;text-align:center}.file-upload-button{align-items:center;background-color:#f8f9fa;border:2px dashed #ccc;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.file-upload-button:hover{background-color:#e9ecef;border-color:#2196f3;color:#2196f3}.file-upload-button i{font-size:16px}.fen-builder{gap:12px}.fen-builder,.spare-pieces-row{align-items:center;display:flex;flex-direction:column}.spare-pieces-row{gap:6px;width:100%}.pieces-label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.spare-pieces{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:8px}.board-actions{display:flex;gap:8px;margin-top:8px}.board-action-button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.board-action-button.clear{background-color:#f44336;color:#fff}.board-action-button.clear:hover{background-color:#d32f2f}.board-action-button.reset{background-color:#4caf50;color:#fff}.board-action-button.reset:hover{background-color:#45a049}.modal-content.image-modal{max-width:500px}.image-upload-section{text-align:center}.image-upload-area{margin:20px 0}.image-upload-button{align-items:center;background-color:#2196f3;border:2px solid #2196f3;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;padding:16px 24px;text-decoration:none;transition:all .2s ease}.image-upload-button:hover{background-color:#1976d2;border-color:#1976d2;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.image-preview{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:20px 0;padding:16px}.image-preview h4{color:#333;font-size:14px;margin:0 0 12px}.preview-image{border:2px solid #ddd;border-radius:6px;display:block;margin:0 auto 8px;max-height:200px;max-width:200px}.image-name{color:#666;font-size:12px;font-style:italic;margin:0}.error-message{align-items:center;background-color:#ffebee;border:1px solid #ffcdd2;color:#c62828;display:flex;font-size:14px;gap:8px;margin:16px 0}.image-requirements{background-color:#f3f4f6;border-radius:8px;margin:20px 0;padding:16px;text-align:left}.image-requirements h4{color:#333;font-size:14px;margin:0 0 12px}.image-requirements ul{color:#666;font-size:13px;line-height:1.5;margin:0;padding-left:20px}.image-requirements li{margin-bottom:4px}.modal-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.modal-button:disabled:hover{background-color:inherit;transform:none!important}.modal-button .fa-spinner{margin-right:8px}.history-tab-headers{border-bottom:2px solid #333;display:flex;gap:8px;margin-bottom:15px}.history-tab-button{background:#444;border:none;border-bottom:2px solid #0000;border-top-left-radius:6px;border-top-right-radius:6px;color:#ccc;cursor:pointer;font-size:13px;font-weight:500;min-width:120px;padding:10px 20px;transition:all .2s ease}.history-tab-button:hover{background:#555;color:#fff}.history-tab-button.active{background:#3066be;border-bottom:2px solid #3066be;color:#fff}.analysis-tab-content,.databases-tab-content{padding:10px 0}.analysis-section h4,.databases-section h4{border-bottom:1px solid #444;color:#ccc;font-size:14px;font-weight:600;margin:15px 0 8px;padding-bottom:4px}.analysis-section h4:first-child,.databases-section h4:first-child{margin-top:0}.database-info,.opening-info,.position-info,.stockfish-info{background:#2a2a2a;border-radius:6px;font-size:13px;line-height:1.4;margin-bottom:15px;padding:10px}.database-info div,.opening-info div,.position-info div,.stockfish-info div{color:#ccc;margin-bottom:4px}.database-info div:last-child,.opening-info div:last-child,.position-info div:last-child,.stockfish-info div:last-child{margin-bottom:0}.database-info strong,.opening-info strong,.position-info strong,.stockfish-info strong{color:#fff}.position-info div[style*=monospace]{background:#1a1a1a;border:1px solid #444;border-radius:4px;margin:6px 0;padding:6px}.chat-history-container{background-color:#f8f9fa;display:flex;flex-direction:column;height:100%}.chat-history-header{align-items:center;background-color:#fff;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:15px}.chat-history-header h4{color:#333;font-size:16px;margin:0}.refresh-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:5px;transition:background-color .2s}.refresh-button:hover{background-color:#0000001a}.chat-sessions-list{flex:1 1;overflow-y:auto;padding:10px}.chat-session-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:10px;padding:15px;transition:box-shadow .2s}.chat-session-item:hover{box-shadow:0 2px 6px #00000026}.session-header{margin-bottom:10px}.session-title{color:#333;font-size:14px;font-weight:700;margin-bottom:4px}.session-date{color:#6c757d;font-size:12px}.session-stats{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:12px}.stat-item{color:#495057;font-size:12px;gap:4px}.stat-icon{font-size:14px}.stat-value{font-weight:500}.session-actions{display:flex;justify-content:flex-end}.load-chat-button{background-color:#007cba;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:background-color .2s}.load-chat-button:hover{background-color:#005a87}.error-message,.loading-message,.no-chats-message,.no-user-message{align-items:center;color:#6c757d;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:30px;text-align:center}.help-text{color:#adb5bd;font-size:12px;margin-top:8px}.retry-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:10px;padding:8px 16px;transition:background-color .2s}.retry-button:hover{background-color:#218838}.error-message{color:#dc3545}.error-message p{margin-bottom:10px}.login-link{color:#007cba;cursor:pointer;font-weight:500;text-decoration:underline;transition:color .2s}.login-link:hover{color:#005a87;text-decoration:underline}.password-protection-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.password-protection-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;max-width:480px;padding:40px;text-align:center;width:100%}.logo-section h1{color:#2c3e50;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 10px}.tagline{color:#7f8c8d;font-size:1.1rem;line-height:1.4;margin:0 0 40px}.access-section h2{color:#34495e;font-size:1.6rem;font-weight:600;margin:0 0 15px}.access-section p{color:#7f8c8d;font-size:1rem;line-height:1.5;margin:0 0 30px}.password-form{margin-bottom:30px}.input-group{display:flex;flex-direction:column;gap:15px}.password-input{border:2px solid #e9ecef;border-radius:8px;font-size:1.1rem;letter-spacing:2px;outline:none;padding:15px 20px;text-align:center;transition:border-color .2s ease}.password-input:focus{border-color:#667eea}.password-input::placeholder{letter-spacing:normal}.enter-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:15px 30px;text-transform:uppercase;transition:all .2s ease}.enter-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.enter-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background-color:#fee;border:1px solid #fed7d7;border-radius:6px;color:#c53030;font-size:.9rem;margin-top:15px;padding:12px 16px}.divider{color:#bdc3c7;font-size:.9rem;margin:25px 0;position:relative}.divider:before{background-color:#e9ecef;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;padding:0 15px;position:relative}.redirect-button{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 30px;transition:all .2s ease;width:100%}.redirect-button:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.footer-section{border-top:1px solid #e9ecef;margin-top:40px;padding-top:30px}.footer-section p{color:#95a5a6;font-size:.9rem;margin:0}@media (max-width:600px){.password-protection-content{margin:0 10px;padding:30px 25px}.logo-section h1{font-size:2rem}.tagline{font-size:1rem}.access-section h2{font-size:1.4rem}.input-group{gap:12px}}.App{height:100vh;overflow:hidden}.App,.app-container{background-color:#1a1a1a}.app-container{display:flex;gap:20px;height:100%;padding:20px}.chess-section{background-color:#1a1a1a;border:1px solid #333;border-radius:16px;box-shadow:0 4px 20px #0000004d;flex:0 0 500px;height:calc(100vh - 40px);overflow-y:auto}.chat-section{flex:1 1;min-width:0}.chat-section,.debug-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 20px #0000004d;height:calc(100vh - 40px);overflow:hidden}.debug-section{display:flex;flex:0 0 300px;flex-direction:column}.debug-header{align-items:center;border-bottom:1px solid #34495e;box-sizing:border-box;color:#fff;height:80px}.debug-header,.tab-navigation{background-color:#3066be;display:flex}.tab-navigation{width:100%}.tab-button{align-items:center;background-color:initial;border:none;border-bottom:3px solid #0000;box-sizing:border-box;color:#ffffffb3;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;height:80px;justify-content:center;padding:15px 12px;transition:all .2s ease}.tab-button.active,.tab-button:hover{background-color:#ffffff1a;color:#fff}.tab-button.active{border-bottom-color:#3498db}.json-tab,.screenshot-tab,.share-tab,.tab-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.tab-header{background-color:#ecf0f1;border-bottom:1px solid #bdc3c7;padding:15px 20px}.tab-header h4{color:#2c3e50;font-size:16px;margin:0}.screenshot-display{padding:20px;text-align:center}.latest-screenshot-image{border:2px solid #e0e0e0;border-radius:8px;height:auto;max-width:250px;width:100%}.screenshot-timestamp{color:#666;display:block;font-size:12px;margin-top:8px}.screenshot-controls{background-color:#f8f9fa;border-top:1px solid #e0e0e0;margin-top:15px;padding:15px 20px}.checkbox-container{align-items:center;cursor:pointer;display:flex;gap:8px;margin-bottom:10px;-webkit-user-select:none;user-select:none}.screenshot-checkbox{accent-color:#3066be;cursor:pointer;height:16px;width:16px}.checkbox-label{color:#666;font-size:13px;line-height:1.4}.checkbox-container:hover .checkbox-label{color:#333}.status-indicator{align-items:center;border-radius:16px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.status-indicator.active{background-color:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.status-indicator.inactive{background-color:#ffebee;border:1px solid #ffcdd2;color:#c62828}.no-content{color:#666;font-style:italic;margin:0;padding:40px 20px;text-align:center}.json-logs-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.json-header{background-color:#ff9800;border-top:2px solid #e0e0e0;color:#fff;padding:15px 20px}.json-header h3{font-size:16px;margin:0}.json-logs-container{background-color:#f8f9fa;flex:1 1;overflow-y:auto;padding:15px}.json-log-entry{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:15px;overflow:hidden}.log-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:10px 15px}.log-timestamp{color:#666;font-size:11px;font-weight:500}.log-direction{border-radius:12px;font-size:10px;font-weight:700;padding:4px 8px}.log-direction.in{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1976d2}.log-direction.out{background-color:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.json-content{background-color:#fafafa;border-top:1px solid #e0e0e0;font-family:Courier New,monospace;font-size:10px;line-height:1.3;margin:0;overflow-x:auto;padding:12px;white-space:pre-wrap;word-break:break-all}.no-logs{color:#666;font-style:italic;margin:20px 0;text-align:center}@media (max-width:1200px){.app-container{flex-direction:column;gap:15px;padding:15px}.chess-section{flex:0 0 auto;height:auto;max-height:60vh}.chat-section{flex:1 1;height:auto;min-height:0;min-height:40vh}.debug-section{flex:0 0 250px;height:auto}}@media (max-width:768px){.app-container{gap:10px;padding:10px}.chess-section{border-radius:12px;max-height:50vh}.chat-section{border-radius:12px;min-height:40vh}.debug-section{border-radius:12px;flex:0 0 200px}}.share-content{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:15px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.section-header h5{color:#333;font-size:14px;font-weight:600;margin:0}.copy-button{align-items:center;background-color:#007cba;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:background-color .2s}.copy-button:hover{background-color:#005a87}.pgn-textarea{font-size:12px;height:120px;padding:10px;resize:vertical}.fen-input,.pgn-textarea{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;width:100%}.fen-input{font-size:11px;padding:8px}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.stat-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.stat-label{color:#666;font-size:12px}.stat-value{color:#333;font-size:12px;font-weight:600}.fen-section,.game-stats,.pgn-section{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:15px}@media (max-width:1200px){.stats-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.491ad5f8.css.map*/