:root{--pink:#e11d74;--pink-d:#be185d;--pink-50:#fff5f9;--pink-100:#fde4ef;--line:#f3d9e6;--ink:#241522;--mute:#7d6677;--display:"Sora",system-ui,sans-serif;--body:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Consolas,monospace}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:#fff;color:var(--ink);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--pink);outline-offset:2px}::selection{background:var(--pink-100)}.app{display:flex;height:100dvh}.logo{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--pink);color:#fff;font:700 15px var(--display);flex:none}.logo.lg{width:56px;height:56px;border-radius:16px;font-size:26px;box-shadow:0 10px 30px #e11d744d}.side{width:272px;background:var(--pink-50);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:1rem;gap:.9rem;flex:none}.brand{display:flex;align-items:center;gap:.6rem;font:700 1.1rem var(--display);letter-spacing:-.01em}.new{display:flex;align-items:center;justify-content:center;gap:.4rem;background:var(--pink);color:#fff;padding:.7rem;border-radius:.75rem;font-weight:600;transition:background .15s}.new:hover{background:var(--pink-d)}.list{flex:1;overflow:auto;display:grid;gap:2px;align-content:start}.item{display:flex;align-items:center;border-radius:.6rem}.item:hover{background:var(--pink-100)}.item.on{background:var(--pink-100);box-shadow:inset 3px 0 0 var(--pink)}.item .t{flex:1;text-align:left;padding:.55rem .8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--mute);font-size:.94rem}.item.on .t{color:var(--ink);font-weight:500}.item .x{padding:.5rem .7rem;color:var(--mute);opacity:0}.item:hover .x,.item .x:focus-visible{opacity:1}.item .x:hover{color:var(--pink)}.foot{font-size:.8rem;color:var(--mute)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.bar{display:flex;align-items:center;gap:.6rem;padding:.65rem 1.2rem;border-bottom:1px solid var(--line)}.ib{display:grid;place-items:center;width:38px;height:38px;border-radius:.7rem;color:var(--mute);flex:none;transition:background .15s,color .15s}.ib:hover{background:var(--pink-50);color:var(--pink)}.ib.on{background:var(--pink-100);color:var(--pink)}.ib.rec{background:var(--pink);color:#fff;animation:pulse 1.2s infinite}.burger{display:none}.personas{display:flex;gap:.3rem;overflow-x:auto;flex:1;scrollbar-width:none}.personas::-webkit-scrollbar{display:none}.personas button{padding:.4rem .95rem;border-radius:99px;color:var(--mute);white-space:nowrap;font-size:.92rem;font-weight:500;border:1px solid transparent}.personas button:hover{background:var(--pink-50);color:var(--ink)}.personas .on{background:var(--pink-100);color:var(--pink-d);border-color:var(--line)}.feed{flex:1;overflow:auto;padding:1.6rem 1.2rem;display:flex;flex-direction:column;gap:1.3rem;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.feed>*{width:100%;max-width:760px;margin-inline:auto}.empty{margin-block:auto;display:flex;flex-direction:column;align-items:center;text-align:center}.empty h1{font:700 clamp(1.9rem,6vw,2.7rem)/1.15 var(--display);letter-spacing:-.02em;margin-top:1.1rem}.empty p{color:var(--mute);margin:.6rem 0 1.8rem;max-width:36ch}.starters{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.7rem;width:100%}.starters button{text-align:left;padding:.9rem 1.1rem;border:1px solid var(--line);border-radius:.9rem;font-size:.95rem;line-height:1.45;transition:border-color .15s,background .15s,transform .15s}.starters button:hover{border-color:var(--pink);background:var(--pink-50);transform:translateY(-1px)}.msg{display:flex;gap:.75rem}.msg.user{justify-content:flex-end}.av{width:30px;height:30px;border-radius:50%;background:var(--pink-100);color:var(--pink);display:grid;place-items:center;font:700 13px var(--display);flex:none;margin-top:.1rem}.msg.user .bubble{background:var(--pink);color:#fff;padding:.65rem 1.05rem;border-radius:1.2rem 1.2rem .35rem;max-width:85%;white-space:pre-wrap;overflow-wrap:anywhere}.msg.model .bubble{flex:1;min-width:0;overflow-wrap:anywhere}.bubble p{margin:.55rem 0}.bubble>p:first-child{margin-top:0}.bubble ul,.bubble ol{padding-left:1.4rem;margin:.55rem 0}.bubble li{margin:.2rem 0}.bubble h1,.bubble h2,.bubble h3{font-family:var(--display);margin:1.1rem 0 .35rem;line-height:1.25;letter-spacing:-.01em}.bubble h1{font-size:1.35rem}.bubble h2{font-size:1.18rem}.bubble h3{font-size:1.05rem}.bubble a{color:var(--pink-d);text-underline-offset:2px}.bubble strong{font-weight:600}.bubble code{font:.87em var(--mono);background:var(--pink-100);color:var(--pink-d);padding:.12em .4em;border-radius:.35rem}.bubble pre{background:#2a1626;color:#fbe9f2;border-radius:.8rem;padding:1rem 1.1rem;overflow-x:auto;margin:.8rem 0;line-height:1.55}.bubble pre code{background:none;color:inherit;padding:0;font-size:.85rem}.bubble table{border-collapse:collapse;display:block;overflow-x:auto;margin:.8rem 0}.bubble th,.bubble td{border:1px solid var(--line);padding:.45rem .8rem;text-align:left}.bubble th{background:var(--pink-50);font-weight:600}.bubble blockquote{border-left:3px solid var(--pink);padding-left:.95rem;color:var(--mute);margin:.7rem 0}.bubble hr{border:0;border-top:1px solid var(--line);margin:1rem 0}.tools{display:flex;gap:.3rem;margin-top:.4rem;margin-left:-.45rem}.tools button{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--mute);padding:.3rem .5rem;border-radius:.5rem}.tools button:hover{background:var(--pink-50);color:var(--pink)}.typing{display:inline-flex;gap:5px;padding:.7rem 0}.typing b{width:7px;height:7px;border-radius:50%;background:var(--pink);animation:bounce 1s infinite}.typing b:nth-child(2){animation-delay:.15s}.typing b:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{transform:translateY(-5px);opacity:.4}}@keyframes pulse{50%{box-shadow:0 0 0 7px #e11d742e}}.composer{padding:.5rem 1.2rem calc(.8rem + env(safe-area-inset-bottom,0px))}.composer>*{max-width:760px;margin-inline:auto}.box{display:flex;align-items:flex-end;gap:.3rem;background:#fff;border:1px solid var(--line);border-radius:1.2rem;padding:.45rem;box-shadow:0 8px 30px #e11d7414;transition:border-color .15s,box-shadow .15s}.box:focus-within{border-color:var(--pink);box-shadow:0 8px 30px #e11d7429}textarea{flex:1;background:none;border:0;color:var(--ink);font:inherit;resize:none;padding:.55rem .65rem;max-height:160px;min-height:42px;line-height:1.5}textarea:focus{outline:none}textarea::placeholder{color:#b49aa9}.go{display:grid;place-items:center;width:40px;height:40px;border-radius:.8rem;background:var(--pink);color:#fff;flex:none;transition:background .15s}.go:hover:not(:disabled){background:var(--pink-d)}.go:disabled{background:var(--pink-100);color:#e9a3c4;cursor:default}.fine{text-align:center;font-size:.76rem;color:var(--mute);margin-top:.55rem}.scrim{display:none}@media (max-width:820px){.side{position:fixed;inset:0 auto 0 0;z-index:20;transform:translate(-100%);transition:transform .22s;box-shadow:0 0 40px #00000026}.side.open{transform:none}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#24152266;z-index:10}.burger{display:grid}.item .x{opacity:1}.bar{padding:.55rem .8rem}.feed{padding:1.2rem .9rem}.composer{padding-inline:.8rem}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}