.sidebar{width:280px;height:100vh;background-color:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:transform .3s ease;flex-shrink:0}.sidebar.closed{transform:translate(-100%)}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;width:80%;max-width:300px;z-index:1000;box-shadow:2px 0 8px #0000001a}.sidebar.closed{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:240px}.sidebar.closed{transform:translate(-100%)}}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.logo-section{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;flex-shrink:0}.sidebar-title{font-size:18px;font-weight:600;color:var(--text-primary)}.toggle-sidebar-btn{width:36px;height:36px;border-radius:8px;background-color:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s}.toggle-sidebar-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.new-chat-btn-full{margin:12px;padding:12px 16px;border-radius:10px;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:background-color .2s;border:none}.new-chat-btn-full:hover{background-color:var(--primary-hover)}.new-chat-btn-full .shortcut{margin-left:auto;padding:2px 8px;background-color:#fff3;border-radius:4px;font-size:12px}.conversation-list{flex:1;overflow-y:auto;padding:12px}.empty-state{text-align:center;color:var(--text-tertiary);padding:40px 20px;font-size:14px}.conversation-item{padding:12px;border-radius:8px;margin-bottom:8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s}.conversation-item:hover{background-color:var(--bg-tertiary)}.conversation-item.active{background-color:var(--bg-secondary)}.conversation-content{flex:1;min-width:0}.conversation-title{font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.conversation-time{font-size:12px;color:var(--text-tertiary)}.delete-btn{width:28px;height:28px;border-radius:6px;background-color:transparent;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.conversation-item:hover .delete-btn{opacity:1}.delete-btn:hover{background-color:#fee;color:#dc2626}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.show{opacity:1;pointer-events:auto}}.chat-container{flex:1;height:100vh;display:flex;flex-direction:column;background-color:var(--bg-secondary);width:100%}@media (max-width: 768px){.chat-container{height:100vh;height:100dvh}}.chat-header{height:60px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 24px;gap:12px}.toggle-sidebar-btn-header{width:36px;height:36px;border-radius:8px;background-color:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.toggle-sidebar-btn-header:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.chat-title{font-size:16px;font-weight:500;color:var(--text-primary)}.messages-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.thinking-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary)}.thinking-spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:chat-thinking-spin 1s linear infinite}.message-thinking .thinking-spinner{width:16px;height:16px;border-width:2px;flex-shrink:0}.thinking-text{font-size:14px}@keyframes chat-thinking-spin{to{transform:rotate(360deg)}}.welcome-section{width:100%;max-width:1000px;text-align:center}.welcome-title{font-size:32px;font-weight:600;color:var(--text-primary);margin-bottom:40px}.preset-questions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}@media (max-width: 768px){.welcome-title{font-size:24px;margin-bottom:24px}.preset-questions{grid-template-columns:1fr;gap:10px}}@media (min-width: 769px) and (max-width: 1024px){.preset-questions{grid-template-columns:repeat(2,1fr)}}.preset-question-btn{padding:16px 20px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;font-size:14px;color:var(--text-primary);text-align:left;transition:all .2s;cursor:pointer;box-shadow:var(--shadow-sm)}.preset-question-btn:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.empty-icon{width:80px;height:80px;margin-bottom:16px;opacity:.5}.empty-text{font-size:18px;margin-bottom:8px}.empty-hint{font-size:14px}.message{display:flex;gap:12px;max-width:800px;margin:0 auto;width:100%;justify-content:flex-start}.message.user{justify-content:flex-end}.message-content{max-width:70%;padding:12px 16px;border-radius:12px;line-height:1.6;color:var(--text-primary)}@media (max-width: 768px){.message-content{max-width:85%;padding:10px 14px;font-size:14px}}.message.user .message-content{background-color:#f3f4f6;color:var(--text-primary);border-radius:12px 12px 2px}.message.assistant .message-content{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px 12px 12px 2px}.message-thinking{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);min-height:20px;margin-bottom:6px}.message-thinking .thinking-spinner{width:14px;height:14px;border-width:2px}.message-thinking-text{font-size:12px;line-height:1.35}.task-step-cards{margin-top:8px;padding-top:6px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.task-step-row{display:flex;gap:8px;align-items:flex-start}.task-step-line-indicator{width:3px;min-width:3px;height:20px;border-radius:999px;background:#3fb950;margin-top:1px}.task-step-row-main{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:1px 0}.task-step-label{font-size:12px;color:var(--text-primary);font-weight:400}.task-step-status{font-size:11px;color:var(--text-secondary);text-transform:lowercase}.suggested-questions-block{margin-top:16px;padding:12px;border:1px solid var(--border-color);border-radius:14px;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.suggested-questions-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.suggested-questions-title{font-size:13px;font-weight:500;color:var(--text-secondary)}.suggested-questions-refresh-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.suggested-questions-refresh-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 8%,var(--bg-primary))}.suggested-questions-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.suggested-questions-list{display:flex;flex-direction:column;gap:8px}.suggested-question-btn{width:100%;text-align:left;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45;transition:all .2s}.suggested-question-btn:hover:not(:disabled){border-color:var(--primary-color);background-color:color-mix(in srgb,var(--primary-color) 8%,var(--bg-primary));transform:translateY(-1px)}.suggested-question-btn:disabled{opacity:.6;cursor:not-allowed}.related-actions-block{margin-top:16px;padding:12px;border:1px solid var(--border-color);border-radius:14px;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.related-actions-title{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:10px}.related-actions-list{display:flex;flex-direction:column;gap:8px}.related-action-btn{width:100%;text-align:left;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45;transition:all .2s}.related-action-btn:hover:not(:disabled){border-color:var(--primary-color);background-color:color-mix(in srgb,var(--primary-color) 8%,var(--bg-primary));transform:translateY(-1px)}.related-action-btn:disabled{opacity:.6;cursor:not-allowed}.input-container{padding:24px;background-color:var(--bg-primary);border-top:1px solid var(--border-color);position:relative}.function-options{max-width:800px;margin:0 auto 16px;display:flex;gap:8px;flex-wrap:wrap;position:relative}@media (max-width: 768px){.input-container{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.function-options{gap:6px;margin-bottom:12px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.function-options::-webkit-scrollbar{display:none}}.function-btn{padding:8px 16px;border-radius:20px;background-color:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-primary);transition:all .2s;white-space:nowrap}@media (max-width: 768px){.function-btn{padding:6px 12px;font-size:13px;flex-shrink:0}}.function-btn:hover{background-color:var(--bg-tertiary);border-color:var(--primary-color)}.function-btn:active{transform:scale(.98)}.more-options-panel{position:absolute;bottom:calc(90% + 1px);left:55%;transform:translate(-50%);width:150px;padding:8px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:4px;box-shadow:0 4px 12px #00000026;z-index:100}.more-option-btn{padding:10px 12px;border-radius:8px;background-color:transparent;border:none;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-primary);transition:all .2s;cursor:pointer;text-align:left;width:100%;white-space:nowrap}.more-option-btn:hover{background-color:var(--bg-secondary)}.function-icon{font-size:16px}.function-label{font-weight:500}.input-wrapper{max-width:800px;margin:0 auto;display:flex;gap:12px;align-items:flex-end}.image-file-input{display:none}.image-btn,.voice-btn{width:48px;height:48px;border-radius:12px;background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;touch-action:none;-webkit-user-select:none;user-select:none}.image-btn:hover:not(:disabled),.voice-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);background-color:var(--bg-tertiary)}.image-btn.recognizing,.voice-btn.recording{border-color:var(--primary-color);background-color:#6366f114;color:var(--primary-color)}.voice-btn.cancelling{border-color:#ef4444;background-color:#fef2f2;color:#ef4444}.voice-btn:disabled{opacity:.5;cursor:not-allowed}.image-btn:disabled{opacity:.5;cursor:not-allowed}.input-box{flex:1;min-height:48px;max-height:200px;padding:12px 16px;border:1px solid var(--border-color);border-radius:12px;font-size:14px;resize:none;background-color:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s}@media (max-width: 768px){.input-box{min-height:44px;padding:10px 14px;font-size:16px}}.input-box:focus{border-color:var(--primary-color)}.send-btn{width:48px;height:48px;border-radius:12px;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0}.send-btn:hover:not(:disabled){background-color:var(--primary-hover)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.voice-recording-panel{position:fixed;left:50%;bottom:max(120px,calc(env(safe-area-inset-bottom) + 108px));transform:translate(-50%);width:min(520px,calc(100vw - 32px));min-height:150px;padding:28px 24px 24px;border-radius:24px;background:radial-gradient(circle at 50% 110%,rgba(37,99,235,.36),transparent 58%),linear-gradient(180deg,#ffffffeb,#eff6fff5);box-shadow:0 24px 60px #2563eb38;border:1px solid rgba(147,197,253,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;z-index:200;pointer-events:none}.image-recognition-panel{position:fixed;left:50%;bottom:max(120px,calc(env(safe-area-inset-bottom) + 108px));transform:translate(-50%);width:min(360px,calc(100vw - 32px));min-height:48px;padding:14px 18px;border-radius:12px;background-color:#fff;border:1px solid var(--border-color);color:var(--text-primary);box-shadow:0 12px 28px #0f172a29;text-align:center;z-index:100}.image-recognition-panel.recognizing{color:var(--primary-color)}.image-recognition-panel.success{color:#16a34a}.image-recognition-panel.error{color:#ef4444}.voice-recording-panel.cancelling{background:radial-gradient(circle at 50% 110%,rgba(239,68,68,.28),transparent 58%),linear-gradient(180deg,#fffffff0,#fef2f2f5);border-color:#fca5a5a6;box-shadow:0 24px 60px #ef44442e}.voice-recording-hint{color:var(--text-secondary);font-size:15px;font-weight:500}.voice-recording-panel.cancelling .voice-recording-hint,.voice-recording-panel.error .voice-recording-hint{color:#dc2626}.voice-recording-panel.success .voice-recording-hint{color:#059669}.voice-wave{width:min(360px,78vw);height:52px;display:flex;align-items:center;justify-content:center;gap:5px}.voice-wave span{width:4px;min-height:8px;border-radius:999px;background:linear-gradient(180deg,#bfdbfe,#2563eb);transition:height .12s ease}.voice-recording-panel.cancelling .voice-wave span{background:linear-gradient(180deg,#fecaca,#ef4444)}@media (max-width: 768px){.voice-btn{width:44px;height:44px}.voice-recording-panel{bottom:max(104px,calc(env(safe-area-inset-bottom) + 92px));min-height:132px;padding:24px 18px 20px;border-radius:22px}.voice-wave{gap:4px}.voice-wave span{width:3px}}.app{display:flex;width:100%;height:100vh;overflow:hidden;position:relative}@media (max-width: 768px){.app{flex-direction:column}}.dowin-bridge-panel{position:fixed;right:12px;bottom:12px;z-index:9999;box-sizing:border-box;max-width:min(440px,calc(100vw - 24px));max-height:min(92vh,720px);padding:10px 12px;overflow:auto;font-size:12px;color:#a8d4ff;background:#000000d1;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 8px 24px #00000059}.dowin-bridge-section{margin:6px 0 4px;font-size:11px;font-weight:600;color:#ffffff8c;letter-spacing:.02em}.dowin-bridge-btns{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.dowin-bridge-btns button{padding:6px 10px;font-size:12px;cursor:pointer}.dowin-bridge-out{max-height:28vh;margin:0;overflow:auto;font-size:11px;line-height:1.5;word-break:break-all;white-space:pre-wrap}.debug-identity-entry{position:fixed;top:18px;right:18px;z-index:1200;padding:10px 14px;color:#fff;background:#1f5eff;border:0;border-radius:999px;box-shadow:0 12px 28px #1f5eff47;cursor:pointer}.debug-identity-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.debug-identity-modal{width:min(100%,420px);padding:24px;background:#fff;border:1px solid rgba(148,163,184,.28);border-radius:24px;box-shadow:0 24px 80px #0f172a2e}.debug-identity-heading h2{margin:0;font-size:24px;color:#0f172a}.debug-identity-heading p{margin:10px 0 0;font-size:14px;line-height:1.6;color:#475569}.debug-identity-heading code{padding:2px 6px;font-size:13px;color:#1e3a8a;background:#dbeafe;border-radius:999px}.debug-identity-form{display:flex;flex-direction:column;gap:14px;margin-top:18px}.debug-identity-field{display:flex;flex-direction:column;gap:8px}.debug-identity-field span{font-size:13px;font-weight:600;color:#0f172a}.debug-identity-field input{width:100%;padding:12px 14px;font-size:14px;color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;box-sizing:border-box}.debug-identity-field input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.debug-identity-hint{padding:12px 14px;font-size:13px;line-height:1.5;color:#92400e;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px}.debug-identity-error{padding:12px 14px;font-size:13px;line-height:1.5;color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:14px}.debug-identity-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.debug-identity-actions button{padding:11px 16px;font-size:14px;border-radius:14px;cursor:pointer}.debug-identity-secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.debug-identity-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:0;box-shadow:0 12px 24px #2563eb38}@media (max-width: 768px){.debug-identity-backdrop{align-items:flex-end;padding:12px}.debug-identity-modal{width:100%;padding:20px;border-radius:20px}.debug-identity-actions{flex-direction:column-reverse}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}html{touch-action:manipulation}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);overscroll-behavior:none}#root{width:100%;height:100vh;height:100dvh;overflow:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}input,textarea{font-family:inherit;outline:none;-webkit-appearance:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 768px){::-webkit-scrollbar{width:0;height:0}}