:root{--bg-0: #0f1419;--bg-1: #121920;--bg-2: #1c2633;--ink: #e8eef4;--ink-muted: #8b9aab;--accent: #2db8a0;--accent-soft: rgba(45, 184, 160, .14);--danger: #e07070;--ok: #5ec48a;--line: rgba(232, 238, 244, .08);--shadow: 0 24px 60px rgba(0, 0, 0, .35);--radius: 14px;--sidebar-w: 288px;--font-ui: "DM Sans", system-ui, sans-serif;--font-display: "Instrument Serif", Georgia, serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--ink);background:var(--bg-0);-webkit-font-smoothing:antialiased}.shell{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden}.shell.connect-shell{height:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.bg-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 15% 10%,rgba(45,184,160,.16),transparent 55%),radial-gradient(ellipse 70% 50% at 90% 80%,rgba(70,110,160,.2),transparent 50%),linear-gradient(165deg,#0c1117,#121a22 45%,#0e151c)}.bg-mesh:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");mix-blend-mode:overlay}.topbar,.main,.app-layout{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:.65rem}.brand-mark{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);animation:pulse-mark 2.8s ease-in-out infinite}@keyframes pulse-mark{0%,to{box-shadow:0 0 0 3px var(--accent-soft)}50%{box-shadow:0 0 0 7px #2db8a00f}}.brand-name{font-family:var(--font-display);font-size:1.45rem;letter-spacing:.02em}.main.connect-main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:1.25rem 1.5rem 3.5rem}.connect-panel{max-width:520px;text-align:center;animation:rise-in .7s cubic-bezier(.22,1,.36,1) both}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--accent);margin:0 0 .75rem;font-weight:600}.hero-title{font-family:var(--font-display);font-size:clamp(3.2rem,8vw,4.6rem);font-weight:400;margin:0 0 .85rem;line-height:1}.hero-sub{color:var(--ink-muted);font-size:1.05rem;line-height:1.55;margin:0 0 1.75rem}.fine-print{margin-top:1.25rem;font-size:.78rem;color:var(--ink-muted);line-height:1.45}.credit{margin:.85rem 0 0;font-size:.72rem;letter-spacing:.04em;color:var(--ink-muted);opacity:.85}.sidebar-foot .credit{margin-top:.35rem;text-align:center}.connect-btn{display:inline-flex;min-width:240px;justify-content:center;animation:soft-glow 3.5s ease-in-out infinite}@keyframes soft-glow{0%,to{box-shadow:0 0 #2db8a000}50%{box-shadow:0 0 28px #2db8a040}}.btn{font-family:var(--font-ui);font-size:.9rem;font-weight:600;border:none;border-radius:10px;padding:.65rem 1.05rem;cursor:pointer;transition:background .15s ease,opacity .15s ease,transform .1s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.98)}.btn.primary{background:var(--accent);color:#06241e}.btn.primary:not(:disabled):hover{background:#3dceb6}.btn.ghost{background:transparent;color:var(--ink-muted);border:1px solid var(--line)}.btn.ghost:hover{color:var(--ink);background:#ffffff0a}.btn.ghost.danger:hover{color:var(--danger);border-color:#e0707059}a.btn{text-decoration:none}.banner{font-size:.9rem;padding:.65rem .9rem;border-radius:10px;margin:0 1rem .75rem;flex-shrink:0}.banner.error{background:#e070701f;color:#f0a8a8}.banner.ok{background:#5ec48a1f;color:#9fdbb8}.app-layout{flex:1;display:flex;min-height:0;height:100%;animation:rise-in .45s cubic-bezier(.22,1,.36,1) both}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:#0e131aeb;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:0}.sidebar-head{padding:1.1rem 1rem .85rem;display:flex;flex-direction:column;gap:.85rem;border-bottom:1px solid var(--line)}.new-chat-btn{width:100%;justify-content:center}.sidebar-section{padding:.9rem .75rem .4rem;min-height:0}.sidebar-section.chats-section,.chats-section{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding-bottom:.5rem}.sidebar-label{margin:0 .4rem .55rem;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.action-list{display:flex;flex-direction:column;gap:.3rem;max-height:42vh;overflow-y:auto;padding-right:.15rem}.action-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;width:100%;text-align:left;font-family:var(--font-ui);background:transparent;border:1px solid transparent;color:var(--ink);padding:.55rem .65rem;border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.action-btn:hover:not(:disabled){background:var(--accent-soft);border-color:#2db8a047}.action-btn:disabled{opacity:.45;cursor:not-allowed}.action-label{font-size:.86rem;font-weight:600}.action-hint{font-size:.72rem;color:var(--ink-muted);line-height:1.3}.chat-history{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem;min-height:0;padding-right:.15rem}.history-item{display:flex;align-items:stretch;border-radius:10px;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.history-item:hover{background:#ffffff08}.history-item.active{background:var(--accent-soft);border-color:#2db8a047}.history-select{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;background:transparent;border:none;color:inherit;font-family:var(--font-ui);text-align:left;padding:.55rem .35rem .55rem .65rem;cursor:pointer}.history-title{font-size:.84rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.history-time{font-size:.68rem;color:var(--ink-muted)}.history-delete{background:transparent;border:none;color:var(--ink-muted);font-size:1.1rem;line-height:1;padding:0 .55rem;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease}.history-item:hover .history-delete,.history-item.active .history-delete{opacity:1}.history-delete:hover{color:var(--danger)}.sidebar-foot{border-top:1px solid var(--line);padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.55rem;flex-shrink:0;margin-top:auto}.user-chip{font-size:.82rem;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot-actions{display:flex;gap:.4rem}.sidebar-foot-actions .btn{flex:1;padding:.5rem .4rem;font-size:.78rem}.chat-stage{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.chat-top{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--line);min-height:3.4rem}.menu-btn{display:none}.chat-title{margin:0;font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.85rem;scroll-behavior:smooth;max-width:820px;width:100%;margin:0 auto}.empty-state{margin:auto 0;text-align:center;padding:2rem .5rem;animation:rise-in .5s cubic-bezier(.22,1,.36,1) both}.empty-state h2{font-family:var(--font-display);font-size:2rem;font-weight:400;margin:0 0 .45rem}.empty-state p{color:var(--ink-muted);margin:0 auto 1.4rem;max-width:420px;line-height:1.5;font-size:.95rem}.empty-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;max-width:440px;margin:0 auto}.suggestion{font-family:var(--font-ui);text-align:center;background:var(--bg-2);border:1px solid var(--line);color:var(--ink);padding:.85rem .9rem;border-radius:12px;cursor:pointer;font-weight:600;font-size:.88rem;transition:border-color .15s ease,background .15s ease}.suggestion:hover:not(:disabled){border-color:#2db8a073;background:var(--accent-soft)}.suggestion:disabled{opacity:.45;cursor:not-allowed}.bubble{max-width:92%;animation:bubble-in .35s cubic-bezier(.22,1,.36,1) both}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bubble.user{align-self:flex-end}.bubble.assistant{align-self:flex-start}.bubble-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin-bottom:.3rem}.bubble.user .bubble-label{text-align:right}.bubble-body{padding:.85rem 1rem;border-radius:var(--radius);line-height:1.55;white-space:pre-wrap;word-break:break-word;font-size:.95rem}.bubble.user .bubble-body{background:var(--accent-soft);border:1px solid rgba(45,184,160,.25)}.bubble.assistant .bubble-body{background:var(--bg-2);border:1px solid var(--line)}.bubble.error .bubble-body{border-color:#e0707059;color:#f0a8a8}.bubble-meta{margin-top:.35rem;font-size:.72rem;color:var(--ink-muted)}.composer{display:flex;gap:.6rem;margin:0 auto 1.1rem;width:calc(100% - 2.5rem);max-width:820px;padding:.85rem;background:#161d26e0;border:1px solid var(--line);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);flex-shrink:0}.composer input{flex:1;background:transparent;border:none;outline:none;color:var(--ink);font-family:var(--font-ui);font-size:.95rem;padding:.35rem .4rem}.composer input::placeholder{color:var(--ink-muted)}.dots{display:inline-flex;gap:5px;align-items:center;height:1.2em}.dots span{width:6px;height:6px;border-radius:50%;background:var(--ink-muted);animation:bounce 1.2s ease-in-out infinite}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.loading-pulse{margin:auto;color:var(--ink-muted);animation:rise-in .4s ease both}.sidebar-backdrop{display:none}@media(max-width:860px){.menu-btn{display:inline-flex}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;transform:translate(-105%);transition:transform .25s cubic-bezier(.22,1,.36,1);box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;border:none;background:#00000073;cursor:pointer;animation:fade-in .2s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.action-list{max-height:none}.empty-actions{grid-template-columns:1fr}.chat-list{padding:.85rem 1rem}.composer{width:calc(100% - 1.5rem);margin-bottom:.85rem}}.access-panel{width:min(480px,100%)}.access-form{display:flex;flex-direction:column;gap:.75rem;text-align:left;margin-top:.5rem}.access-form.compact{margin-top:0}.access-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--ink-muted)}.access-form input,.access-form textarea,.admin-login input,.admin-create input{font-family:var(--font-ui);font-size:.95rem;font-weight:400;color:var(--ink);background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:.7rem .85rem;outline:none}.access-form input:focus,.access-form textarea:focus,.admin-login input:focus,.admin-create input:focus{border-color:#2db8a073}.access-form textarea{resize:vertical;min-height:72px}.access-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0 .85rem;color:var(--ink-muted);font-size:.78rem}.access-divider:before,.access-divider:after{content:"";flex:1;height:1px;background:var(--line)}.access-approved{display:flex;flex-direction:column;align-items:center;gap:.75rem}.hero-sub.tight{margin:0 0 .5rem}.status-pill{display:inline-block;margin:.75rem 0 0;padding:.55rem .85rem;border-radius:999px;font-size:.82rem;background:#ffffff0d;color:var(--ink-muted)}.status-pill.approved{background:#5ec48a24;color:#9fdbb8}.status-pill.pending{background:#e6b45024;color:#e6c07b}.status-pill.rejected,.status-pill.suspended{background:#e070701f;color:#f0a8a8}.admin-shell .topbar-actions{display:flex;align-items:center;gap:.5rem}.admin-main{position:relative;z-index:1;flex:1;overflow-y:auto;padding:1.25rem;max-width:1100px;width:100%;margin:0 auto}.admin-login{width:min(380px,100%);display:flex;flex-direction:column;gap:.75rem;text-align:left;animation:rise-in .5s cubic-bezier(.22,1,.36,1) both}.admin-login h1{font-family:var(--font-display);font-size:2.2rem;font-weight:400;margin:0}.admin-login p{color:var(--ink-muted);margin:0 0 .5rem}.admin-login label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--ink-muted)}.admin-card{background:#161d26b8;border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.15rem 1.2rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-card h2{margin:0 0 .35rem;font-size:1.15rem}.admin-card h3{margin:1rem 0 .45rem;font-size:.95rem}.admin-help{color:var(--ink-muted);font-size:.88rem;margin:0 0 .85rem;line-height:1.45}.admin-create{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.admin-create button{grid-column:1 / -1;justify-self:start}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.86rem}.admin-table th,.admin-table td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid var(--line);vertical-align:middle}.admin-table th{color:var(--ink-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.admin-table tr.selected{background:var(--accent-soft)}.admin-table.compact td,.admin-table.compact th{padding:.45rem .4rem}.row-actions{display:flex;gap:.35rem;justify-content:flex-end;white-space:nowrap}.btn.small{padding:.4rem .65rem;font-size:.75rem}.badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#ffffff0f;color:var(--ink-muted)}.badge.pending{background:#e6b45029;color:#e6c07b}.badge.approved{background:#5ec48a29;color:#9fdbb8}.badge.rejected,.badge.suspended{background:#e0707024;color:#f0a8a8}.muted{color:var(--ink-muted);font-size:.8rem}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.request-msg{font-style:italic;color:var(--ink-muted);margin:.5rem 0 .75rem}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:.85rem 0}.stat{background:#ffffff08;border:1px solid var(--line);border-radius:12px;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted)}.stat-value{font-size:1.25rem;font-weight:700}.user-list{margin:0;padding-left:1.1rem;color:var(--ink)}.admin-credit{text-align:center;margin:.5rem 0 1.5rem}@media(max-width:720px){.admin-create,.stat-row{grid-template-columns:1fr}.row-actions{flex-wrap:wrap;justify-content:flex-start}}.account-list{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.35rem}.account-pill{font-size:.68rem;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.google-link{font-size:.72rem;color:var(--accent);text-decoration:none;text-align:center}.google-link:hover{text-decoration:underline}.citations{display:flex;flex-direction:column;gap:.25rem;margin-top:.45rem}.citation-link{font-size:.75rem;color:var(--accent);text-decoration:none}.citation-link:hover{text-decoration:underline}.mic-btn.active{border-color:#2db8a08c;color:var(--accent)}.chat-top .btn.small{margin-left:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade-in .2s ease both}.modal{width:min(520px,100%);background:#151c25;border:1px solid var(--line);border-radius:16px;padding:1.15rem 1.2rem 1.25rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.65rem}.modal h2{margin:0;font-size:1.2rem}.modal label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--ink-muted)}.modal input{font-family:var(--font-ui);font-size:.92rem;font-weight:400;color:var(--ink);background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:.65rem .75rem}.confirm-pre{background:#00000047;border:1px solid var(--line);border-radius:10px;padding:.75rem;overflow:auto;max-height:240px;font-size:.78rem;color:var(--ink-muted);margin:0}.modal-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end;margin-top:.35rem}.sticky-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-top:.85rem;width:min(100%,640px)}.sticky-note{position:relative;border-radius:4px 10px 10px;padding:.85rem .8rem .75rem;min-height:140px;display:flex;flex-direction:column;gap:.28rem;box-shadow:2px 4px #0000002e,0 10px 24px #0000002e;transform:rotate(-.6deg);animation:note-in .35s cubic-bezier(.22,1,.36,1) both;border:1px solid rgba(0,0,0,.08)}.sticky-note:nth-child(2n){transform:rotate(.7deg)}.sticky-note:nth-child(3n){transform:rotate(-1deg)}.sticky-note:hover{transform:rotate(0) translateY(-2px) scale(1.01);z-index:2}@keyframes note-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1}}.note-a{background:#f6e7a5;color:#2a2412}.note-b{background:#c9e8d8;color:#1a2b22}.note-c{background:#f3cfc5;color:#2c1c18}.note-d{background:#cfdcf5;color:#1a2230}.note-e{background:#e4d4f5;color:#24182e}.sticky-top{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.sticky-kind{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.sticky-flag{font-size:.62rem;font-weight:700;background:#0000001f;padding:.12rem .4rem;border-radius:999px}.sticky-flag.unread{background:#b428282e}.sticky-title{margin:0;font-size:.92rem;font-weight:700;line-height:1.25;font-family:var(--font-ui)}.sticky-from,.sticky-when,.sticky-preview{margin:0;font-size:.75rem;line-height:1.35;opacity:.85}.sticky-preview{flex:1}.sticky-open{margin-top:.35rem;align-self:flex-start;font-size:.72rem;font-weight:700;color:inherit;text-decoration:none;border:none;border-bottom:1.5px solid rgba(0,0,0,.35);padding:0 0 1px;background:transparent;cursor:pointer;font-family:inherit}.sticky-open:hover{opacity:.75}.bubble.assistant{max-width:100%}@media(max-width:640px){.sticky-board{grid-template-columns:1fr 1fr;gap:.55rem}}
