*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#f7f8f8;font-feature-settings:"cv01","ss03";background:#08090a;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}.app-shell{background:radial-gradient(circle at 72% -20%,#7170ff1f,#0000 35%),#08090a;height:100%;min-height:540px;display:flex;overflow:hidden}.sidebar{z-index:20;background:#0f1011f0;border-right:1px solid #ffffff0f;flex-direction:column;flex:none;width:260px;padding:16px 12px;display:flex}.brand{align-items:center;gap:10px;height:42px;padding:0 6px 14px;display:flex}.brand-mark,.avatar{color:#fff;background:linear-gradient(145deg,#7170ff,#5046b8);place-items:center;display:grid;box-shadow:0 0 22px #7170ff3b}.brand-mark{border-radius:8px;width:28px;height:28px}.brand>div:nth-child(2){flex-direction:column;display:flex}.brand strong{letter-spacing:-.1px;font-size:14px;font-weight:590}.brand span{color:#62666d;margin-top:2px;font-size:10px}.icon{color:#8a8f98;cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.icon:hover{color:#f7f8f8;background:#ffffff0f}.mobile-only,.menu{display:none}.new-chat{color:#d0d6e0;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:9px;height:38px;padding:0 10px;display:flex}.new-chat:hover{background:#ffffff12}.new-chat span{flex:1;font-size:13px;font-weight:510}.new-chat kbd{color:#62666d;border:1px solid #ffffff14;border-radius:4px;padding:2px 5px;font-size:10px}.side-label{color:#62666d;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:24px 8px 8px;font-size:10px;font-weight:590;display:flex}.conversation-list{flex:1;overflow:auto}.conversation-list button{color:#8a8f98;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;height:38px;padding:0 8px;display:flex}.conversation-list button:hover,.conversation-list button.active{color:#e2e4e7;background:#ffffff0b}.conversation-list button span{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;font-size:12px;overflow:hidden}.conversation-list small{color:#4c5057;font-size:9px}.empty-list{color:#4f535b;padding:0 8px;font-size:11px}.sidebar-foot{border-top:1px solid #ffffff0d;padding:14px 6px 0}.connection{align-items:center;gap:9px;display:flex}.connection i,.secure i{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #10b9811a}.connection i.offline{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.connection div{flex-direction:column;display:flex}.connection strong{color:#d0d6e0;font-size:11px;font-weight:510}.connection span{color:#62666d;margin-top:3px;font-size:9px}.model{color:#4f535b;align-items:center;gap:6px;margin-top:12px;font-size:9px;display:flex}.workspace{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.workspace header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#08090ab8;border-bottom:1px solid #ffffff0e;flex:none;justify-content:space-between;align-items:center;height:62px;padding:0 20px;display:flex}.header-left,.header-actions{align-items:center;gap:11px;display:flex}.header-left>div{flex-direction:column;display:flex}.header-left strong{font-size:13px;font-weight:510}.header-left span{color:#62666d;margin-top:3px;font-size:9px}.secure{color:#62666d;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:7px;font:9px ui-monospace,monospace;display:flex}.chat{scrollbar-width:thin;scrollbar-color:#28282c transparent;flex:1;overflow:auto}.welcome{text-align:center;flex-direction:column;align-items:center;max-width:720px;min-height:100%;margin:0 auto;padding:9vh 32px 160px;display:flex}.orb{background:linear-gradient(145deg,#7170fff2,#4037a0e6);border-radius:17px;place-items:center;width:54px;height:54px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff24,0 18px 60px #554ad23d}.orb span{border:1px solid #7170ff24;border-radius:24px;width:70px;height:70px;position:absolute}.eyebrow{color:#7170ff;letter-spacing:.16em;margin:30px 0 10px;font:500 9px ui-monospace,monospace}.welcome h1{letter-spacing:-.7px;margin:0;font-size:32px;font-weight:510}.lead{color:#757a84;max-width:440px;margin:13px 0 34px;font-size:13px;line-height:1.6}.suggestions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.suggestions button{color:#a6abb4;text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #fff1;border-radius:10px;align-items:center;gap:11px;min-height:58px;padding:10px 12px;display:flex}.suggestions button:hover{color:#e2e4e7;background:#ffffff0b;border-color:#7170ff47;transform:translateY(-1px)}.suggestions button>span:nth-child(2){flex:1;font-size:11px;line-height:1.4}.suggest-icon{color:#828fff;background:#7170ff1a;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.thread{max-width:760px;margin:0 auto;padding:34px 34px 180px}.message{gap:11px;margin:0 0 25px;display:flex}.message.user{justify-content:flex-end}.avatar{border-radius:8px;flex:none;width:27px;height:27px;margin-top:2px}.bubble{color:#c7cbd2;max-width:82%;font-size:13px;line-height:1.7}.bubble p{margin:0 0 7px}.user .bubble{color:#e7e8eb;background:#222329;border:1px solid #ffffff12;border-radius:13px 13px 4px;padding:9px 13px}.action-card{background:linear-gradient(145deg,#7170ff13,#ffffff05);border:1px solid #7170ff38;border-radius:11px;gap:11px;margin:0 0 24px 38px;padding:13px;display:flex}.action-icon{color:#9695ff;background:#7170ff21;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.action-copy{flex-direction:column;gap:5px;display:flex}.action-copy>span{letter-spacing:.1em;color:#7170ff;font:500 8px ui-monospace,monospace}.action-copy strong{color:#d7dae0;font-size:12px;font-weight:510}.decision{gap:7px;margin-top:6px;display:flex}.decision button{color:#8a8f98;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:6px;padding:6px 10px;font-size:10px}.decision button.approve{color:#fff;background:#5e6ad2;border-color:#6d75db}.action-copy em{color:#10b981;margin-top:4px;font-size:10px;font-style:normal}.typing{align-items:center;gap:4px;height:31px;display:flex}.typing i{background:#7170ff;border-radius:50%;width:4px;height:4px;animation:1.2s infinite pulse}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,70%,to{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.composer-wrap{z-index:6;background:linear-gradient(#0000,#08090a 35%);padding:28px max(20px,50% - 380px) 12px;position:absolute;bottom:0;left:0;right:0}.composer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#191a1bed;border:1px solid #ffffff1a;border-radius:14px;align-items:flex-end;min-height:56px;padding:10px 10px 10px 14px;display:flex;box-shadow:0 12px 50px #00000059,inset 0 1px #ffffff06}.composer:focus-within{border-color:#7170ff7a;box-shadow:0 0 0 3px #7170ff14,0 12px 50px #00000059}.composer textarea{resize:none;color:#eef0f2;background:0 0;border:0;outline:0;flex:1;min-height:34px;max-height:140px;padding:7px 4px;font-size:12px;line-height:1.6}.composer textarea::placeholder{color:#5f636b}.send{color:#fff;cursor:pointer;background:#6c72dc;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 1px #fff3}.send:disabled{color:#555961;cursor:default;background:#292b30}.composer-wrap>p{text-align:center;color:#41454c;margin:7px 0 0;font-size:8px}.error{color:#fca5a5;background:#7f1d1d47;border:1px solid #f8717133;border-radius:8px;justify-content:space-between;max-width:760px;margin:0 auto 7px;padding:8px 10px;font-size:10px;display:flex}.error button{color:inherit;background:0 0;border:0}.scrim{display:none}@media (width<=760px){.sidebar{width:270px;transition:transform .2s;position:absolute;inset:0 auto 0 0;transform:translate(-102%);box-shadow:18px 0 70px #00000080}.sidebar.open{transform:none}.mobile-only,.menu{display:grid}.brand .mobile-only{margin-left:auto}.scrim{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;border:0;display:block;position:absolute;inset:0}.workspace header{padding:0 13px}.secure{display:none}.welcome{padding:8vh 17px 150px}.welcome h1{font-size:27px}.suggestions{grid-template-columns:1fr}.suggestions button{min-height:50px}.thread{padding:27px 15px 170px}.bubble{max-width:90%;font-size:12px}.action-card{margin-left:38px}.composer-wrap{padding:26px 10px max(9px,env(safe-area-inset-bottom))}.composer-wrap>p{display:none}}@media (width<=420px){.header-actions .icon{display:none}.welcome .lead{font-size:12px}.suggestions button:nth-child(n+4){display:none}}