: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}}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin-top:16px;margin-bottom:8px;font-weight:600;color:#f3f4f6}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.3em}.markdown-content h3{font-size:1.1em}.markdown-content h4{font-size:1em}.markdown-content p{margin:8px 0}.markdown-content ul,.markdown-content ol{margin:8px 0;padding-left:24px}.markdown-content li{margin:4px 0}.markdown-content strong{font-weight:600;color:#fff}.markdown-content em{font-style:italic;color:#d1d5db}.markdown-content code{background-color:#ffffff1a;color:#e5e7eb;padding:2px 6px;border-radius:4px;font-size:.9em;font-family:monospace}.markdown-content blockquote{border-left:3px solid #3b82f6;margin:12px 0;padding-left:12px;color:#9ca3af}.markdown-content hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:16px 0}.markdown-content>*:first-child{margin-top:0}.markdown-content>*:last-child{margin-bottom:0}:root{--bg-dark: #0f1115;--bg-panel: rgba(22, 27, 34, .7);--primary-glow: #00f2ff;--accent-glow: #ff0055;--text-primary: #E3E3E3;--text-secondary: #a1a1aa;--glass-border: 1px solid rgba(255, 255, 255, .1);--chat-panel-width: 350px}body{margin:0;background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-size:16px;overflow:hidden}h1,h2,h3{margin:0;font-weight:600}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}p{color:var(--text-secondary);font-size:16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.app-root{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.app-container{display:grid;grid-template-columns:100px 1fr auto var(--chat-panel-width);flex:1;min-height:0;width:100%;background:radial-gradient(circle at 10% 20%,rgba(0,0,0,.8) 0%,var(--bg-dark) 90%)}.panel-resizing .main-content,.panel-resizing .right-panel{will-change:width}.panel-resizing .main-content>*,.panel-resizing .right-panel>*{pointer-events:none}.main-content{padding:30px;overflow:auto;position:relative;min-width:0}.right-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:var(--glass-border);display:flex;flex-direction:column;height:100%;overflow:hidden;max-width:80vw}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--glass-border);border-radius:16px;padding:20px;box-shadow:0 4px 30px #0000004d}.loading-overlay,.empty-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.sidebar{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:var(--glass-border);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:6px;z-index:10}.sidebar .logo{display:flex;flex-direction:column;align-items:center;gap:4px}.sidebar .logo-text{font-size:10px;font-weight:700;color:var(--primary-glow);letter-spacing:.5px;text-transform:uppercase}.nav-icon{width:82px;padding:10px 0;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;border:1px solid transparent}.nav-label{font-size:13px;font-weight:500;line-height:1}.nav-icon:hover,.nav-icon.active{background:#ffffff0d;color:var(--primary-glow);box-shadow:0 0 15px #00f2ff33;border:1px solid rgba(0,242,255,.3)}.api-key-dot{position:absolute;top:6px;right:12px;width:7px;height:7px;border-radius:50%}.api-key-dot.set{background:#22c55e;box-shadow:0 0 6px #22c55e99}.api-key-dot.unset{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.dashboard-grid{display:grid;grid-template-rows:auto 1fr;gap:20px;height:100%}.patient-select{background:#0000004d;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);padding:10px 14px;border-radius:8px;min-width:250px;outline:none;font-size:15px}.action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:10px 18px;border-radius:8px;cursor:pointer;display:flex;align-items:center;font-size:15px;transition:all .2s}.action-btn:hover{background:#ffffff1a}.action-btn.primary{background:#00f2ff26;border-color:#00f2ff4d;color:var(--primary-glow)}.action-btn.primary:hover{background:#00f2ff40;box-shadow:0 0 15px #00f2ff1a}.chat-container{box-sizing:border-box;height:100%;display:flex;flex-direction:column;padding:10px;gap:10px;overflow:hidden}.chat-header{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;flex-shrink:0}.chat-header h3{font-size:18px}.header-icon{width:20px;height:20px;object-fit:contain}.chat-messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:0 5px}.message{display:flex;gap:10px;max-width:85%}.message.assistant{gap:8px}.message.user{align-self:flex-end;justify-content:flex-end;gap:0;width:fit-content}.bubble{word-wrap:break-word}.message.assistant .bubble{background:transparent;border:none;padding:2px 0 0;color:var(--text-primary);font-size:15px;line-height:1.6}.message.assistant .bubble p{margin:0 0 12px}.message.assistant .bubble p:last-child{margin-bottom:0}.message.assistant .bubble ul,.message.assistant .bubble ol{margin:8px 0;padding-left:24px}.message.assistant .bubble li{margin:6px 0}.message.assistant .bubble strong{font-weight:600;color:#fff}.message.user .bubble{display:inline-block;background-color:#282a2c;color:#e6e6e6;border:1px solid rgba(255,255,255,.08);border-radius:18px 18px 4px;padding:6px 12px;line-height:1.5;font-size:15px;box-shadow:0 2px 4px #0003}.message.user .bubble p{margin:0;display:inline}.avatar{min-width:24px;height:24px;display:flex;align-items:flex-start;margin-top:16px}.avatar img{width:20px;height:20px;object-fit:contain}.chat-input-area{display:flex;gap:10px;padding:10px;flex-shrink:0;align-items:center}.chat-input-area input{flex:1;background:transparent;border:none;color:#fff;outline:none;font-size:15px;padding:4px 0}.chat-input-area button{background:transparent;border:none;padding:0;width:36px;height:36px;min-width:36px;color:var(--primary-glow);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.chat-input-area button:hover:not(:disabled){background:#ffffff0d;border-radius:50%}.typing-dot{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.chat-header .header-text{display:flex;flex-direction:column;gap:2px}.chat-header .header-text h3{margin:0;font-size:18px;font-weight:600}.chat-header .header-subtitle{font-size:13px;color:var(--text-secondary);opacity:.7}.suggestions-container{padding:8px 5px;flex-shrink:0}.suggestion-chips{display:flex;flex-wrap:wrap;gap:8px}.suggestion-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:6px 14px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.suggestion-chip:hover:not(:disabled){background:#00f2ff1a;border-color:var(--primary-glow);color:var(--primary-glow)}.suggestion-chip:disabled{opacity:.5;cursor:not-allowed}.typing-bubble{padding:8px 12px!important}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator .dot{width:6px;height:6px;background:var(--primary-glow);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-indicator .dot:nth-child(1){animation-delay:-.32s}.typing-indicator .dot:nth-child(2){animation-delay:-.16s}.typing-indicator .dot:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-input-area button:disabled{opacity:.4;cursor:not-allowed}.chat-input-area button.loading,.spin-animation{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.resizable-divider{position:relative;width:6px;background:transparent;cursor:col-resize;z-index:100;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.resizable-divider:before{content:"";position:absolute;inset:0 -4px;background:transparent}.resizable-divider:after{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:1px;background:#ffffff14;transition:all .2s ease}.resizable-divider:hover:after,.resizable-divider.dragging:after{width:3px;background:linear-gradient(180deg,#00f2ff1a,#00f2ff66,#00f2ff1a);box-shadow:0 0 10px #00f2ff4d}.divider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding:12px 4px;border-radius:4px;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.05);opacity:0;transition:all .2s ease}.resizable-divider:hover .divider-handle,.resizable-divider.dragging .divider-handle{opacity:1;background:#0009;border-color:#00f2ff33}.divider-grip{display:flex;flex-direction:column;gap:3px}.divider-grip span{width:3px;height:3px;border-radius:50%;background:#ffffff4d;transition:all .2s ease}.resizable-divider:hover .divider-grip span,.resizable-divider.dragging .divider-grip span{background:var(--primary-glow);box-shadow:0 0 6px #00f2ff80}.resizable-divider.dragging{background:#00f2ff0d}.mode-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px 6px 0 0;cursor:pointer;font-size:15px;font-weight:500;background-color:transparent;color:#6b7280;transition:all .2s}.mode-tab:hover{background-color:#ffffff0d}.mode-tab.active{background-color:#3b82f6;color:#fff}.educational-content{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.educational-content::-webkit-scrollbar{width:4px}.educational-content::-webkit-scrollbar-track{background:transparent}.educational-content::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:20px}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal{width:550px;max-width:90vw;background:#121418f2!important;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;max-height:85vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}.close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;transition:color .2s}.close-btn:hover{color:#fff}.settings-description{margin-bottom:20px;line-height:1.5;font-size:15px;color:#a1a1aa}.settings-subsection{margin-top:24px;margin-bottom:24px}.settings-subsection h4{margin-bottom:12px;color:#e3e3e3;font-size:15px;text-transform:uppercase;letter-spacing:.5px}.persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.persona-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;cursor:pointer;transition:all .2s ease}.persona-card:hover{background:#ffffff12;transform:translateY(-2px)}.persona-card.active{background:#00f2ff1a;border-color:#00f2ff;box-shadow:0 0 15px #00f2ff26}.persona-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.radio-indicator{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);position:relative;flex-shrink:0}.persona-card.active .radio-indicator{border-color:#00f2ff;background:#00f2ff;box-shadow:0 0 8px #00f2ff}.persona-label{font-weight:600;font-size:15px;color:#e3e3e3}.persona-desc{font-size:13px;color:#a1a1aa;line-height:1.4;display:block}.input-group{display:flex;gap:10px;margin-bottom:15px}.settings-input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#fff;outline:none;font-family:monospace}.settings-input:focus{border-color:var(--primary-glow)}.icon-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);border-radius:8px;padding:0 12px;cursor:pointer;font-size:12px;transition:all .2s}.icon-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.btn-primary{background:var(--primary-glow);color:#000;border:none;width:100%;padding:10px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 0 15px #00f2ff66;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff0f;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;color:#fff}.btn-danger{background:#ff00551a;color:#f05;border:1px solid rgba(255,0,85,.3);padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#f053;box-shadow:0 0 10px #f053}.api-key-status{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;padding:12px;border-radius:8px}.current-key{display:flex;align-items:center;gap:10px;font-family:monospace}.status-icon.success{color:#00ff9d}.save-status{margin-top:15px;text-align:center;padding:10px;border-radius:8px;font-size:15px}.save-status.saved{background:#00ff9d1a;color:#00ff9d}.save-status.cleared{background:#ff00551a;color:#f05}.api-key-help{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);font-size:14px;color:var(--text-secondary)}.api-key-help ol{padding-left:20px;margin:10px 0}.api-key-help li{margin-bottom:6px}.api-key-help a{color:var(--primary-glow);text-decoration:none}.api-key-help a:hover{text-decoration:underline}.api-key-help .note{background:#ffffff08;padding:10px;border-radius:6px;margin-top:15px}.announcement-bar{display:flex;align-items:center;justify-content:center;gap:12px;height:36px;flex-shrink:0;background:linear-gradient(90deg,#00f2ff1f,#3b82f62e,#00f2ff1f);border-bottom:1px solid rgba(0,242,255,.15);padding:0 16px}.announcement-content{display:flex;align-items:center;gap:8px;font-size:13px;color:#00f2ffd9;letter-spacing:.2px}.announcement-close{background:transparent;border:none;color:#fff6;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.announcement-close:hover{color:#fffc;background:#ffffff0d}.app-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:3px 0;flex-shrink:0;font-size:14px;font-weight:500;color:#ffffff73;letter-spacing:.3px;background:#00000040;border-top:1px solid rgba(255,255,255,.06)}.footer-icon{width:16px;height:16px;object-fit:contain;opacity:.5}.onboarding-modal{width:480px;max-width:90vw;background:#121418f7!important;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;max-height:85vh;overflow-y:auto}.onboarding-header{text-align:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:20px}.onboarding-logo{width:36px;height:36px;object-fit:contain;margin-bottom:12px}.onboarding-header h2{margin-bottom:6px}.onboarding-subtitle{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.onboarding-section{margin-bottom:20px}.onboarding-section h4{margin-bottom:10px;color:#e3e3e3;font-size:14px}.optional-tag{font-size:11px;font-weight:400;color:var(--text-secondary);margin-left:6px}.onboarding-hint{font-size:13px;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.onboarding-hint a{color:var(--primary-glow);text-decoration:none}.onboarding-hint a:hover{text-decoration:underline}.onboarding-wide{width:900px;max-width:95vw;max-height:90vh;overflow-y:auto}.onboarding-overview-img{width:100%;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.onboarding-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.onboarding-video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.onboarding-skip{background:none;border:none;color:#fff6;font-size:13px;cursor:pointer;padding:4px 0;margin-top:4px;text-align:center;width:100%}.onboarding-skip:hover{color:#fff9}.onboarding-nav{display:flex;gap:10px;margin-top:8px}.onboarding-nav .btn-secondary{flex:0 0 auto;padding:12px 20px;font-size:15px}.onboarding-nav .onboarding-start{flex:1;margin-top:0}.onboarding-start{margin-top:8px;font-size:15px;padding:12px}