/* Shared card geometry keeps discovery recognisable from landing to conversation. */
.reference-design{--capability-width:calc(31cqw - 9.92px);--capability-height:140px}
.ordered-landing .sky-top{height:78px;min-height:78px;padding:20px 24px 14px;align-items:center}
.ordered-landing .sky-top .lang{min-height:40px}
.capability-fan .floating-card{width:var(--capability-width);height:var(--capability-height)}

.conversation-screen{background:var(--balu-paper)}
.reference-design .conversation-header{padding:20px 16px 14px;gap:9px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--balu-honey) 50.20%,transparent),transparent 65%),var(--balu-error-surface);border:0;min-height:91px}
.conversation-header .header-portrait{width:46px;height:49px;object-fit:cover;border:3px solid var(--balu-surface);border-radius:14px;transform:rotate(-5deg);box-shadow:0 3px 7px color-mix(in srgb,var(--balu-on-sage) 9.41%,transparent)}
.conversation-header .header-title strong{font-family:var(--font-editorial);font-size:24px;line-height:1.2;letter-spacing:-.6px}
.conversation-header .header-title small{font-size:12px;display:block;white-space:nowrap;margin-top:3px}
.header-actions{display:flex;gap:5px;margin-left:auto}
.conversation-header .header-actions .round{width:44px;height:44px;min-height:44px;background:var(--balu-on-primary);border:1px solid var(--balu-border);box-shadow:0 2px 4px color-mix(in srgb,var(--balu-on-sage) 3.92%,transparent)}
.conversation-header .header-actions .icon{width:20px;height:20px}
.conversation-header .back{width:28px;margin-left:-8px}

.trending{flex-shrink:0;background:linear-gradient(var(--balu-error-surface),var(--balu-paper));border-bottom:1px solid var(--balu-sage)}
.trending-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:49px;padding:10px 20px;text-align:left;color:var(--balu-on-sage)}
.trending-toggle>span{display:flex;align-items:center;gap:8px}
.trending-toggle strong{font-size:14px;font-weight:500}
.trending-toggle .icon{color:var(--balu-muted)}
.trending-toggle-right small{font-size:12px;color:var(--balu-muted)}
.is-expanded .trending-toggle-right>.icon{transform:rotate(180deg)}
.trending-toggle-right>.icon{transition:transform .2s}
.trending-drawer[hidden]{display:none}
.trending-drawer{animation:trending-open .25s ease-out}
.trending-carousel{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;padding:49px 16px 20px;scroll-snap-type:x mandatory;scroll-padding-inline:16px;overscroll-behavior-x:contain;scrollbar-width:none}
.trending-carousel::-webkit-scrollbar{display:none}
.trending-carousel .floating-card{position:relative;inset:auto;flex:0 0 var(--capability-width);width:var(--capability-width);height:var(--capability-height);min-height:var(--capability-height);padding:59px 6px 15px;justify-content:flex-start;border-radius:25px;transform:none;animation:none;overflow:visible;scroll-snap-align:start;border:1px solid color-mix(in srgb,var(--balu-surface) 65.88%,transparent);box-shadow:3px 13px 19px -7px color-mix(in srgb,var(--balu-on-honey) 21.96%,transparent),1px 3px 5px color-mix(in srgb,var(--balu-on-honey) 7.06%,transparent),inset 0 1px 1px color-mix(in srgb,var(--balu-surface) 60.00%,transparent)}
.trending-carousel .float-business{background:var(--balu-honey)}
.trending-carousel .float-household{background:var(--balu-border)}
.trending-carousel .float-creator{background:var(--balu-peach)}
.trending-carousel .float-astro{background:var(--balu-lilac)}
.trending-carousel .float-stocks{background:var(--balu-border)}
.trending-carousel .floating-card>.ink-illustration{position:absolute;width:96px;height:96px;max-width:none;top:-44px;left:50%;transform:translateX(-50%);margin:0;mix-blend-mode:normal;filter:drop-shadow(2px 5px 3px color-mix(in srgb,var(--balu-on-sage) 12.94%,transparent))}
.trending-carousel .float-business>.ink-illustration{width:100px;height:100px;top:-48px}
.trending-carousel .float-title{margin:0;min-height:44px;width:100%;font-size:19px;line-height:1.3;letter-spacing:-.25px}
.reference-design .feature-illustration{background:none;object-fit:contain}
.conversation-screen .chat-content{background:transparent;padding:20px 18px;flex:1;min-height:0}
.conversation-welcome{max-width:265px;background:var(--balu-on-primary);border:1px solid var(--balu-sage);border-radius:19px 19px 19px 5px;padding:12px 15px;box-shadow:0 3px 8px color-mix(in srgb,var(--balu-on-sage) 1.96%,transparent)}
.conversation-welcome p{margin:0;font-size:16px;line-height:1.6;color:var(--balu-on-sage)}
.conversation-screen .composer-wrap{background:linear-gradient(color-mix(in srgb,var(--balu-paper) 87.84%,transparent),var(--balu-paper) 20px);padding:12px 12px max(15px,env(safe-area-inset-bottom));border:0}
.conversation-screen .composer{background:var(--balu-success-surface);border-color:var(--balu-sage);gap:3px;padding:6px;border-radius:28px}
.conversation-screen .composer .round{width:42px;height:42px;min-height:42px}
.conversation-screen .composer .attach{background:var(--balu-on-primary);border:1px solid var(--balu-border);width:38px}
.conversation-screen .composer input{font-size:16px;padding-inline:5px}
.conversation-screen .composer .send{width:38px;background:linear-gradient(var(--balu-primary),var(--balu-ink))}
.conversation-screen .message{max-width:100%}
.conversation-screen .user-message{max-width:92%;padding:10px;border-radius:18px 18px 4px 18px;background:var(--balu-success-surface)}
.conversation-screen .user-message>.bubble{padding:3px 4px}
.shared-photo{display:block;max-width:100%;max-height:240px;object-fit:contain;border-radius:12px;margin-bottom:8px}
.quoted-capability{display:flex;align-items:center;gap:9px;background:var(--balu-paper);border-left:3px solid var(--balu-secondary);border-radius:9px;padding:8px;margin-bottom:7px}
.quoted-capability .ink-illustration{width:57px;height:57px;mix-blend-mode:normal}
.quoted-capability>div{min-width:0}
.quoted-capability small{font-size:12px;line-height:1.5;color:var(--balu-muted);display:block}
.quoted-capability strong{font-family:var(--font-editorial);font-size:17px;line-height:1.35;display:block;font-weight:500}
.quote-household{background:var(--balu-sage);border-color:var(--balu-secondary)}
.quote-creator{background:var(--balu-error-surface);border-color:var(--balu-secondary)}

