:root{--bg:#070b12;--panel:#0d1420;--panel2:#121c2b;--line:#223049;--text:#eef4ff;--muted:#91a0b8;--accent:#7aa7ff;--accent2:#a78bfa;--danger:#ff7b87;--ok:#4ade80;--shadow:0 20px 60px #00000059}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(circle at 70% -10%,#172744 0,transparent 34%),var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{grid-template-columns:286px 1fr;height:100dvh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#090e17f0;flex-direction:column;gap:16px;padding:18px;display:flex}.brand{align-items:center;gap:12px;padding:4px;display:flex}.brand-mark{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07101e;border-radius:13px;place-items:center;width:40px;height:40px;font-weight:900;display:grid;box-shadow:0 0 28px #7aa7ff40}.brand strong,.brand span{display:block}.brand span{color:var(--muted);margin-top:2px;font-size:12px}.chat-list{flex-direction:column;flex:1;gap:6px;display:flex;overflow:auto}.chat-item{color:var(--muted);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:10px;padding:10px 11px;overflow:hidden}.chat-item:hover,.chat-item.active{background:var(--panel2);color:var(--text)}.sidebar-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.privacy-note{color:#6f7e96;padding:4px;font-size:11px;line-height:1.5}.main{flex-direction:column;min-width:0;height:100dvh;display:flex;position:relative}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:3;background:#070b12b8;border-bottom:1px solid #223049b3;align-items:center;gap:14px;height:68px;padding:0 22px;display:flex}.status-wrap{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.status-wrap strong,.status-wrap span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.status-wrap strong{font-size:13px}.status-wrap span{color:var(--muted);margin-top:2px;font-size:11px}.status-dot{background:#64748b;border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px}.status-dot.ready{background:var(--ok)}.status-dot.loading{background:#fbbf24}.status-dot.error{background:#fb7185}.hero{text-align:center;width:100%;max-width:940px;margin:auto auto 18px;padding:36px 28px 0}.eyebrow{letter-spacing:.16em;color:#8eb1ff;font-size:11px;font-weight:800}.hero h1{background:linear-gradient(135deg,#fff 20%,#a9c7ff 58%,#b9a2ff);color:#0000;-webkit-background-clip:text;margin:15px 0;font-size:clamp(34px,6vw,62px);line-height:1.02}.hero p{color:var(--muted);max-width:720px;margin:0 auto;font-size:16px;line-height:1.65}.feature-pills{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.feature-pills span{border:1px solid var(--line);color:#bcc9db;background:#121c2bad;border-radius:999px;padding:7px 11px;font-size:12px}.messages{flex-direction:column;flex:1;gap:18px;padding:26px max(22px,50vw - 530px);display:flex;overflow:auto}.message{gap:12px;width:100%;max-width:900px;margin:0 auto;display:flex}.avatar{background:var(--panel2);border:1px solid var(--line);border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.message.assistant .avatar{background:linear-gradient(135deg,#21365d,#382d61)}.bubble{color:#dde7f6;white-space:pre-wrap;word-break:break-word;min-width:0;padding:1px 0;line-height:1.67}.message.user{justify-content:flex-end}.message.user .avatar{order:2}.message.user .bubble{background:var(--panel2);border:1px solid var(--line);border-radius:16px;max-width:78%;margin-left:auto;padding:11px 14px}.quick-prompts{flex-wrap:wrap;justify-content:center;gap:8px;padding:0 20px 12px;display:flex}.quick-prompts button{border:1px solid var(--line);color:#b6c5da;cursor:pointer;background:#0d1420c7;border-radius:12px;padding:9px 12px}.quick-prompts button:hover{color:#fff;border-color:#45618e}.composer-wrap{width:min(900px,100% - 32px);margin:0 auto 14px}.context-note{color:#76869e;min-height:17px;padding:0 5px 5px;font-size:11px}.composer{border:1px solid var(--line);box-shadow:var(--shadow);background:#0d1420f2;border-radius:20px;align-items:flex-end;gap:8px;padding:8px;display:flex}.composer:focus-within{box-shadow:0 0 0 3px #7aa7ff14,var(--shadow);border-color:#45618e}.composer textarea{resize:none;min-height:40px;max-height:190px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:10px 3px;line-height:1.45}.composer-meta{color:#65748a;justify-content:space-between;padding:7px 4px 0;font-size:10px;display:flex}.icon-btn,.ghost,.primary,.danger,.send-btn{font:inherit;cursor:pointer;border:0}.icon-btn{color:#9eacc1;background:0 0;border-radius:11px;width:38px;height:38px;font-size:17px}.icon-btn:hover,.icon-btn.active{background:var(--panel2);color:#fff}.icon-btn.active{box-shadow:inset 0 0 0 1px #b26cff}.send-btn{background:var(--text);color:#07101e;border-radius:13px;width:40px;height:40px;font-size:22px;font-weight:900}.send-btn:disabled,.primary:disabled,.ghost:disabled,.danger:disabled{opacity:.4;cursor:not-allowed}.ghost{background:var(--panel2);color:#bdc9d9;border:1px solid var(--line);border-radius:10px;padding:9px 11px}.ghost:hover{color:#fff;border-color:#425b84}.ghost.compact{padding:7px 10px;font-size:12px}.primary{background:linear-gradient(135deg,var(--accent),#9278ff);color:#07101e;border-radius:11px;padding:11px 15px;font-weight:800}.full{width:100%}.danger{color:#ffd8dc;background:#35151c;border:1px solid #65303b;border-radius:10px;padding:10px 12px}.modal{width:min(720px,100% - 24px);color:var(--text);background:0 0;border:0;border-radius:18px;padding:0}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b8}.modal-card{border:1px solid var(--line);max-height:min(88dvh,900px);box-shadow:var(--shadow);background:#0c131f;border-radius:18px;flex-direction:column;gap:17px;padding:20px;display:flex;overflow:auto}.modal-card.large{width:min(780px,100%)}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-head h2{margin:0 0 5px;font-size:20px}.modal-head p,.hint{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.modal label{color:#d8e2f1;flex-direction:column;gap:7px;font-size:13px;display:flex}.modal input,.modal select,.modal textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#09101a;border-radius:11px;outline:0;padding:11px 12px}.modal select{min-height:44px}.mode-grid,.two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-card{border:1px solid var(--line);cursor:pointer;background:#0a111c;border-radius:13px;padding:14px}.mode-card:has(input:checked){background:#111d31;border-color:#648bd1}.mode-card input{display:none}.mode-card strong,.mode-card span{display:block}.mode-card span{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.5}.device-card,.vault-note{border:1px solid var(--line);color:#b9c7d9;background:#0a111c;border-radius:12px;padding:12px;font-size:12px;line-height:1.55}.vault-note strong,.vault-note span{display:block}.vault-note span{color:var(--muted);margin-top:5px}.large-textarea{resize:vertical;min-height:220px;line-height:1.55}.large-textarea.small{min-height:125px}.modal-actions,.button-line,.section-head{align-items:center;gap:8px;display:flex}.modal-actions{justify-content:flex-end}.section-head{border-top:1px solid var(--line);justify-content:space-between;padding-top:14px}.button-line{flex-wrap:wrap}.toggle-row{justify-content:space-between;align-items:center;gap:20px;flex-direction:row!important}.toggle-row span strong,.toggle-row span small{display:block}.toggle-row span small{color:var(--muted);margin-top:3px}.toggle-row input{width:20px;height:20px}.danger-zone{border-top:1px solid var(--line);padding-top:16px}.progress{background:#1d2a3d;border-radius:999px;height:5px;margin-top:4px;overflow:hidden}.progress div{background:linear-gradient(90deg,var(--accent),var(--accent2));width:0;height:100%;transition:width .2s}.data-list{flex-direction:column;gap:7px;max-height:270px;display:flex;overflow:auto}.data-row{border:1px solid var(--line);background:#0a111c;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;display:flex}.data-row div{min-width:0}.data-row strong,.data-row span{display:block}.data-row strong{font-size:12px}.data-row span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:510px;margin-top:3px;font-size:11px;overflow:hidden}.empty{color:var(--muted);margin:4px 0;font-size:12px}.storage-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.storage-grid div{border:1px solid var(--line);background:#0a111c;border-radius:12px;padding:13px}.storage-grid strong,.storage-grid span{display:block}.storage-grid strong{font-size:17px}.storage-grid span{color:var(--muted);margin-top:4px;font-size:10px}.mobile-only{display:none}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:20;width:min(320px,88vw);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-102%);box-shadow:30px 0 70px #00000073}.sidebar.open{transform:translate(0)}.mobile-only{display:grid}.topbar{padding:0 12px}.hero{padding:26px 18px 0}.messages{padding:20px 16px}.message.user .bubble{max-width:90%}.mode-grid,.two-col{grid-template-columns:1fr}.storage-grid{grid-template-columns:1fr 1fr}.composer-wrap{width:calc(100% - 18px);margin-bottom:8px}.quick-prompts{padding-inline:10px}.quick-prompts button{font-size:12px}.data-row span{max-width:220px}}@media (max-height:700px){.hero{display:none}}.brand-link{color:inherit;text-decoration:none}.brand-logo{object-fit:cover;border:1px solid #2b3b55;border-radius:11px;width:40px;height:40px;box-shadow:0 0 24px #7aa7ff2e}.chat-search{border:1px solid var(--line);width:100%;color:var(--text);background:#09101a;border-radius:10px;outline:0;padding:9px 10px}.chat-search:focus{border-color:#45618e}.chat-row{grid-template-columns:minmax(0,1fr) 28px 28px;align-items:center;gap:4px;display:grid}.chat-row .chat-item{min-width:0}.chat-mini{color:#74839a;cursor:pointer;background:0 0;border:0;border-radius:8px;width:28px;height:28px}.chat-mini:hover{background:var(--panel2);color:#fff}.danger-mini:hover{color:#ff98a1}.powered-by{background:#080e17;border:1px solid #22304999;border-radius:10px;margin-top:4px;padding:8px;display:block}.powered-by img{max-width:100%;height:31px;margin:auto;display:block}.message-body{flex:1;min-width:0}.message.user .message-body{max-width:78%;margin-left:auto}.message.user .bubble{max-width:none}.message-actions{opacity:.2;gap:5px;margin-top:7px;transition:opacity .15s;display:flex}.message:hover .message-actions{opacity:1}.message-actions button{color:#728199;cursor:pointer;background:0 0;border:0;padding:3px 5px;font-size:11px}.message-actions button:hover{color:#dfe9f8}.bubble p{margin:.35em 0 .75em}.bubble h1,.bubble h2,.bubble h3,.bubble h4{color:#f5f8ff;margin:1em 0 .4em;line-height:1.25}.bubble h1{font-size:1.45em}.bubble h2{font-size:1.28em}.bubble h3{font-size:1.12em}.bubble ul,.bubble ol{margin:.5em 0 .8em;padding-left:1.5em}.bubble li{margin:.25em 0}.bubble a{color:#9ec0ff}.bubble code{background:#101a29;border:1px solid #24344f;border-radius:5px;padding:.12em .32em;font-size:.92em}.bubble pre{background:#080e17;border:1px solid #263752;border-radius:12px;padding:13px;overflow:auto}.bubble pre code{white-space:pre;background:0 0;border:0;padding:0}.bubble blockquote{color:#aab9ce;border-left:3px solid #647eb0;margin:.7em 0;padding:.25em 0 .25em 12px}.md-table-wrap{margin:.8em 0;overflow:auto}.bubble table{border-collapse:collapse;width:100%;min-width:420px}.bubble th,.bubble td{text-align:left;vertical-align:top;border:1px solid #2a3a55;padding:8px 9px}.bubble th{color:#f0f5ff;background:#111c2b}.source-list{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.source-chip{color:#aabbd2;background:#0c1624;border:1px solid #2d405f;border-radius:999px;padding:5px 8px;font-size:10px}.stop-btn{color:#ff9ca5}.diagnostics{white-space:pre-wrap;border:1px solid var(--line);color:#c7d5e8;background:#070d15;border-radius:12px;max-height:55dvh;padding:14px;font-size:12px;line-height:1.6;overflow:auto}@media (max-width:820px){.message.user .message-body{max-width:90%}.message-actions{opacity:.75}.powered-by img{height:29px}}
