/* Conversation-only welcome; Home keeps portfolio, lessons and feed cards. */
/* The fixed composer overlays the scroll box: focus/scrollIntoView must avoid it. */
body.askon #gsmodal .gsb,body.inbutler:not(.askon) #scroll{scroll-padding-bottom:var(--botH,160px)}
/* Full-height mobile conversation: no exposed or keyboard-focusable background chrome. */
body:not(.webapp).askon #gsmodal{bottom:0;border:0;box-shadow:none}
body:not(.webapp).askon #foot{bottom:0;padding-bottom:calc(var(--safeB) + 8px)}
body:not(.webapp).askon #nav,body:not(.webapp).askon #hdr,body:not(.webapp).askon #marketStrip{visibility:hidden}
@media(max-width:819px){
  body.askon #gsmodal{bottom:0;border:0;box-shadow:none}
  body.askon #foot{bottom:0;padding-bottom:calc(var(--safeB) + 8px)}
  body.askon #nav,body.askon #hdr,body.askon #marketStrip{visibility:hidden}
}
.assistant-welcome{max-width:600px;margin:0 auto;padding:28px 18px 22px;text-align:left;word-break:keep-all;overflow-wrap:anywhere}
.assistant-welcome-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:20px;border-radius:var(--r14);background:var(--panel2);color:var(--accent)}
.assistant-welcome-icon .ic{width:26px;height:26px}
.av.assistant-spark{flex:none;object-fit:contain;border-radius:0;background:transparent;image-rendering:pixelated;filter:drop-shadow(0 0 3px #63ee8b40)}
#fab img.assistant-spark{width:40px;height:40px;border-radius:0;object-fit:contain}
#fab .assistant-spark,.assistant-welcome-icon .assistant-spark{filter:drop-shadow(0 0 5px #63ee8b70);animation:assistant-spark-float 3.6s steps(2,end) infinite}
@keyframes assistant-spark-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){#fab .assistant-spark,.assistant-welcome-icon .assistant-spark{animation:none}}
/* Retained content is read-only until outside tap closes the conversation.
   Pinned column headings, header and island navigation stay available. */
body.askon #view,body.askon #wlcol,body.askon #pfcol,body.askon #dcol{cursor:default}
.assistant-welcome h2{margin:0 0 10px;font-size:23px;line-height:1.3;color:var(--ink)}
.assistant-welcome .assistant-intro{margin:0 0 20px;font-size:14px;line-height:1.65;color:var(--ink2)}
.assistant-starters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 18px}
.assistant-starters button{display:flex;align-items:flex-start;gap:10px;min-width:0;min-height:98px;padding:15px 12px;border:1px solid var(--ring);border-radius:var(--r14);background:var(--panel2);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.assistant-starters button>span:last-child{min-width:0;overflow-wrap:anywhere}
.assistant-starter-icon{display:flex;flex:0 0 18px;color:var(--accent);padding-top:1px}
.assistant-starter-icon .ic{width:18px;height:18px}
.assistant-starters strong{display:block;font-size:13px;line-height:1.4;margin-bottom:6px}
.assistant-starters small{display:block;font-size:11px;line-height:1.5;color:var(--ink2)}
.assistant-starters button:hover{border-color:var(--accent)}
.assistant-starters button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.assistant-welcome .assistant-hint{margin:0 0 10px;color:var(--muted);font-size:11px;line-height:1.6}
@media(max-width:360px){.assistant-welcome{padding:20px 12px}.assistant-starters button{padding:12px 10px;gap:7px}}