.clover-room{--clover-blue:#0015ff;--clover-secondary:light-dark(#7300ff,#8690ff);border:1px solid var(--border);background:var(--surface-card);border-radius:24px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);height:min(660px,100svh - 190px);min-height:520px;margin-block:.75rem;display:grid;overflow:hidden}.clover-hangout{border-right:1px solid var(--border);background:radial-gradient(ellipse at 50% 45%, var(--accent-glow), transparent 70%), var(--muted);flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:28px 12px;display:flex;position:relative;overflow:hidden}.clover-room-note,.clover-stage-caption,.clover-chat-header-note,.clover-chat-start{color:var(--muted-foreground);letter-spacing:.01em;font-size:11px}.clover-room-note{position:absolute;top:24px;left:24px}.clover-stage-caption{position:absolute;bottom:24px}.clover-avatar-stage{place-items:center;width:280px;height:280px;display:grid;position:relative}.clover-avatar{z-index:1;position:relative}.clover-orbit{border:1px solid var(--border);border-radius:50%;width:232px;height:232px;position:absolute;transform:rotate(-24deg)scaleY(.75)}.clover-orbit-two{transform:rotate(45deg)scaleY(.75)}.clover-spark{color:var(--primary);font-size:30px;position:absolute}.clover-spark-one{top:30px;right:22px;transform:rotate(14deg)}.clover-spark-two{font-size:23px;bottom:34px;left:20px}.clover-identity{text-align:center;z-index:1;margin-top:-16px}.clover-identity h1{letter-spacing:-.065em;margin:0;font-size:48px;font-weight:600;line-height:1.1}.clover-identity h1 span{color:var(--primary)}.clover-identity p{color:var(--muted-foreground);margin:9px 0 0;font-size:12px}.clover-messenger{flex-direction:column;min-width:0;min-height:0;display:flex}.clover-chat-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:21px 24px;font-size:13px;display:flex}.clover-chat-header>span:first-child{align-items:center;gap:8px;display:flex}.clover-conversation{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;overflow-anchor:none;flex-direction:column;flex:1;gap:14px;min-height:0;padding:24px 20px;display:flex;overflow:hidden auto}.clover-chat-start{text-align:center;margin-bottom:12px;font-size:10px}.clover-message{border:1px solid var(--border-subtle);overflow-wrap:anywhere;border-radius:18px;flex-shrink:0;width:fit-content;max-width:90%;padding:13px 16px;font-size:14px;line-height:1.65}.clover-message-assistant{background:var(--muted);color:var(--foreground);border-bottom-left-radius:5px;align-self:flex-start}.clover-message-user{background:var(--clover-blue);color:#fff;white-space:pre-wrap;border-color:#0000;border-bottom-right-radius:5px;align-self:flex-end}.clover-message-label{letter-spacing:.06em;color:var(--muted-foreground);margin-bottom:5px;font-size:9px;font-weight:500;display:block}.clover-message-user .clover-message-label{color:#ffffffb3}.clover-message-error{border-style:dashed}.clover-message p{margin:0}.clover-message p+p{margin-top:.7em}.clover-message :is(h1,h2,h3,h4,h5,h6){letter-spacing:normal;margin:.7em 0 .3em;font-size:1em;line-height:1.5}.clover-message>:first-child{margin-top:0}.clover-message>:last-child{margin-bottom:0}.clover-message :is(ul,ol){margin:.5em 0;padding-left:1.25em}.clover-message ul{list-style:outside}.clover-message ol{list-style:decimal}.clover-message li{display:list-item}.clover-message li+li{margin-top:.3em}.clover-message a{color:inherit;text-underline-offset:3px;text-decoration:underline}.clover-message-assistant :is(strong,a){color:var(--clover-secondary)}.clover-message-assistant strong{font-weight:600}.clover-message code{background:var(--surface-active);border-radius:4px;padding:2px 4px;font-size:.9em}.clover-message pre{background:var(--surface-active);border-radius:8px;max-width:100%;margin:.6em 0;padding:10px;overflow:auto}.clover-message pre code{background:0 0;padding:0}.clover-message blockquote{border-left:2px solid var(--primary);margin:.6em 0;padding-left:10px}.clover-message table{border-collapse:collapse;max-width:100%;margin:.6em 0;font-size:12px;display:block;overflow-x:auto}.clover-message :is(th,td){border:1px solid var(--border);padding:6px 8px}.clover-message input[type=checkbox]{accent-color:var(--primary)}.clover-chat-actions{align-items:center;gap:14px;display:flex}.clover-clear,.clover-retry{font:inherit;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.clover-clear:hover,.clover-retry:hover{color:var(--foreground)}.clover-clear:disabled,.clover-retry:disabled{opacity:.4;cursor:default}.clover-retry{text-underline-offset:3px;margin-top:10px;text-decoration:underline;display:block}.clover-compose-status{min-height:18px;color:var(--muted-foreground);margin:0 2px 9px;font-size:10px}.clover-writing{align-items:center;gap:7px;display:inline-flex}.clover-caret,.clover-markdown-wrap.is-typing>:last-child:after{content:"";background:var(--primary);vertical-align:-.12em;width:2px;height:1em;animation:.85s step-end infinite clover-caret;display:inline-block}.clover-markdown-wrap.is-typing>:last-child:after{margin-left:3px}.clover-storage-note{color:var(--muted-foreground);margin:9px 2px 0;font-size:9px;line-height:1.5}.clover-compose{border-top:1px solid var(--border-subtle);padding:16px}.clover-suggestions-header{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:10px;display:flex}.clover-shuffle{color:var(--clover-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:3px 0 3px 8px;display:inline-flex}.clover-shuffle:hover{text-underline-offset:3px;text-decoration:underline}.clover-shuffle:disabled,.clover-suggestions button:disabled{opacity:.45;cursor:default}.clover-suggestions{flex-wrap:wrap;gap:6px;padding-bottom:12px;display:flex}.clover-suggestions button{text-align:left;font:inherit;border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:999px;padding:7px 10px;font-size:10px}.clover-suggestions button:hover{background:var(--surface-hover);color:var(--foreground)}.clover-suggestions button{overflow-wrap:anywhere;max-width:100%;transition:background-color .12s,border-color .12s}.clover-suggestions button:not(:disabled):hover{border-color:var(--clover-secondary)}.clover-form{background:var(--muted);border:1px solid var(--border-subtle);border-radius:16px;align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex}.clover-form:focus-within{border-color:var(--primary)}.clover-form input{width:0;min-width:0;color:var(--foreground);font:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;padding:7px 0;font-size:14px}.clover-form input:focus-visible{outline:none}.clover-form input::placeholder{color:var(--muted-foreground)}.clover-form button{background:var(--clover-blue);color:#fff;cursor:pointer;border:0;border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.clover-form button:disabled{opacity:.35;cursor:default}.clover-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes clover-caret{0%,49%{opacity:1}50%,to{opacity:0}}@media (width>=1100px){.clover-room{height:min(760px,100svh - 180px);min-height:590px}.clover-avatar-stage{width:320px;height:320px}.clover-avatar{transform:scale(1.12)}.clover-orbit{width:272px;height:272px}.clover-identity h1{font-size:56px}.clover-message{font-size:15px}.clover-conversation{gap:18px;padding:28px}.clover-compose{padding:20px}}@media (width<=600px){.clover-room{border-radius:20px;grid-template-rows:140px minmax(0,1fr);grid-template-columns:1fr;height:clamp(570px,100svh - 145px,760px);min-height:0;margin-block:0}.clover-hangout{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;justify-content:flex-start;padding:0 20px}.clover-room-note,.clover-stage-caption,.clover-spark{display:none}.clover-avatar-stage{flex-shrink:0;width:144px;height:140px}.clover-avatar{width:240px;height:240px;position:absolute;transform:scale(.65)}.clover-orbit{width:128px;height:128px}.clover-identity{text-align:left;margin:0 0 0 10px}.clover-identity h1{font-size:36px}.clover-identity p{font-size:11px}.clover-chat-header{padding:13px 18px}.clover-conversation{padding:18px 14px}.clover-chat-start{font-size:9px}.clover-compose{padding:12px}.clover-form input{font-size:16px}}@media (prefers-reduced-motion:reduce){.clover-caret,.clover-markdown-wrap.is-typing>:last-child:after{animation:none}}