@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap";html,body,#root{min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background:#090b12}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#08090a;--line-subtle:#ffffff0d;--line:#ffffff14;--text-0:#f7f8f8;--text-1:#d0d6e0;--text-2:#8a8f98;--accent-bg:#5e6ad2;--amber:#d9a33b;--violet:#8b7dff}*{box-sizing:border-box}body{background:radial-gradient(1200px 900px at 0% -20%, #7170ff1f, transparent 65%), var(--bg-0);color:var(--text-0);margin:0;font-family:Geist,system-ui,sans-serif}button,input,textarea,select{font:inherit}.shell{grid-template-columns:320px 1fr;gap:14px;min-height:100vh;padding:14px;display:grid}.shell.empty{color:var(--text-2);place-items:center;display:grid}.sidebar,.chat-panel{border:1px solid var(--line-subtle);background:linear-gradient(#101113f2,#0b0c0ef2);border-radius:16px;box-shadow:0 20px 40px #00000059,inset 0 1px #ffffff05}.sidebar{grid-template-rows:auto auto auto auto 1fr;gap:12px;min-height:calc(100vh - 28px);padding:14px;display:grid}.brand{align-items:center;gap:10px;display:flex}.brand-badge{color:#fff;background:linear-gradient(145deg,#5e6ad2,#7170ff);border-radius:10px;place-items:center;width:36px;height:36px;font-size:.78rem;font-weight:700;display:grid}.brand strong{letter-spacing:-.01em;font-size:.9rem;font-weight:600;display:block}.brand small{color:var(--text-2);font-size:.74rem}.project-select-row{gap:6px;display:grid}.project-select-row label{color:var(--text-2);font-size:.72rem;font-weight:600}.project-select-row select,.search-row input{border:1px solid var(--line-subtle);width:100%;color:var(--text-0);background:#ffffff05;border-radius:10px;outline:none;padding:10px 11px}.project-select-row select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.project-select-row select option{color:#f7f8f8;background:#0f1011}.project-select-row select:focus,.search-row input:focus{border-color:var(--line);box-shadow:0 0 0 3px #7170ff33}.list-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.list-head strong{color:var(--text-1);letter-spacing:.01em;font-size:.78rem}.list-head span{color:var(--text-2);font-size:.72rem}.session-list{grid-auto-rows:74px;align-content:start;gap:6px;display:grid;overflow:auto}.session-item{color:var(--text-0);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:space-between;height:74px;padding:7px 8px;transition:all .16s cubic-bezier(.16,1,.3,1);display:flex}.session-item:hover{border-color:var(--line-subtle);background:#ffffff08}.session-item.active{background:#7170ff14;border-color:#7170ff59;box-shadow:0 0 0 1px #7170ff40}.session-main-row{justify-content:space-between;align-items:flex-start;gap:8px;min-height:40px;display:flex}.session-left{flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.session-dot{background:#7d8191;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.session-dot.unread{background:#43d85f}.session-dot.thinking{background:var(--amber)}.session-dot.responding{background:#8aa0ff}.session-dot.tools{background:var(--violet)}.session-left strong{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;display:block;overflow:hidden}.session-left p{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:.7rem;line-height:1.25;overflow:hidden}.session-right{text-align:right;flex-shrink:0;justify-items:end;gap:3px;display:grid}.session-right time{color:var(--text-2);font-size:.64rem}.session-right b{color:#05240f;background:#43d85f;border-radius:9px;place-items:center;min-width:18px;height:18px;font-size:.66rem;display:grid}.session-foot{justify-content:space-between;align-items:center;gap:6px;min-height:16px;margin-top:0;display:flex}.session-foot small{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.66rem;overflow:hidden}.state-pill{border:1px solid #0000;border-radius:999px;padding:2px 6px;font-size:.58rem;font-weight:600}.state-pill.idle{color:#c5cbe0;background:#ffffff0f;border-color:#ffffff1a}.state-pill.unread{color:#031d0c;background:#43d85f}.state-pill.thinking{color:#2a1f09;background:var(--amber)}.state-pill.responding{color:#081e47;background:#8aa0ff}.state-pill.tools{color:#1f1349;background:var(--violet)}.chat-panel{grid-template-rows:auto 1fr auto;min-height:calc(100vh - 28px);display:grid}.chat-topbar{border-bottom:1px solid var(--line-subtle);justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;display:flex}.chat-topbar h1{letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:600}.chat-topbar p{color:var(--text-2);margin:5px 0 0;font-size:.8rem}.dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.idle{background:#7d8191}.dot.unread{background:#43d85f}.dot.thinking{background:var(--amber);animation:1.5s infinite pulse}.dot.responding{background:#8aa0ff;animation:1.2s infinite pulse}.dot.tools{background:var(--violet);animation:1.1s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #ffffff42}to{box-shadow:0 0 0 10px #fff0}}.top-actions{gap:8px;display:flex}.icon-button{border:1px solid var(--line-subtle);min-width:34px;min-height:34px;color:var(--text-1);cursor:pointer;background:#ffffff08;border-radius:8px;place-items:center;font-size:.95rem;line-height:1;display:grid}.messages{gap:8px;padding:14px;display:grid;overflow:auto}.msg{border:1px solid var(--line-subtle);background:#ffffff05;border-radius:10px;max-width:min(740px,96%);padding:8px 9px}.msg.user{background:#7170ff24;border-color:#7170ff59;justify-self:end}.msg.system{color:#c7cbe0;border-style:dashed}.msg header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.msg header strong{font-size:.74rem;font-weight:600}.msg header time{color:var(--text-2);font-size:.67rem}.msg p{color:var(--text-1);margin:0;font-size:.84rem;line-height:1.4}.tool-event{color:#d8def0;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;width:fit-content;margin-top:8px;padding:4px 8px;font-size:.72rem}.attachments{gap:6px;margin-top:8px;display:grid}.attachments button{border:1px solid var(--line-subtle);color:var(--text-1);text-align:left;cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:6px 7px;display:flex}.attachments button:hover{border-color:var(--line)}.attachments button span{font-size:1rem}.attachments button strong{color:var(--text-0);font-size:.78rem;display:block}.attachments button small{color:var(--text-2);font-size:.69rem}.composer{border-top:1px solid var(--line-subtle);padding:12px}.pending-list{flex-wrap:wrap;gap:7px;margin-bottom:8px;display:flex}.pending-item{border:1px solid var(--line-subtle);background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;display:flex}.pending-item small{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:.73rem;overflow:hidden}.pending-item button{color:var(--text-2);cursor:pointer;background:0 0;border:0;padding:0}.composer-row{gap:10px;display:flex}.composer textarea{resize:vertical;border:1px solid var(--line-subtle);min-height:82px;color:var(--text-0);background:#ffffff04;border-radius:10px;outline:none;flex:1;padding:10px}.composer textarea:focus{border-color:var(--line);box-shadow:0 0 0 3px #7170ff33}.composer-actions{gap:7px;width:130px;display:grid}.composer-actions .send{background:var(--accent-bg);color:#fff;border-color:#0000;font-weight:600}.viewer-layer{z-index:20;background:#000000d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.viewer{border:1px solid var(--line);background:#0f1011;border-radius:12px;width:min(980px,100%)}.viewer header{border-bottom:1px solid var(--line-subtle);justify-content:space-between;align-items:center;gap:8px;padding:11px;display:flex}.viewer header strong{font-size:.86rem;display:block}.viewer header small{color:var(--text-2);font-size:.74rem}.viewer header button{border:1px solid var(--line-subtle);color:var(--text-1);background:#ffffff08;border-radius:8px;padding:7px 9px}.viewer section{padding:12px}.viewer img,.viewer video{object-fit:contain;border-radius:10px;width:100%;max-height:70vh}.viewer audio{width:100%}.file-fallback{border:1px dashed var(--line);text-align:center;border-radius:10px;padding:18px}.file-fallback p{color:var(--text-1);margin:0 0 8px}.file-fallback button{border:1px solid var(--line-subtle);color:var(--text-0);background:#ffffff0a;border-radius:8px;padding:8px 10px}@media (width<=980px){.shell{grid-template-columns:1fr}.sidebar,.chat-panel{min-height:auto}.composer-row{flex-direction:column}.composer-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}}