.conversation{max-width:880px;margin:32px auto 44px;padding:0 30px 22px;border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:0 12px 45px #2b315b06;overflow:hidden}
.conversation-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;border-bottom:1px solid var(--line)}
.conversation-topline>span{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:600;letter-spacing:.1em;line-height:1.6}
.chat-mode{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;background:var(--soft);border:0;border-radius:30px;color:var(--ink);font-size:12px;flex-shrink:0}
.chat-mode .icon{width:14px;height:14px}.live-dot{width:6px;height:6px;border-radius:50%;background:#4d7656}
.chat-context{border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.chat-context summary{display:flex;align-items:center;gap:8px;min-height:48px;cursor:pointer;list-style:none;font-size:11px}.chat-context summary::-webkit-details-marker{display:none}.chat-context summary span{margin-left:auto;text-decoration:underline;text-underline-offset:3px}.chat-context .icon{width:14px;height:14px}.chat-context>div{padding:0 0 20px}.chat-context blockquote{margin:16px 0 0;padding:10px 16px;border-left:2px solid var(--rose);color:var(--ink)}
.chat-welcome{padding:38px 0 28px;text-align:center}.chat-welcome-symbol{display:inline-flex;color:var(--accent);padding:12px;background:var(--soft);border-radius:50%;margin-bottom:16px}.chat-welcome-symbol svg{width:35px;height:35px}.chat-welcome h2{font-family:Instrument,serif;font-size:clamp(36px,4vw,50px);font-weight:400;line-height:1.05;letter-spacing:-.015em}.chat-welcome h2 em{color:var(--accent)}.chat-welcome>p{font-size:13px;color:var(--muted);margin-top:16px}
.chat-starters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:25px auto 0;max-width:600px}.chat-starters button{min-height:44px;display:flex;align-items:center;gap:12px;justify-content:space-between;text-align:left;border:1px solid var(--line);background:transparent;border-radius:12px;color:var(--ink);font-size:12px;padding:10px 13px}.chat-starters button:hover{background:var(--soft)}.chat-starters .icon{width:14px;height:14px}
.chat-messages{max-height:620px;max-height:min(65svh,620px);overflow:auto;overscroll-behavior:contain;scroll-padding:20px;overflow-wrap:anywhere}.chat-messages:has(.chat-welcome){max-height:none;overflow:visible}
.chat-message{padding:25px 0 16px}.chat-message:last-child{animation:chat-arrive .24s ease-out}.chat-message+.chat-message{border-top:1px solid var(--line)}.chat-message header{display:flex;align-items:center;gap:9px}.chat-message header b{font-size:12px;font-weight:600}.chat-message header small{font-size:10px;color:var(--muted);margin-left:auto}.chat-message .space-avatar{width:26px;height:26px;font-size:11px}.chat-symbol{display:inline-flex;color:var(--accent)}.chat-symbol svg{width:26px;height:26px}.chat-text{font-size:15px;line-height:1.85;white-space:pre-wrap;margin:12px 0 0;overflow-wrap:anywhere}.chat-message.user .chat-text{background:var(--soft);border-radius:3px 16px 16px 16px;padding:14px 18px}.chat-message.assistant .chat-text{padding:0 2px}.chat-message-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:7px}.chat-message-actions .quiet-link{font-size:11px;line-height:1.5;min-height:44px}.chat-interrupted{color:var(--accent)}
.chat-compose{margin-top:12px;border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:16px 18px 12px;box-shadow:0 4px 20px #2b315b07}.chat-compose:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #b83f2e0b}.chat-compose>label{display:block;font-size:10px;font-weight:600;color:var(--muted);margin-bottom:8px}.chat-compose textarea{display:block;width:100%;padding:0;border:0!important;outline:none!important;background:transparent!important;box-shadow:none!important;color:var(--ink);font-size:16px;line-height:1.65;min-height:56px;max-height:180px;resize:vertical}.chat-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.chat-compose-bottom>span{font-size:10px;color:var(--muted)}.chat-send{width:44px;min-height:44px;padding:10px;flex-shrink:0}.chat-status:empty,.chat-error:empty{display:none}.chat-status{font-size:12px;color:var(--muted);padding-top:12px}.chat-error{font-size:13px;color:var(--error);padding-top:12px}.chat-error button{margin-left:12px}.chat-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px;color:var(--muted);font-size:10px}.chat-bottom .quiet-link{font-size:10px;flex-shrink:0}.shared-conversation{border-top:3px solid var(--rose)}
.private-capture{max-width:880px;margin:0 auto 36px;border-bottom:1px solid var(--line);padding-bottom:14px}.private-capture>summary{cursor:pointer;color:var(--muted);font-size:13px;min-height:44px;display:flex;align-items:center;gap:10px}.private-capture>summary:before{content:'+';font-size:20px}.private-capture[open]>summary:before{content:'−'}.private-capture .thought-capture{margin-top:12px}.concern-detail{margin-top:32px}.conversation+ .perspective-pair{margin-top:40px}
@keyframes chat-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:760px){.conversation{border-radius:22px;margin-top:24px;padding:0 17px 15px}.conversation-topline{gap:10px;min-height:67px}.conversation-topline>span{font-size:8px;letter-spacing:.07em;max-width:175px}.chat-context summary{font-size:10px;gap:6px}.chat-context summary span{font-size:9px;flex-shrink:0}.chat-welcome{padding:28px 0 20px}.chat-welcome h2{font-size:39px}.chat-welcome>p{font-size:12px;max-width:240px;margin:14px auto 0}.chat-starters{display:grid;grid-template-columns:1fr;margin-top:20px}.chat-starters button{font-size:12px}.chat-message header small{font-size:9px;max-width:110px;text-align:right}.chat-text{font-size:15px;line-height:1.75}.chat-compose{padding:13px;border-radius:17px}.chat-bottom{align-items:flex-start}.chat-bottom>span{padding-top:12px}.chat-compose-bottom>span{font-size:9px;max-width:180px}.chat-message-actions{gap:10px}.chat-messages{max-height:55svh}}
@media(max-width:360px){.conversation{padding:0 12px 12px}.chat-welcome h2{font-size:35px}.chat-context summary{font-size:9px}.chat-context summary span{max-width:40px;line-height:1.4;text-align:right}.chat-mode{font-size:11px;padding:8px}.chat-bottom{flex-direction:column;gap:0}.chat-message-actions{gap:0}.conversation-topline>span{max-width:130px}.chat-text{font-size:14px}}
@media(prefers-reduced-motion:reduce){.chat-message:last-child{animation:none}.chat-starters button,.chat-mode{transition:none}}
@media(max-width:760px){
 .app-main:has(.private-capture){padding-top:17px}
 .spaces-page:has(>.private-capture)>.space-tabs{margin-bottom:17px}
 .spaces-page:has(>.private-capture)>.space-room-heading{margin-bottom:20px}
 .spaces-page:has(>.private-capture)>.space-room-heading h1{font-size:33px}
 .spaces-page:has(>.private-capture)>.space-room-heading .room-heading-icon{width:45px;height:58px}
 .spaces-page:has(>.private-capture)>.conversation{margin-top:18px}
 .chat-welcome{padding-top:22px;padding-bottom:16px}
 .chat-welcome-symbol{padding:9px;margin-bottom:10px}
 .chat-welcome-symbol svg{width:28px;height:28px}
 .chat-welcome h2{font-size:35px}
 .chat-welcome>p{margin-top:10px}
 .chat-starters{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px;margin-top:16px}
 .chat-starters button{flex:0 0 auto;max-width:250px;font-size:11px}
}