html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px}:root{color:#e8eaf2;font-synthesis:none;background:#0c0d12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{background:#0c0d12;min-height:100vh;display:flex}.sidebar{background:#11131b;border-right:1px solid #262936;flex-direction:column;flex-shrink:0;width:270px;min-height:100vh;padding:22px 16px;display:flex}.sidebar-brand{align-items:center;gap:12px;padding:4px 5px 25px;display:flex}.sidebar-brand strong{font-size:16px;display:block}.sidebar-brand small,.topbar small{color:#858b9e;margin-top:4px;font-size:11px;display:block}.brand-mark{color:#fff;background:linear-gradient(135deg,#8b5cf6,#4f46e5);border-radius:15px;place-items:center;width:48px;height:48px;font-size:27px;display:grid;box-shadow:0 7px 25px #6848df44}.brand-mark.small{border-radius:12px;width:38px;height:38px;font-size:22px}.new-project,.primary{color:#fff;background:linear-gradient(110deg,#7654ec,#5943cb);border:0;border-radius:10px;padding:12px 15px;font-weight:650}.new-project{width:100%;margin-bottom:27px}.side-label,.eyebrow{color:#858ba0;letter-spacing:1.5px;font-size:10px;font-weight:750}.side-label{padding:0 9px 10px}.nav-item,.project-link,.logout{color:#aeb3c3;text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:11px 10px}.nav-item.active,.project-link.selected{color:#c5b7ff;background:#27233c}.project-heading{margin-top:28px}.project-list{overflow-y:auto}.project-row{align-items:center;display:flex}.project-link{align-items:center;gap:9px;min-width:0;display:flex}.project-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.delete-project{color:#858ba0;background:0 0;border:0;padding:7px}.delete-project:hover{color:#ff8585}.empty-small{color:#73798b;padding:0 10px;font-size:12px}.sidebar-bottom{border-top:1px solid #292c38;margin-top:auto;padding-top:15px}.user-card{align-items:center;gap:10px;min-width:0;padding:7px;display:flex}.avatar{color:#c9baff;background:#30264e;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.user-info{min-width:0}.user-info strong{overflow-wrap:anywhere;font-size:11px;display:block}.user-info small{color:#858b9e;font-size:10px}.logout{margin-top:7px}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:#10121a;border-bottom:1px solid #262936;align-items:center;gap:13px;min-height:70px;padding:0 30px;display:flex}.topbar strong{font-size:14px}.top-status{color:#a2a8b9;margin-left:auto;font-size:11px}.top-status span{background:#45c98b;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.menu-toggle{color:#fff;background:0 0;border:0;font-size:22px;display:none}.workspace{flex-direction:column;flex:1;width:100%;max-width:1050px;margin:auto;padding:35px 28px 24px;display:flex}.welcome{text-align:center;width:100%;max-width:680px;margin:auto auto 25px}.welcome-icon{color:#bca8ff;background:#28213e;border-radius:19px;place-items:center;width:58px;height:58px;margin:0 auto 24px;font-size:34px;display:grid}.welcome h1{letter-spacing:-1.2px;margin:13px 0;font-size:clamp(27px,4vw,39px)}.welcome>p{color:#9298aa;font-size:14px;line-height:1.7}.suggestions{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.suggestions button{text-align:left;color:#c3c7d4;background:#141722;border:1px solid #2a2d3b;border-radius:11px;padding:15px;font-size:12px}.suggestions button span{float:right;color:#a68cff}.composer-wrap{width:100%;max-width:790px;margin:0 auto}.composer{background:#171a25;border:1px solid #36394a;border-radius:15px;padding:14px;box-shadow:0 12px 40px #0003}.composer textarea{resize:vertical;color:#f1f1f6;background:0 0;border:0;outline:0;width:100%;min-height:55px;font-size:14px}.composer textarea::placeholder{color:#777e91}.composer-footer{color:#737a8d;justify-content:space-between;align-items:center;font-size:10px;display:flex}.send-button{color:#fff;background:#7654ec;border:0;border-radius:9px;width:36px;height:34px;font-size:23px}.send-button:disabled{opacity:.4}.disclaimer{text-align:center;color:#6d7385;margin-top:10px;font-size:10px}.project-banner{background:linear-gradient(110deg,#1b1930,#151722);border:1px solid #302b47;border-radius:13px;justify-content:space-between;margin-bottom:20px;padding:20px 22px;display:flex}.project-banner h2{margin:7px 0;font-size:21px}.project-banner p{color:#9298aa;margin:0;font-size:12px}.project-icon{color:#bca8ff;font-size:30px}.chat-messages{flex:1;width:100%;max-width:790px;margin:0 auto 25px}.message{border-bottom:1px solid #222531;gap:13px;padding:18px 4px;display:flex}.message-avatar{color:#c7b7ff;background:#30264e;border-radius:10px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.message.user .message-avatar{color:#9ed8ef;background:#263b48}.message-content{min-width:0}.message-content strong{font-size:12px}.message-content p{color:#c1c5d1;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;font-size:13px;line-height:1.75}.typing{color:#a997ef;padding:15px 5px;font-size:12px}.error{color:#ffb7c2;background:#3b2028;border-radius:8px;margin:12px 0;padding:10px;font-size:12px}.workspace-error{width:100%;max-width:790px;margin:0 auto 12px}.modal-backdrop{z-index:10;background:#000a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal,.login-card{background:#171a25;border:1px solid #343849;border-radius:17px;width:100%;max-width:430px;padding:27px;position:relative;box-shadow:0 20px 80px #0008}.modal h2{margin:9px 0 22px}.modal label,.login-card label{color:#b4b9c8;margin:15px 0 7px;font-size:12px;display:block}.modal input,.modal textarea,.login-card input{color:#fff;background:#10131c;border:1px solid #373b4c;border-radius:9px;outline:none;width:100%;margin-bottom:5px;padding:12px}.modal input:focus,.modal textarea:focus,.login-card input:focus{border-color:#8063ed}.modal-close{color:#aab0c0;background:0 0;border:0;font-size:24px;position:absolute;top:12px;right:16px}.full{width:100%;margin-top:16px}button:disabled{opacity:.6;cursor:not-allowed}.login-page{background:radial-gradient(at top,#252044,#0c0d12 65%);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{padding:35px}.login-card h1{margin:17px 0 5px;font-size:29px}.muted,.login-note{color:#858b9e;font-size:12px}.login-note{text-align:center;margin-top:23px}@media (width<=700px){.sidebar{z-index:5;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:15px 0 40px #0006}.sidebar.mobile-open{transform:translate(0)}.menu-toggle{display:block}.topbar{padding:0 15px}.top-status{font-size:9px}.workspace{padding:25px 15px 18px}.suggestions{grid-template-columns:1fr}.welcome h1{font-size:28px}.project-banner{padding:15px}}