:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f5f5;overflow-x:hidden}html{overflow-x:hidden}#root{height:100vh;height:100dvh;width:100vw;overflow:hidden}#root:has(.shared-view){height:auto;overflow:auto}.markdown-content{padding:12px}.markdown-content p{margin:0 0 12px}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:16px 0 8px}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child,.markdown-content h4:first-child,.markdown-content h5:first-child,.markdown-content h6:first-child{margin-top:0}.markdown-content ul,.markdown-content ol{margin:0 0 12px;padding-left:24px}.markdown-content li{margin:4px 0}.markdown-content pre{background:#f5f5f5;padding:12px;border-radius:4px;overflow-x:auto;margin:0 0 12px}.markdown-content code{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:.9em}.markdown-content pre code{background:none;padding:0}.markdown-content blockquote{margin:0 0 12px;padding-left:16px;border-left:4px solid #ddd;color:#666}.markdown-content table{border-collapse:collapse;margin:0 0 12px}.markdown-content th,.markdown-content td{border:1px solid #ddd;padding:4px 8px}.markdown-content th{background:#f5f5f5;font-weight:600}.sidebar{width:260px;flex-shrink:0;background:#f8f8f8;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100vh}.sidebar-header{padding:16px;border-bottom:1px solid #e0e0e0}.sidebar-header h1{font-size:18px;margin:0 0 12px;color:#333}.new-conversation-btn{width:100%;padding:10px;background:#4a90e2;border:1px solid #4a90e2;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;transition:background .2s;font-weight:500}.new-conversation-btn:hover:not(:disabled){background:#357abd;border-color:#357abd}.new-conversation-btn:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed;opacity:.6}.conversation-list{flex:1;overflow-y:auto;padding:8px}.no-conversations{padding:16px;text-align:center;color:#999;font-size:14px}.conversation-item{padding:12px;margin-bottom:4px;border-radius:6px;transition:background .2s;display:flex;align-items:flex-start;gap:8px;position:relative;min-height:52px}.conversation-item:hover{background:#f0f0f0}.conversation-item.active{background:#e8f0fe;border:1px solid #4a90e2}.conversation-content{flex:1;cursor:pointer;min-width:0}.conversation-title{color:#333;font-size:14px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}.conversation-meta{color:#999;font-size:12px}.delete-btn{opacity:0;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:#999;font-size:24px;line-height:1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conversation-item:hover .delete-btn{opacity:1}.delete-btn:hover{background:#ffebee;color:#d32f2f}.delete-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal{background:#fff;border-radius:8px;padding:24px;max-width:400px;box-shadow:0 4px 12px #00000026}.delete-modal h3{margin:0 0 12px;font-size:18px;color:#333}.delete-modal p{margin:0 0 24px;color:#666;font-size:14px}.delete-modal-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.confirm-delete-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid;transition:all .2s}.cancel-btn{background:#fff;border-color:#d0d0d0;color:#666}.cancel-btn:hover{background:#f5f5f5;border-color:#b0b0b0}.confirm-delete-btn{background:#d32f2f;border-color:#d32f2f;color:#fff}.confirm-delete-btn:hover{background:#b71c1c;border-color:#b71c1c}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.sidebar-backdrop.visible{opacity:1}@media(max-width:767px){.sidebar{position:fixed;left:0;top:0;z-index:1000;transform:translate(-100%);transition:transform .3s ease;box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:2px 0 8px #00000026}.sidebar-backdrop{display:block;pointer-events:none}.sidebar-backdrop.visible{pointer-events:auto}.delete-btn{opacity:.6}.conversation-item{min-height:56px;padding:14px 12px}.new-conversation-btn{padding:12px;font-size:15px}.delete-modal{margin:16px;max-width:calc(100vw - 32px)}}@media(min-width:768px)and (max-width:1024px){.sidebar{width:240px}}.response-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #d0d0d0;border-radius:6px;background:#f8f8f8;color:#666;cursor:pointer;transition:all .15s ease}.action-btn:hover{background:#f0f0f0;border-color:#4a90e2;color:#4a90e2}.action-btn:active{transform:scale(.95)}.action-btn.copied{background:#e8f5e9;border-color:#4caf50;color:#4caf50}.action-btn svg{flex-shrink:0}@media(max-width:767px){.response-actions{margin-top:10px;padding-top:10px}.action-btn{width:40px;height:40px}}.stage{margin:24px 0;padding:20px;background:#fafafa;border-radius:8px;border:1px solid #e0e0e0}.stage-title{margin:0 0 16px;color:#333;font-size:16px;font-weight:600}.tabs-container{display:flex;align-items:flex-end;position:relative;width:100%}.tabs{display:flex;gap:8px;margin-bottom:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1px;flex:1 1 0;min-width:0}.tabs::-webkit-scrollbar{display:none}.tabs-scroll-btn{flex-shrink:0;width:28px;height:34px;border:1px solid #e0e0e0;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tabs-scroll-left{border-radius:6px 0 0;border-right:none}.tabs-scroll-right{border-radius:0 6px 0 0;border-left:none}.tabs-scroll-btn:hover{background:#e8e8e8;color:#333}.tab{padding:8px 16px;background:#f5f5f5;border:1px solid #e0e0e0;border-bottom:none;border-radius:6px 6px 0 0;color:#666;cursor:pointer;font-size:14px;transition:all .2s;position:relative;display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap}.tab:hover{background:#f0f0f0;color:#333;border-color:#4a90e2;border-bottom:none}.tab.active{background:#fff;color:#4a90e2;border-color:#e0e0e0;border-bottom:1px solid #ffffff;font-weight:600;z-index:1;margin-bottom:-1px}.tab.loading{opacity:.7;font-style:italic}.tab-spinner{width:12px;height:12px;border:2px solid #e0e0e0;border-top-color:#4a90e2;border-radius:50%;animation:spin .8s linear infinite}.tab-content{background:#fff;padding:16px;border-radius:0 6px 6px;border:1px solid #e0e0e0}.model-name{color:#888;font-size:12px;margin-bottom:12px;font-family:monospace}.usage-cost{color:#4a90e2;font-weight:500}.response-text{color:#333;line-height:1.6}.tab-loading{padding:24px 16px;color:#999;font-size:13px;font-style:italic}.loading-text{color:#999}.streaming-reasoning{margin-bottom:12px;padding:12px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px}.streaming-reasoning-label{color:#4a90e2;font-size:13px;font-weight:600;margin-bottom:8px}.streaming-reasoning-text{font-size:13px;color:#555;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto}.reasoning-details{margin-bottom:12px;padding:12px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px}.reasoning-summary{cursor:pointer;color:#4a90e2;font-size:13px;font-weight:600;-webkit-user-select:none;user-select:none;padding:4px 0}.reasoning-summary:hover{color:#357abd}.reasoning-content{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0;font-size:13px;color:#555;max-height:400px;overflow-y:auto;word-wrap:break-word;overflow-wrap:break-word}.citations-details{margin-top:16px;padding:12px;background:#f0f7ff;border:1px solid #c5ddf5;border-radius:6px}.citations-summary{cursor:pointer;color:#4a90e2;font-size:13px;font-weight:600;-webkit-user-select:none;user-select:none;padding:4px 0}.citations-summary:hover{color:#357abd}.citations-list{margin-top:12px;padding-top:12px;border-top:1px solid #c5ddf5;display:flex;flex-direction:column;gap:12px}.citation-item{padding:10px;background:#fff;border:1px solid #e0e0e0;border-radius:4px}.citation-title{color:#4a90e2;font-size:13px;font-weight:500;text-decoration:none;display:block;word-break:break-word}.citation-title:hover{text-decoration:underline;color:#357abd}.citation-url{font-size:11px;color:#888;margin-top:2px;word-break:break-all}.citation-content{margin:8px 0 0;font-size:12px;color:#666;line-height:1.5}@media(max-width:767px){.stage{margin:12px 0;padding:12px;border-radius:6px}.tab{padding:10px 14px;min-height:44px;font-size:13px}.tabs-scroll-btn{width:36px;height:44px;font-size:20px}.tab-content{padding:10px;border-radius:0 4px 4px}.reasoning-details,.citations-details{padding:8px}.reasoning-summary,.citations-summary{padding:6px 0;min-height:44px;display:flex;align-items:center}}@media(max-width:374px){.stage{margin:8px 0;padding:8px}.tab{padding:8px 10px}.tab-content{padding:8px}}.stage3{margin:16px 0;padding:16px 16px 16px 20px;background:#f8fff8;border-left:4px solid #2d8a2d;border-radius:0 8px 8px 0}.chairman-label{color:#2d8a2d;font-size:12px;font-family:monospace;margin-bottom:12px;font-weight:600}.stage3 .usage-cost{color:#4a90e2;font-weight:500}.final-text{color:#333;line-height:1.7;font-size:15px}.stage3 .streaming-reasoning{margin-bottom:12px;padding:12px;background:#fff;border:1px solid #c8e6c8;border-radius:6px}.stage3 .streaming-reasoning-label{color:#2d8a2d;font-size:13px;font-weight:600;margin-bottom:8px}.stage3 .streaming-reasoning-text{font-size:13px;color:#555;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto}.stage3 .reasoning-details{margin-bottom:12px;padding:12px;background:#fff;border:1px solid #c8e6c8;border-radius:6px}.stage3 .reasoning-summary{cursor:pointer;color:#2d8a2d;font-size:13px;font-weight:600;-webkit-user-select:none;user-select:none;padding:4px 0}.stage3 .reasoning-summary:hover{color:#1e5e1e}.stage3 .reasoning-content{margin-top:12px;padding-top:12px;border-top:1px solid #c8e6c8;font-size:13px;color:#555;max-height:400px;overflow-y:auto;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:767px){.stage3{margin:12px 0;padding:12px 12px 12px 16px}.stage3 .reasoning-details{padding:10px}.stage3 .reasoning-summary{padding:8px 0;min-height:44px;display:flex;align-items:center}}@media(max-width:374px){.stage3{margin:8px 0;padding:10px 10px 10px 14px}}.stage3 .response-actions{border-top-color:#c8e6c8}.stage3 .action-btn:hover{border-color:#2d8a2d;color:#2d8a2d}.config-panel{display:flex;flex-direction:column;gap:24px;padding:0 24px 24px;background:#fafafa;border-bottom:1px solid #e0e0e0}.preset-selector{margin-bottom:0;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.preset-buttons{display:inline-flex;border:1px solid #d0d0d0;border-radius:6px;overflow:hidden;background:#fff}.preset-button{padding:10px 16px;border:none;background:transparent;color:#666;font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s;border-right:1px solid #d0d0d0}.preset-button:last-child{border-right:none}.preset-button:hover:not(.active){background:#f5f5f5;color:#333}.preset-button.active{background:#4a90e2;color:#fff;font-weight:500}.config-section{display:flex;flex-direction:column;gap:12px}.config-label{font-size:14px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px}.model-checkboxes,.model-column{display:flex;flex-direction:column;gap:10px}@media(min-width:768px){.model-checkboxes{flex-direction:row;gap:24px}.model-column{flex:1}}.model-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s}.model-checkbox:hover{background:#f0f0f0}.model-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.model-checkbox-label{font-size:14px;color:#333;-webkit-user-select:none;user-select:none}.chairman-select{padding:10px 12px;border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;font-size:14px;font-family:inherit;cursor:pointer;outline:none;transition:border-color .2s;max-width:400px}.chairman-select:hover{border-color:#4a90e2}.chairman-select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.reasoning-toggle{display:inline-flex;border:1px solid #d0d0d0;border-radius:6px;overflow:hidden;background:#fff;width:fit-content}.reasoning-option{padding:8px 16px;border:none;background:transparent;color:#666;font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s;border-right:1px solid #d0d0d0}.reasoning-option:last-child{border-right:none}.reasoning-option:hover:not(.active){background:#f5f5f5;color:#333}.reasoning-option.active{background:#4a90e2;color:#fff;font-weight:500}.web-search-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s}.web-search-checkbox:hover{background:#f0f0f0}.web-search-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.web-search-label{font-size:14px;color:#333;-webkit-user-select:none;user-select:none}.web-search-label .cost{color:#666;font-weight:600}@media(max-width:767px){.config-panel{padding:0 16px 16px;gap:16px}.preset-selector{padding-bottom:16px}.preset-buttons{display:flex;width:100%}.preset-button{flex:1;padding:12px 8px;font-size:13px;text-align:center}.model-checkbox{min-height:44px;padding:10px}.model-checkbox input[type=checkbox]{width:22px;height:22px}.chairman-select{max-width:100%;padding:12px;font-size:16px}.reasoning-toggle{width:100%;display:flex}.reasoning-option{flex:1;padding:12px 8px;text-align:center}.web-search-checkbox{min-height:44px;padding:10px}.web-search-checkbox input[type=checkbox]{width:22px;height:22px}}.chat-interface{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;height:100vh;height:100dvh;background:#fff}.messages-container{flex:1;min-width:0;min-height:0;overflow-y:auto;padding:24px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666;text-align:center}.empty-state h2{margin:0 0 8px;font-size:24px;color:#333}.empty-state p{margin:0;font-size:16px}.message-group{margin-bottom:32px}.user-message,.assistant-message{margin-bottom:16px}.message-label{font-size:12px;font-weight:600;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.user-message .message-content{background:#f0f7ff;padding:16px;border-radius:8px;border:1px solid #d0e7ff;color:#333;line-height:1.6;max-width:80%}.message-config{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.config-tag{display:inline-block;padding:4px 10px;background:#e8f0fe;border:1px solid #4a90e2;border-radius:12px;font-size:11px;color:#4a90e2;font-weight:600;text-transform:capitalize}.config-tag-disabled{background:#f5f5f5;border-color:#ccc;color:#888}.loading-indicator{display:flex;align-items:center;gap:12px;padding:16px;color:#666;font-size:14px}.stage-loading{display:flex;align-items:center;gap:12px;padding:16px;margin:12px 0;background:#f9fafb;border-radius:8px;border:1px solid #e0e0e0;color:#666;font-size:14px;font-style:italic}.spinner{width:20px;height:20px;border:2px solid #e0e0e0;border-top-color:#4a90e2;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.new-conversation-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;border-top:1px solid #e0e0e0}.new-conversation-header{padding:24px;display:flex;flex-direction:column;gap:12px}.question-label{font-size:16px;font-weight:600;color:#333}.question-input{width:100%;padding:14px;background:#fff;border:1px solid #d0d0d0;border-radius:8px;color:#333;font-size:15px;font-family:inherit;line-height:1.5;outline:none;resize:vertical;min-height:80px;max-height:300px}.question-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.question-input:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.send-button-container{padding:24px;display:flex;justify-content:center;background:#fafafa;border-top:1px solid #e0e0e0}.send-button-large{padding:16px 48px;background:#4a90e2;border:1px solid #4a90e2;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.send-button-large:hover:not(:disabled){background:#357abd;border-color:#357abd}.send-button-large:disabled{opacity:.5;cursor:not-allowed;background:#ccc;border-color:#ccc}.cost-breakdown{margin-top:20px;padding:12px 16px;background:#f0f7ff;border:1px solid #d0e7ff;border-radius:8px;width:fit-content}.cost-summary{cursor:pointer;font-size:14px;font-weight:600;color:#4a90e2;-webkit-user-select:none;user-select:none}.cost-summary:hover{color:#357abd}.cost-breakdown[open] .cost-table{margin-top:12px}.cost-table{border-collapse:collapse;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cost-table th{background:#e3f2fd;padding:8px 12px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #bbdefb;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.cost-table th.token-group-header{text-align:center}.cost-table thead tr:last-child th{border-bottom:2px solid #bbdefb;font-size:11px;text-align:right}.cost-table td{padding:8px 12px;border-bottom:1px solid #e3f2fd}.cost-table tbody tr:hover{background:#fafbff}.model-cell{color:#333;font-weight:500}.number-cell{text-align:right;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#666}.cost-cell{text-align:right;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#4a90e2;font-weight:600}.chairman-row{background:#fff9e6}.chairman-row:hover{background:#fff5d6!important}.title-row{font-style:italic;opacity:.8}.total-row{border-top:2px solid #bbdefb;font-weight:700}.total-row td{padding:10px 12px;border-bottom:none}.total-row .cost-cell{color:#2e7d32;font-size:14px}.share-controls{display:flex;gap:8px;padding:12px 24px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;justify-content:flex-end}.share-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid}.share-btn:disabled{opacity:.6;cursor:not-allowed}.enable-share-btn{background:#4a90e2;border-color:#4a90e2;color:#fff}.enable-share-btn:hover:not(:disabled){background:#357abd;border-color:#357abd}.copy-link-btn{background:#28a745;border-color:#28a745;color:#fff}.copy-link-btn:hover:not(:disabled){background:#218838;border-color:#218838}.unshare-btn{background:#fff;border-color:#dc3545;color:#dc3545}.unshare-btn:hover:not(:disabled){background:#dc3545;color:#fff}.mobile-header{display:none;align-items:center;gap:12px;padding:12px 16px;background:#f8f8f8;border-bottom:1px solid #e0e0e0}.menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:none;border-radius:8px;color:#333;cursor:pointer;transition:background .2s}.menu-btn:hover{background:#e8e8e8}.mobile-title{font-size:16px;font-weight:600;color:#333}@media(max-width:767px){.mobile-header{display:flex}.messages-container{padding:12px}.user-message .message-content{max-width:100%;padding:12px}.message-group{margin-bottom:16px}.new-conversation-header,.send-button-container{padding:16px}.send-button-large{width:100%;padding:14px 24px}.share-controls{padding:12px 16px}.cost-breakdown{width:100%;overflow-x:auto}.cost-table{font-size:12px;min-width:400px}.cost-table th,.cost-table td{padding:6px 8px}.stage-loading{padding:12px}}@media(max-width:374px){.messages-container,.new-conversation-header,.send-button-container{padding:12px}}@media(min-width:768px)and (max-width:1024px){.messages-container{padding:20px}.user-message .message-content{max-width:85%}}*{box-sizing:border-box}.app{display:flex;height:100vh;height:100dvh;width:100vw;overflow:hidden;background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media(max-width:767px){.app{flex-direction:column}}