@property --composer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.chat-panel{background:#101214;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.chat-feed{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;flex:1;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden auto}.chat-feed::-webkit-scrollbar{width:4px}.chat-feed::-webkit-scrollbar-track{background:0 0}.chat-feed::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.chat-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;width:100%;max-width:470px;margin:0 auto;padding:32px 24px;display:flex}.chat-empty__heading{color:#ffffffeb;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:640;line-height:1.3}.chat-empty__sub{color:#ffffff80;max-width:340px;margin:-16px 0 0;font-size:14px;line-height:1.55}.chat-starters{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.chat-starter{text-align:left;cursor:pointer;color:inherit;background:#191c20;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:3px;padding:14px 16px;font-family:inherit;transition:transform .14s,background .14s,border-color .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden}.chat-starter:hover{background:#1e2228;border-color:#f5b80040;transform:translateY(-2px);box-shadow:0 4px 16px #00000059}.chat-starter:active{transform:scale(.985)translateY(0)}.chat-starter:focus-visible{outline-offset:2px;outline:2px solid #f5b800}.chat-starter:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#f5b80012 0%,#0000 65%);transition:opacity .2s;position:absolute;inset:0}.chat-starter:hover:before{opacity:1}.chat-starter__title{color:#ffffffe6;font-size:13px;font-weight:550;line-height:1.3}.chat-starter__desc{color:#ffffff75;font-size:12px;line-height:1.4}.chat-starter__arrow{color:#ffffff40;opacity:0;width:16px;height:16px;transition:opacity .14s,transform .14s;position:absolute;bottom:10px;right:12px;transform:translate(-4px)}.chat-starter:hover .chat-starter__arrow{opacity:1;transform:translate(0)}.chat-thread{flex-direction:column;gap:0;padding:20px 0 12px;display:flex}.chat-message-row{align-items:flex-start;gap:14px;width:100%;padding:12px 20px;display:flex}.chat-message-row--user{flex-direction:row-reverse}.chat-avatar{letter-spacing:.02em;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.chat-avatar--user{color:#ffffffb3;background:#ffffff1a}.chat-avatar--soro{background:0 0}.chat-avatar--live{background:0 0;width:44px;height:44px;margin:-8px -4px -8px -8px}.chat-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.chat-message-row--user .chat-body{align-items:flex-end}.chat-role{color:#ffffff73;letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:600}.chat-content{color:#ffffffe0;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;font-size:14.5px;line-height:1.65}.chat-message-row--user .chat-content{background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px 12px 4px;max-width:88%;padding:10px 14px;position:relative}.chat-edit-btn{color:#ffffff80;cursor:pointer;opacity:0;background:#25282e;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s,background .2s,color .2s;display:flex;position:absolute;top:-12px;left:-12px;box-shadow:0 2px 8px #0000004d}.chat-message-row--user .chat-content:hover .chat-edit-btn{opacity:1}.chat-edit-btn:hover{color:#ffffffe6;background:#32363e}.chat-edit-container{flex-direction:column;gap:8px;width:100%;min-width:250px;display:flex}.chat-edit-textarea{color:#ffffffeb;resize:none;background:#0003;border:1px solid #ffffff26;border-radius:8px;outline:none;width:100%;min-height:38px;max-height:200px;padding:8px 12px;font-family:inherit;font-size:14.5px;line-height:1.55;transition:border-color .2s;overflow-y:auto}.chat-edit-textarea:focus{border-color:#f5b80066}.chat-edit-actions{justify-content:flex-end;gap:6px;display:flex}.chat-edit-btn-cancel,.chat-edit-btn-save{cursor:pointer;border:none;border-radius:16px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .2s}.chat-edit-btn-cancel{color:#fff9;background:0 0}.chat-edit-btn-cancel:hover{color:#ffffffe6;background:#ffffff14}.chat-edit-btn-save{color:#0a0a0a;background:#f5b800}.chat-edit-btn-save:hover:not(:disabled){background:#ffd85a}.chat-edit-btn-save:disabled{color:#ffffff47;cursor:not-allowed;background:#ffffff14}.chat-content p{margin:0 0 8px}.chat-content p:last-child{margin:0}.chat-content code{background:#ffffff14;border-radius:4px;padding:2px 5px;font-family:ui-monospace,monospace;font-size:.9em}.chat-content a{color:#f5b800}.chat-content ul,.chat-content ol{margin:6px 0;padding-left:20px}.chat-content li{margin-bottom:3px}.chat-tools{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:4px;margin-bottom:8px;padding:8px 12px;display:flex}.chat-tool-item{color:#ffffff80;align-items:center;gap:8px;font-size:12.5px;display:flex}.chat-tool-spinner{border:1.5px solid #f5b80059;border-top-color:#f5b800;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1s linear infinite soro-spin}@keyframes soro-spin{to{transform:rotate(360deg)}}.chat-streaming{vertical-align:text-bottom;background:#f5b800b3;border-radius:1px;width:8px;height:14px;margin-left:2px;animation:.9s ease-in-out infinite soro-cursor;display:inline-block}@keyframes soro-cursor{0%,to{opacity:1}50%{opacity:.2}}.composer-shell{flex-shrink:0;padding:0 20px 20px}.composer-wrapper{border-radius:16px;position:relative}.composer-gradient-border{pointer-events:none;z-index:0;background:0 0;border-radius:17px;position:absolute;inset:-1px}.composer-gradient-border:before{content:"";border-radius:inherit;background:conic-gradient(from var(--composer-angle), transparent 0deg, transparent 230deg, #8a65001a 250deg, #f5b80080 280deg, #ffd85a 305deg, #fff1a8 318deg, #f5b80047 335deg, transparent 360deg);-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.composer-surface{z-index:1;background:#191c20;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:10px;padding:12px 16px;transition:border-color .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 8px 24px #00000040}.composer-wrapper[data-state=idle] .composer-gradient-border:before{opacity:0}.composer-wrapper[data-state=hover] .composer-gradient-border:before{opacity:1;animation:1s ease-out forwards composer-sweep-once}.composer-wrapper[data-state=focused] .composer-gradient-border:before,.composer-wrapper[data-state=typing] .composer-gradient-border:before{opacity:1;animation:3.2s linear infinite composer-sweep}.composer-wrapper[data-state=focused] .composer-surface,.composer-wrapper[data-state=typing] .composer-surface{border-color:#f5b8002e;box-shadow:0 8px 24px #00000040,0 0 0 1px #f5b8000f}.composer-wrapper[data-state=submitting] .composer-gradient-border:before,.composer-wrapper[data-state=streaming] .composer-gradient-border:before{opacity:.7;animation:4s linear infinite composer-sweep}.composer-wrapper[data-state=error] .composer-gradient-border:before{opacity:0}.composer-wrapper[data-state=error] .composer-surface{border-color:#ff78504d;box-shadow:0 8px 24px #00000040,0 0 0 1px #ff785014}.composer-wrapper[data-state=offline] .composer-gradient-border:before{opacity:0}.composer-wrapper[data-state=offline] .composer-surface{box-shadow:none;border-color:#ffffff0d}@keyframes composer-sweep{0%{--composer-angle:0deg}to{--composer-angle:360deg}}@keyframes composer-sweep-once{0%{--composer-angle:0deg;opacity:1}to{--composer-angle:360deg;opacity:0}}.composer-context{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.composer-chip{color:#ffffff85;cursor:default;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:5px;padding:3px 10px 3px 7px;font-size:12px;display:flex}.composer-chip__icon{color:#ffffff61;flex-shrink:0;width:13px;height:13px}.composer-chip__remove{cursor:pointer;color:#ffffff47;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding:0;transition:color .12s,background .12s;display:flex}.composer-chip__remove:hover{color:#ffffffb3;background:#ffffff0f}.composer-input-row{align-items:flex-end;gap:8px;display:flex}.composer-textarea{color:#ffffffeb;resize:none;caret-color:#f5b800;scrollbar-width:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:144px;padding:3px 0;font-family:inherit;font-size:14.5px;line-height:1.55;overflow-y:auto}.composer-textarea::-webkit-scrollbar{display:none}.composer-textarea::placeholder{color:#ffffff47}.composer-send{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .18s,box-shadow .18s,transform .12s,color .18s;display:flex}.composer-attach{cursor:pointer;color:#ffffff80;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .18s,color .18s;display:flex}.composer-attach:hover:not(:disabled){color:#ffffffd9;background:#ffffff14}.composer-attach:disabled{opacity:.35;cursor:not-allowed}.composer-upload-notice{color:#f5b800;background:#f5b8001a;border:1px solid #f5b80047;border-radius:8px;margin:0 0 8px;padding:6px 10px;font-size:12px;line-height:1.4}.composer-send--ready{color:#0a0a0a;background:#f5b800;box-shadow:0 2px 12px #f5b80040}.composer-send--ready:hover{background:#ffd85a;transform:translateY(-1px);box-shadow:0 4px 16px #f5b80059}.composer-send--ready:active{box-shadow:none;transform:scale(.96)}.composer-send--empty{color:#ffffff47;cursor:not-allowed;background:#ffffff0f}.composer-send--stop{color:#ffffffbf;background:#ffffff14}.composer-send--stop:hover{background:#ffffff1f}.chat-disclaimer{text-align:center;color:#ffffff52;margin-top:10px;font-size:11.5px;line-height:1.5}@media (prefers-reduced-motion:reduce){.composer-gradient-border:before{opacity:0!important;animation:none!important}.composer-wrapper[data-state=focused] .composer-surface,.composer-wrapper[data-state=typing] .composer-surface{box-shadow:none;border-color:#f5b8004d}.chat-starter{transition:none}.chat-starter:hover{transform:none}.chat-tool-spinner{opacity:.6;animation:none}.chat-streaming{opacity:.8;animation:none}}.composer-actions{align-items:center;gap:6px;display:flex}.composer-action-btn,.composer-submit{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .18s,box-shadow .18s,transform .12s,color .18s;display:flex}.composer-action-btn{color:#ffffff73;background:0 0}.composer-action-btn:hover:not(:disabled){color:#ffffffe6;background:#ffffff14}.composer-action-btn:active:not(:disabled){transform:scale(.96)}.composer-action-btn svg{width:18px;height:18px}.composer-submit{color:#0a0a0a;background:#f5b800;box-shadow:0 2px 12px #f5b80040}.composer-submit:hover:not(:disabled){background:#ffd85a;transform:translateY(-1px);box-shadow:0 4px 16px #f5b80059}.composer-submit:active:not(:disabled){box-shadow:none;transform:scale(.96)}.composer-submit:disabled,.composer-action-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.composer-submit:disabled{color:#ffffff47;background:#ffffff14}.composer-attachments{flex-wrap:wrap;gap:8px;width:100%;padding:0 0 8px 4px;display:flex}.composer-attachment-chip{color:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:4px 8px;font-size:12.5px;display:flex}.composer-attachment-chip.error{color:#ff7878;background:#ff46460f;border-color:#ff46464d}.composer-attachment-icon{opacity:.5;width:13px;height:13px}.composer-attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.composer-attachment-name--link{color:inherit;font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.composer-attachment-name--link:hover{opacity:.85}.composer-attachment-name--link:focus-visible{outline:2px solid var(--g-blue,#4c8bf5);outline-offset:2px;border-radius:2px}.composer-attachment-remove{color:inherit;opacity:.4;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:background .15s,opacity .15s;display:flex}.composer-attachment-remove:hover{opacity:1;background:#ffffff26}.composer-attachment-remove svg{width:10px;height:10px}.composer-attachment-spinner{border:1.5px solid #ffffff26;border-top-color:#f5b800;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}