/* Selected layout roles; screen gutters and container padding are independent. */
:is(#surface,.app-heading,.interaction-status,.preview-footer){padding-inline:var(--screen-gutter)}

.card,.bubble,.calendar-event{padding:var(--container-padding)}
.actions{gap:var(--button-group-gap);margin-block:var(--question-actions-gap) 0}
.card>:has(+.actions){margin-bottom:0}

.card,.bubble,.calendar-event{border-radius:var(--radius-container)}
:is(.card,.bubble,.calendar-event) :is(.card,.bubble,.calendar-event){border-radius:var(--radius-container-nested)}

.actions{width:100%;flex-wrap:nowrap;align-items:stretch}
.actions>button:not(.button-utility){flex:1 1 0;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;border-radius:var(--radius-button-pill)}

/* The mobile canvas scrolls normally without desktop scrollbar chrome. */
@media(max-width:600px){
  html,body{scrollbar-width:none}
  html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}
}
.home-page{background:#0c101b;color:#f5edf4;--navigation-background:var(--background-subtle-light)}
.home-page :is(.simulation,.preview-footer,.interaction-status){display:none}
.home-page #surface{display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(100dvh - var(--navigation-height));padding:var(--space-24) var(--screen-gutter)}
.home-page .card{background:rgb(12 16 27 / .9);border-color:var(--border-subtle-color);margin:0;color:#f5edf4;box-shadow:none;backdrop-filter:blur(8px)}
.home-page .bottom-navigation img{filter:none}
.home-chat-target{position:fixed;inset:0 0 var(--navigation-height);z-index:0;min-height:0;padding:0;border:0;background:transparent;cursor:pointer}
.home-chat-target:focus-visible{outline:2px solid #f2c8df;outline-offset:-8px}
.home-page #surface{position:relative;z-index:3;pointer-events:none}
.home-page #surface .card{pointer-events:auto}

/* Golden-ratio-inspired inset, balanced above-left of the portrait's head. */
.home-thought-bubble{position:fixed;left:calc(clamp(16px,6.18vw,40px) + var(--space-24));top:calc(clamp(24px,6.18dvh,64px) + var(--space-32));width:100px;height:81px;object-fit:contain;z-index:2;pointer-events:none}

.home-thought-bubble{pointer-events:auto}
.home-thought-bubble>img{display:block;width:100%;height:100%}
/* Center in the cloud body, excluding its lower-right trailing circles. */
.home-thought-emoji{position:absolute;left:42.4%;top:40%;transform:translate(-50%,-50%);font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:24px;line-height:1;font-weight:400}
.home-thought-bubble>img.home-thought-emoji{width:24px;height:24px;object-fit:contain}

.home-talk-bubble{position:fixed;width:100px;height:81.6px;object-fit:contain;z-index:2;pointer-events:none}

.home-talk-bubble{pointer-events:auto}
.home-talk-bubble{transition:opacity 300ms ease-in-out;transform-origin:center bottom}
.home-talk-bubble.is-covered{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.home-talk-bubble{transition:none}}
.home-talk-background{display:block;width:100%;height:100%}
.home-talk-marker{position:absolute;left:53.44%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%)}
.home-talk-marker{overflow:visible}
.home-talk-marker>img{position:absolute;max-width:none}
/* Preserve the supplied 24px artboard geometry, including glow overhang. */
.ambient-marker-quotes{left:-.95px;top:.915px;width:25.7793px;height:22.7647px}
.ambient-marker-exclamation{left:6px;top:-2px;width:12px;height:28px}
.ambient-marker-question{left:3.25px;top:-2.75px;width:19.5px;height:28.75px}

.home-thinking-video{position:fixed;inset:0;width:100%;height:100dvh;object-fit:cover;object-position:center top;pointer-events:none}
.home-fallback-image,.home-attention-video{z-index:0;opacity:0;transition:opacity 240ms ease-out}
.home-fallback-image{inset:2.58dvh auto auto -.6%;width:101.2%;height:101.2dvh}
.home-fallback-image.is-ready,.home-attention-video.is-ready{opacity:1}
.home-thought-video{z-index:1;opacity:0}
@media(prefers-reduced-motion:reduce){.home-fallback-image,.home-attention-video{transition:none}}

/* Expanded thought: the cloud grows independently of its connecting circles. */
.home-thought-bubble.thought-expandable{padding:0;border:0;background:none;cursor:pointer;overflow:visible;z-index:4}
.thought-expandable>img.thought-dots{position:absolute;inset:0;width:100px;height:81px;pointer-events:none}
.thought-expandable>img.thought-cloud{position:absolute;left:0;top:0;width:84.62px;height:67.23px;max-width:none;transform-origin:50% 70%;filter:drop-shadow(0 0 3px rgba(255,114,196,.25));transition:left 300ms ease-in-out,top 300ms ease-in-out,width 300ms ease-in-out,height 300ms ease-in-out,transform 300ms ease-in-out}
.thought-expandable.is-open{z-index:6}
.thought-expandable.is-open>.thought-cloud{transform:rotate(5deg)}
.thought-expandable .home-thought-emoji{transition:opacity 120ms ease-in-out}
.thought-expandable.is-open .home-thought-emoji{opacity:0}
.thought-message{position:absolute;display:block;color:var(--ink);font:400 var(--body-md)/1.5 var(--font-body);text-align:left;opacity:0;pointer-events:none;transition:opacity 100ms ease-in-out;white-space:normal}
.thought-expandable.is-open .thought-message{opacity:1;transition-delay:160ms}
@media(prefers-reduced-motion:reduce){.thought-expandable>img.thought-cloud,.thought-expandable .home-thought-emoji,.thought-message{transition:none!important}}
.thought-message{text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.home-talk-bubble{padding:0;border:0;background:none;cursor:pointer}.home-talk-bubble:disabled{cursor:default}