.feature-sheet{position:relative;margin:12px;width:calc(100% - 24px);border-radius:28px;text-align:center;padding:38px 24px 26px;background:var(--balu-on-primary)!important}
.feature-close{position:absolute;right:12px;top:12px;width:36px;height:36px;min-height:36px;background:var(--balu-paper)}
.feature-close .icon{width:18px;height:18px}
.feature-emblem{width:94px;height:94px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;border:1px solid var(--balu-border);border-radius:28px;background:var(--balu-success-surface);transform:rotate(-4deg)}
.feature-emblem>.icon{width:39px;height:39px;color:var(--balu-on-sage);transform:rotate(4deg)}
.feature-emblem>.ink-illustration{width:104px;height:104px;max-width:none;transform:rotate(4deg)}
.feature-sheet h2{margin:12px auto 8px;max-width:270px}
.feature-sheet p{margin:0 0 24px}
.feature-sheet .primary{max-width:240px;margin:0 auto;min-height:52px;border-radius:28px}
.reference-design .feature-note{font-size:12px!important;line-height:1.6;color:var(--balu-muted);margin:15px 0 0}
.interest-saved{display:flex;justify-content:center;align-items:center;gap:7px;padding:12px;border-radius:16px;background:var(--balu-success-surface);color:var(--balu-on-sage);font-size:14px}
.attachment-options{display:flex;gap:12px;margin:20px 0}
.attachment-option{display:flex;flex:1;flex-direction:column;align-items:center;gap:12px;padding:21px 10px;border:1px solid var(--balu-border);border-radius:21px;background:var(--balu-error-surface);font-size:14px}
.attachment-option:last-child{background:var(--balu-success-surface)}
.attachment-option .icon{width:30px;height:30px}
@keyframes trending-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@container(max-width:350px){.trending-carousel .float-title{font-size:17px;letter-spacing:0}.trending-carousel .floating-card>.ink-illustration{width:87px;height:87px;top:-37px}.conversation-header{padding-inline:12px;gap:7px}.conversation-header .header-portrait{width:39px;height:43px}.header-actions{gap:3px}.conversation-header .header-actions .round{width:44px}.conversation-header .header-title strong{font-size:22px}.conversation-header .header-title small{font-size:12px}}
@container(max-height:600px){.ordered-landing .sky-top{height:70px;min-height:70px;padding-top:16px;padding-bottom:10px}.companion-stack-landing .capability-fan{height:184px;min-height:184px}.reference-design .conversation-header{padding-top:13px;min-height:79px}.trending-carousel{padding-bottom:16px}.conversation-screen .chat-content{padding-top:14px}}
@media(prefers-reduced-motion:reduce){.trending-drawer{animation:none}.trending-toggle-right>.icon{transition:none}}