html,body{height:100%}body{display:flex;flex-direction:column;overflow:hidden}.gbar{position:relative;z-index:20;display:flex;align-items:center;gap:13px;padding:14px 22px;flex:none;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(12,10,16,.7),transparent)}.gbar .av{width:34px;height:34px;border-radius:50%;flex:none;position:relative;background:conic-gradient(from 200deg,var(--con),var(--orb),var(--way),var(--anch),var(--con))}.gbar .who{flex:1;min-width:0}.gbar .who b{font-family:var(--disp);font-weight:700;font-size:16px;letter-spacing:-.01em}.gbar .who span{display:block;font-size:12.5px;color:var(--fg-2);margin-top:1px}.gbar .out{font-size:13px;color:var(--fg-2)}.gbar .out a{color:var(--fg-2);border-bottom:1px solid var(--line)}.gbar .out a:hover{color:var(--fg)}.privacy{position:relative;z-index:10;flex:none;text-align:center;font-size:12px;color:var(--fg-3);padding:9px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px}.privacy svg{width:13px;height:13px;opacity:.7;flex:none}.scroll{position:relative;z-index:5;flex:1;min-height:0;overflow-y:auto;padding:24px 0 8px}.thread{max-width:760px;margin:0 auto;padding:0 22px;display:flex;flex-direction:column;gap:18px}.msg{display:flex;gap:12px;max-width:100%}.msg.you{justify-content:flex-end}.msg .ava{width:30px;height:30px;border-radius:50%;flex:none;margin-top:2px;background:conic-gradient(from 200deg,var(--con),var(--orb),var(--way),var(--anch),var(--con))}.bub{border-radius:16px;padding:14px 17px;max-width:80%;line-height:1.6;font-size:16px}.msg.aria .bub{background:var(--bg-2);border:1px solid var(--line);border-top-left-radius:5px;color:#e4ded4}.msg.you .bub{background:#7b5bf529;border:1px solid color-mix(in srgb,var(--orb) 40%,var(--line));border-top-right-radius:5px;color:var(--fg)}.bub p{margin:0 0 8px}.bub p:last-child{margin:0}.bub .it{font-family:var(--serif);font-style:italic}.bub.safety{background:radial-gradient(120% 140% at 0 0,rgba(255,61,129,.12),transparent 60%),var(--bg-2);border-color:color-mix(in srgb,var(--con) 40%,var(--line))}.bub.safety .num{font-family:var(--disp);font-weight:600;color:var(--fg)}.suggs{display:flex;flex-direction:column;gap:8px;margin-top:12px}.sugg{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:12px;padding:11px 14px;transition:.2s;background:var(--bg-3)}.sugg:hover{border-color:var(--cc,var(--line-2));transform:translate(3px);background:#f1ece208}.sugg .pip{width:9px;height:9px;border-radius:50%;background:var(--cc,var(--fg-2));flex:none}.sugg .st{flex:1;min-width:0}.sugg .stt{font-family:var(--disp);font-weight:600;font-size:14px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sugg .kind{font-size:11px;color:var(--fg-3);font-family:var(--disp);letter-spacing:.04em;text-transform:uppercase}.sugg .live{font-size:11px;color:var(--con-l);margin-top:2px}.sugg .arr{color:var(--cc,var(--fg-3));flex:none}.typing{display:flex;gap:5px;padding:4px 2px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--fg-3);animation:tdot 1.2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes tdot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.dock{position:relative;z-index:20;flex:none;border-top:1px solid var(--line);background:linear-gradient(0deg,rgba(12,10,16,.92),transparent);padding:12px 22px 18px}.dock .inner{max-width:760px;margin:0 auto}.starters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:11px}.starter{cursor:pointer;background:transparent;border:1px solid var(--line);border-radius:30px;color:var(--fg-2);font-family:var(--sans);font-size:13px;padding:7px 13px;transition:.2s}.starter:hover{color:var(--fg);border-color:var(--line-2);background:#f1ece20a}.composer{display:flex;gap:10px;align-items:flex-end}.composer textarea{flex:1;background:var(--bg-2);border:1px solid var(--line);border-radius:16px;color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.5;padding:13px 16px;outline:none;resize:none;max-height:140px;transition:border-color .2s}.composer textarea:focus{border-color:var(--line-2)}.composer .send{flex:none;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;background:var(--fg);color:var(--bg);display:grid;place-items:center;transition:.2s}.composer .send:hover{transform:translateY(-1px)}.composer .send svg{width:20px;height:20px}.realnote{text-align:center;font-size:11.5px;color:var(--fg-3);margin-top:10px}.realnote .spark{color:var(--con-l)}@media(max-width:560px){.gbar .out span{display:none}}