.chat-welcome .cosmic-circle{width:240px;height:190px;border:0;box-shadow:none;border-radius:0;margin:0 0 12px;background:radial-gradient(ellipse,rgba(var(--theme-glow),.09),transparent 65%);flex-shrink:0}
.cosmic-circle svg{width:100%;height:100%;overflow:visible;color:var(--accent)}
.cosmic-halo{stroke:currentColor;stroke-width:.5;opacity:.22}.cosmic-tilt{transform:rotate(-38deg);transform-origin:120px 96px}
.cosmic-mark{stroke:currentColor;stroke-width:.75;stroke-linecap:round}.cosmic-soul,.cosmic-traveller,.cosmic-star{fill:currentColor}
.cosmic-soul{animation:soul-glow 5s ease-in-out infinite}.cosmic-traveller{transform-origin:120px 96px;animation:carry-light 24s linear infinite}.cosmic-person,.cosmic-thought{stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;opacity:.65}.cosmic-thought{animation:thought-rises 5s ease-in-out infinite}
.cosmic-circle[data-stage="1"] .cosmic-person{opacity:1}.cosmic-circle[data-stage="2"] .cosmic-halo{opacity:.6}
.journey-path{display:flex;justify-content:center;gap:6px;margin:24px 0 18px;max-width:100%;flex-wrap:wrap}
.journey-path button{border:1px solid transparent;background:transparent;color:var(--soft-text);border-radius:20px;padding:10px 12px;min-height:44px;font:11px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer}
.journey-path button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:rgba(var(--theme-glow),.06)}
.journey-begin{background:var(--accent);color:var(--ground);border:0;border-radius:28px;padding:14px 28px;min-height:48px;font:500 14px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer}
.journey-motion{margin:8px 0 0;min-height:44px;background:transparent;border:0;color:var(--soft-text);font-size:11px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.chat-welcome .journey-alternatives{display:none}.chat-welcome h1+p{max-width:390px;min-height:48px}.chat-welcome{padding-top:16px;padding-bottom:20px}
@keyframes carry-light{to{transform:rotate(360deg)}}@keyframes soul-glow{50%{opacity:.45}}@keyframes thought-rises{50%{transform:translateY(-4px);opacity:.3}}
.cosmic-paused *,.cosmic-background *,.motion-paused .cosmic-circle *{animation-play-state:paused!important}
@media(max-width:480px){.chat-welcome .cosmic-circle{width:190px;height:150px;margin-bottom:8px}.chat-welcome h1{font-size:30px}.chat-welcome .journey-path{gap:0;margin-top:16px;margin-bottom:12px}.journey-path button{padding:9px 8px;font-size:10px}.chat-welcome{padding:10px 16px 16px}}
@media(max-height:600px){.chat-welcome .cosmic-circle{display:none}.journey-path{margin-top:10px}.chat-welcome h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.cosmic-circle *{animation:none!important}.journey-motion{display:none}}

/* One open circle, with a warmer expression for memories chosen as joyful. */
.chat-scroll{isolation:isolate;--memory-light:var(--accent)}
.conversation-cosmos{position:sticky;top:8%;height:0;z-index:-1;pointer-events:none;color:var(--memory-light)}
.conversation-cosmos svg{display:block;width:min(80%,640px);height:auto;margin:0 auto;opacity:.08;overflow:visible;animation:cosmic-breathe 12s ease-in-out infinite}
.conversation-cosmos .cosmic-person,.conversation-cosmos .cosmic-thought{display:none}
.cosmic-heart{stroke:currentColor;stroke-width:1.4;fill:currentColor;fill-opacity:.12;opacity:0;transform-origin:120px 94px}
[data-mood=sweet] .cosmic-heart{opacity:1;animation:heart-elation 3s ease-in-out infinite}
[data-mood=sweet] .cosmic-person,[data-mood=sweet] .cosmic-thought{opacity:0}
.cosmic-circle[data-mood=sweet] .cosmic-person,.cosmic-circle[data-mood=sweet] .cosmic-thought{display:none}
.chat-scroll[data-mood=sweet]{--memory-light:#da967b;background:radial-gradient(ellipse at 50% 20%,#edb78014,transparent 65%)}
.cosmic-circle[data-mood=sweet] svg{color:#db9a7e}
.chat-scroll[data-mood=sweet] .journey-begin{background:#f0bd96;color:#302019}
.chat-scroll[data-mood=sweet] .chat-message.human .chat-bubble{border-color:#bb826340}
.chat-scroll[data-mood=sweet] .journey-path button[aria-pressed=true]{color:var(--text);border-color:#bb8263}
.chat-scroll+.journey-motion{align-self:center;flex:none;margin:0;padding:8px 18px;min-height:44px}
.memory-confetti{position:sticky;top:0;height:0;z-index:2;pointer-events:none}
.memory-confetti i{position:absolute;left:var(--x);top:0;width:6px;height:10px;border-radius:2px;background:#eac28c;opacity:0;animation:memory-celebrate 1.65s var(--delay) cubic-bezier(.16,.6,.42,1) both}
.memory-confetti i[data-color="1"]{background:#d99386;border-radius:50% 50% 2px 50%}.memory-confetti i[data-color="2"]{background:#f4dfb8;width:4px;height:4px;border-radius:50%}
@keyframes cosmic-breathe{50%{transform:scale(1.035);opacity:.12}}
@keyframes heart-elation{0%,100%{transform:scale(1)}18%{transform:scale(1.09)}32%{transform:scale(1)}46%{transform:scale(1.05)}}
@keyframes memory-celebrate{0%{opacity:0;transform:translate3d(0,20px,0) rotate(0)}12%{opacity:.95}100%{opacity:0;transform:translate3d(var(--drift),330px,0) rotate(var(--turn))}}
.cosmic-paused *,.cosmic-background *,.motion-paused .conversation-cosmos *{animation-play-state:paused!important}
@media(max-width:480px){.journey-path button{font-size:11px!important;padding:10px!important}.conversation-cosmos svg{width:95%}}
@media(prefers-reduced-motion:reduce){.conversation-cosmos *,.cosmic-heart,.memory-confetti i{animation:none!important}.memory-confetti{display:none}}