@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:radial-gradient(circle at 15% 20%,rgba(0,122,255,.07),transparent 40%),radial-gradient(circle at 85% 80%,rgba(255,0,80,.07),transparent 40%),#0a0c11;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.wrapper{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:60px}.chat-container{width:100%;max-width:1000px;height:85vh;display:flex;flex-direction:column}.messages{flex:1;display:flex;flex-direction:column;gap:38px;overflow-y:auto;padding:40px}.message-wrapper{max-width:65%;animation:fadeUp .35s ease;transition:transform .25s ease}.message-wrapper:hover{transform:translateY(-2px)}.message-wrapper.user{align-self:flex-end}.message-wrapper.assistant{align-self:flex-start}.message{background:#161921bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:22px 30px;border-radius:28px;color:#d3d7dd;line-height:1.65;transition:all .3s ease}.message-wrapper.user .message{box-shadow:0 0 14px #007aff99,0 0 35px #007aff33}.message-wrapper.assistant .message{box-shadow:0 0 14px #ff005099,0 0 35px #ff005033}.actions{margin-top:10px;opacity:0;transition:opacity .2s ease}.message:hover .actions{opacity:1}.actions button{background:transparent;border:1px solid #2a2e38;border-radius:10px;padding:5px 12px;color:#888;cursor:pointer;font-size:12px;transition:all .2s ease}.actions button:hover{color:#fff;border-color:#444}.input{margin-top:30px;border-radius:28px;border:2px solid transparent;background:linear-gradient(#141821,#141821) padding-box,linear-gradient(90deg,#007aff,#ff0050) border-box;padding:20px;font-size:16px;color:#fff;outline:none;resize:none;transition:box-shadow .3s ease}.input:focus{box-shadow:0 0 15px #007aff80,0 0 35px #ff00504d}.send-btn{margin-top:22px;padding:15px;border-radius:28px;border:none;background:linear-gradient(135deg,#007aff,#ff0050);color:#fff;font-size:16px;cursor:pointer;transition:all .2s ease}.send-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px #007aff80,0 0 30px #ff00504d}.toast{position:fixed;bottom:40px;right:40px;background:#111;color:#0fc;padding:12px 18px;border-radius:14px;box-shadow:0 0 18px #00ffc866;font-size:14px;animation:fadeIn .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.typing{display:flex;gap:6px;align-items:center}.typing span{width:8px;height:8px;background:#ff0050;border-radius:50%;animation:bounce 1.2s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.4}40%{transform:scale(1);opacity:1}}.app{display:flex;height:100vh;background:#0f172a;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.sidebar{width:280px;background:#111827;padding:20px;overflow-y:auto;border-right:1px solid rgba(255,255,255,.05)}.sidebar h3{font-size:12px;letter-spacing:1px;opacity:.6;margin-bottom:12px;margin-top:20px}.project-item,.conversation-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .2s ease}.project-item:hover,.conversation-item:hover{background:#ffffff0d}.project-item.active,.conversation-item.active{background:#3b82f626}.project-name-wrapper{flex:1;display:flex;align-items:center}.rename-input{width:100%;background:transparent;border:none;outline:none;color:inherit;font-size:inherit;font-family:inherit}.rename-input:focus{border-bottom:1px solid rgba(255,255,255,.4)}.menu-btn{opacity:0;font-size:14px;transition:opacity .2s ease}.project-item:hover .menu-btn{opacity:1}.drawer{width:360px;background:#0f172a;border-left:1px solid rgba(255,255,255,.05);padding:20px;overflow-y:auto;transition:transform .3s ease,opacity .3s ease}.drawer{transform:translate(-100%);opacity:0;pointer-events:none}.drawer.open{transform:translate(0);opacity:1;pointer-events:auto}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.drawer-header button{background:transparent;border:none;color:inherit;cursor:pointer;font-size:16px}.icon-search{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;margin-bottom:16px}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:12px}.icon-wrapper{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .1s ease}.icon-wrapper:hover{background:#ffffff14;transform:scale(1.05)}.icon-wrapper.selected{background:#3b82f633}.color-picker{margin-top:10px;width:100%;height:36px;border:none;border-radius:8px;cursor:pointer;background:none}