@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#fafafa;--panel-bg:#fff;--sidebar-w:260px;--sources-w:320px;--text-main:#2e3238;--text-muted:#6b7280;--accent:#6c53a3;--accent-hover:#5a4488;--accent-glow:#6c53a333;--border:#00000014;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--font-body:"Outfit", sans-serif;--shadow-sm:0 4px 6px -1px #0000000d;--shadow-glow:0 0 20px var(--accent-glow)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);width:100vw;height:100vh;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.left-sidebar{width:var(--sidebar-w);background-color:var(--panel-bg);border-right:1px solid var(--border);z-index:10;flex-direction:column;padding:1.5rem 1rem;transition:width .3s;display:flex}.main-content{flex-direction:column;flex:1;display:flex;position:relative}.right-sidebar{width:var(--sources-w);background-color:var(--panel-bg);border-left:1px solid var(--border);z-index:10;flex-direction:column;padding:1.5rem 1rem;display:flex}h1,h2,h3{font-weight:600}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.btn{color:var(--text-main);font-family:var(--font-body);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-accent{background-color:var(--accent);color:#111}.btn-accent:hover{background-color:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-ghost{color:var(--text-muted)}.btn-ghost:hover{color:var(--text-main);background-color:#0000000d}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.notebook-list{flex-direction:column;flex:1;gap:.5rem;display:flex;overflow-y:auto}.notebook-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;border:1px solid #0000;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.notebook-item:hover{color:var(--text-main);background-color:#00000008}.notebook-item.active{color:var(--text-main);border-color:var(--border);background-color:#0000000d}.top-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:60px;padding:0 2rem;display:flex}.chat-container{background-color:#fafafa;flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.chat-bubble{border-radius:var(--radius-lg);max-width:80%;padding:1rem 1.25rem;line-height:1.5;animation:.3s ease-out forwards slideIn}.chat-user{background-color:#0000000d;border-bottom-right-radius:4px;align-self:flex-end}.chat-ai{border:1px solid var(--border);background-color:#fff;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 1px 3px #0000000f}.input-area{background:linear-gradient(to top, var(--bg-color) 70%, transparent);padding:1.5rem 2rem}.input-box{background-color:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:flex-end;gap:.5rem;padding:.5rem;transition:border-color .3s;display:flex}.input-box:focus-within{box-shadow:var(--shadow-glow);border-color:#ca8a0480}.input-area textarea{width:100%;color:var(--text-main);font-family:var(--font-body);letter-spacing:.01em;resize:none;background:0 0;border:none;outline:none;min-height:40px;font-size:1rem;line-height:1.6}.input-area textarea::placeholder{color:var(--text-muted);opacity:.7}.input-area textarea:focus{outline:none}.sources-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1rem;font-weight:500;display:flex}.sources-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}.source-card{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background-color:#00000008;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.source-card:hover{background-color:#0000000f;transform:translateY(-2px)}.source-card.selected{border-color:var(--accent)}.source-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-main);background-color:#0000001a;justify-content:center;align-items:center;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0003}.home-page{flex:1;padding:3rem;overflow-y:auto}.home-header{margin-bottom:3rem}.home-header h1{color:var(--text-main);margin-bottom:.5rem;font-size:2.5rem}.notebooks-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.notebook-card{background-color:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;justify-content:space-between;min-height:180px;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.notebook-card:hover{border-color:#0003;transform:translateY(-4px);box-shadow:0 10px 30px #00000080}.notebook-card:before{content:"";background:linear-gradient(to right, var(--accent), transparent);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.notebook-card:hover:before{opacity:1}.new-notebook-card{background:0 0;border:1px dashed #0003;justify-content:center;align-items:center;gap:1rem}.new-notebook-card:hover{border-color:var(--text-main);background:#00000005}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:400px;max-width:90vw;box-shadow:var(--shadow-sm), 0 20px 40px #00000080;padding:2rem}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;display:flex}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-group label{color:var(--text-muted);font-size:.875rem;font-weight:500}.form-input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-body);background-color:#00000008;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}.markdown-format{text-align:left;line-height:1.6}.markdown-format p{margin-bottom:.75rem}.markdown-format p:last-child{margin-bottom:0}.markdown-format strong{color:var(--accent);font-weight:700}.markdown-format ul,.markdown-format ol{margin-block:.5rem;padding-inline-start:1.5rem}.markdown-format li{text-align:left;margin-bottom:.25rem}.markdown-format code{background:#0000004d;border-radius:4px;padding:.1rem .3rem;font-family:monospace}.markdown-format pre{border-radius:var(--radius-sm);background:#0006;margin:1rem 0;padding:1rem;overflow-x:auto}.markdown-format pre code{background:0 0;padding:0}