:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app,.mobile-container{max-width:420px;margin:0 auto;background:#f7f7fa;min-height:100vh;font-family:Segoe UI,Arial,sans-serif;box-shadow:0 0 12px #0001;display:flex;flex-direction:column}.home-screen{padding:24px 0 0;display:flex;flex-direction:column;align-items:center}.home-title{font-size:2rem;margin-bottom:18px}.home-options{display:flex;gap:12px;margin-bottom:24px}.home-btn{padding:10px 18px;font-size:1rem;border-radius:22px;border:none;background:#e0e0e7;color:#222;font-weight:500;cursor:pointer;transition:background .2s}.home-btn:active{background:#d1d1d8}.avatar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;width:100%;max-width:320px;margin:0 auto}.avatar-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.avatar-img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #c1c1d1;margin-bottom:6px;background:#fff}.avatar-name{font-size:1rem;font-weight:500;color:#333}.chat-screen{display:flex;flex-direction:column;height:100vh;max-width:420px;background:#f7f7fa}.chat-header{display:flex;align-items:center;padding:10px 8px;background:#e0e0e7;border-bottom:1px solid #d1d1d8;position:sticky;top:0;z-index:2}.chat-back-btn{background:none;border:none;font-size:1.5rem;margin-right:8px;cursor:pointer}.chat-header-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;margin-right:10px;border:2px solid #b1b1c1}.chat-header-name{font-size:1.1rem;font-weight:600;flex:1}.chat-info-btn{background:none;border:none;font-size:1.3rem;margin-left:8px;cursor:pointer}.chat-history{flex:1;overflow-y:auto;padding:16px 10px 10px;background:#f7f7fa;display:flex;flex-direction:column;gap:10px}.chat-bubble{max-width:80%;padding:10px 14px;border-radius:18px;font-size:1rem;line-height:1.4;position:relative;word-break:break-word;margin-bottom:2px;box-shadow:0 1px 2px #0001}.user-bubble{align-self:flex-end;background:#cbeafe;color:#1a2a3a;border-bottom-right-radius:4px}.char-bubble{align-self:flex-start;background:#fff;color:#222;border-bottom-left-radius:4px}.chat-note-btn{margin-left:8px;font-size:1.1em;cursor:pointer;opacity:.7;transition:opacity .2s}.chat-note-btn:active{opacity:1}.chat-input-row{display:flex;padding:10px;background:#e0e0e7;border-top:1px solid #d1d1d8}.chat-input{flex:1;padding:10px 12px;border-radius:18px;border:1px solid #c1c1d1;font-size:1rem;outline:none;margin-right:8px}.chat-send-btn{background:#4f8cff;color:#fff;border:none;border-radius:50%;width:38px;height:38px;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.chat-send-btn:active{background:#2563eb}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:10}.modal-content{background:#fff;border-radius:16px;padding:28px 18px 18px;min-width:260px;max-width:90vw;box-shadow:0 2px 16px #0002;position:relative}.modal-close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-desc{margin-top:12px;color:#444;font-size:1rem}.notes-list-screen{padding:0;min-height:100vh;background:#f7f7fa;display:flex;flex-direction:column;max-width:420px;margin:0 auto}.notes-list-header{display:flex;align-items:center;padding:12px 10px 8px;background:#e0e0e7;border-bottom:1px solid #d1d1d8}.notes-list-header h2{flex:1;text-align:center;margin:0;font-size:1.2rem}.notes-list-body{flex:1;padding:18px 10px;display:flex;flex-direction:column;gap:14px}.note-item{background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 1px 2px #0001;font-size:1rem;color:#222}.note-meta{font-size:.9em;color:#666;margin-top:4px}.notes-empty{color:#888;text-align:center;margin-top:40px;font-size:1.1rem}@media(min-width:600px){.app{margin:0 auto;box-shadow:0 0 24px #0002}}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f7f7fa}.app-container{max-width:1200px;margin:32px auto;background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;padding:32px 24px}h1{text-align:center;margin-bottom:24px;font-size:2.2rem;color:#2c3e50}.main-grid{display:flex;gap:24px}.left-panel,.center-panel,.right-panel{flex:1;display:flex;flex-direction:column;gap:24px}.box{background:#f9f9fc;border-radius:8px;box-shadow:0 1px 6px #0000000a;padding:18px 16px;margin-bottom:0}.suspect-list h2,.interrogation-chat h2,.watson-chat h2,.assistant-task h2,.agent-panel h2,.notes h2{margin-top:0;font-size:1.2rem;color:#34495e}.suspect-buttons{display:flex;flex-wrap:wrap;gap:8px}.suspect-buttons button{background:#e0e7ff;border:none;border-radius:6px;padding:8px 16px;font-size:1rem;cursor:pointer;transition:background .2s}.suspect-buttons button.selected{background:#6366f1;color:#fff}.suspect-buttons button:hover:not(.selected){background:#c7d2fe}.chat-messages,.task-list,.agent-analysis,.note-list{min-height:80px;max-height:180px;overflow-y:auto;margin-bottom:12px;background:#fff;border-radius:6px;padding:10px;border:1px solid #e5e7eb}.detective-msg{color:#2d3748;margin-bottom:6px}.suspect-msg{color:#be123c;margin-bottom:6px}.watson-msg{color:#2563eb;margin-bottom:6px}.task-msg{color:#059669;margin-bottom:6px}.agent-msg{color:#7c3aed;margin-bottom:6px}.agent-msg.empty{color:#aaa}.note-msg{color:#374151;margin-bottom:6px}.chat-input,.task-input,.note-input{display:flex;gap:8px}.chat-input input,.task-input input,.note-input input{flex:1;padding:8px;border-radius:6px;border:1px solid #d1d5db;font-size:1rem}.chat-input button,.task-input button,.note-input button,.agent-run-btn{background:#6366f1;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:1rem;cursor:pointer;transition:background .2s}.chat-input button:disabled,.task-input button:disabled,.note-input button:disabled,.agent-run-btn:disabled{background:#a5b4fc;cursor:not-allowed}.agent-run-btn{margin-top:12px;width:100%}@media(max-width:900px){.main-grid{flex-direction:column}}.case-info{margin-bottom:18px;background:#eef2ff;border-radius:8px;padding:16px;border:1px solid #e0e7ff}.case-info h2{margin:0 0 8px;font-size:1.3rem;color:#6366f1}.case-info p{margin:0;color:#374151}#root{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}