@font-face{font-family:Manrope;src:url('../fonts/manrope/Manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
#ksanAiRoot{--ksan-copy-font:Manrope,Arial,sans-serif;font-family:Manrope,Arial,sans-serif}
#ksanAiRoot :is(button,textarea,.ksan-ai__title,.ksan-ai__text){font-family:Manrope,Arial,sans-serif!important}
/* Shared compact composer for welcome and conversation states. */
#ksanAiRoot #ksanAiComposer{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;grid-template-rows:auto!important;align-items:center!important;gap:8px!important;min-height:58px!important;height:auto!important;padding:8px!important;border-radius:30px!important;background:#242424!important;border:1px solid #ffffff12!important;box-shadow:none!important;box-sizing:border-box!important}
#ksanAiRoot #ksanAiComposer:focus-within{background:#242424!important;border-color:#ffffff30!important}
#ksanAiRoot #ksanAiComposer textarea{grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;min-height:38px!important;max-height:130px!important;padding:7px 2px!important;margin:0!important;box-sizing:border-box!important;font-size:16px!important;line-height:24px!important;font-weight:400!important;background:transparent!important;border:0!important;resize:none!important;overflow-y:auto!important;color:#eee!important;box-shadow:none!important}
#ksanAiRoot #ksanAiComposer .ksan-ai__plus,#ksanAiRoot #ksanAiComposer .ksan-ai__send{position:static!important;transform:none!important;grid-row:1!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;align-self:end!important}
#ksanAiRoot #ksanAiComposer .ksan-ai__plus{grid-column:1!important;background:transparent!important;color:#e8e8e8!important}
#ksanAiRoot #ksanAiComposer .ksan-ai__plus:hover{background:#ffffff0c!important}
#ksanAiRoot #ksanAiComposer .ksan-ai__send{grid-column:3!important;background:#ececec!important;color:#171717!important}
#ksanAiRoot #ksanAiComposer .ksan-ai__send:hover{background:#fff!important}
#ksanAiRoot #ksanAiComposer .ksan-ai__mode{display:none!important}
#ksanAiRoot #ksanAiComposer :is(.ksan-ai__plus,.ksan-ai__send) svg{width:22px;height:22px}

/* Sprite viewport excludes reference captions and frame numbers. */
#ksanAiRoot .ksan-mascot{display:block!important;position:static!important;flex-shrink:0;width:76px!important;height:76px!important;padding:0!important;margin:0 auto 12px!important;border:0!important;border-radius:0!important;background:transparent!important;cursor:pointer;overflow:hidden;filter:none!important;transform:none}
#ksanAiRoot .ksan-mascot svg{display:block;width:100%;height:100%;overflow:hidden}
#ksanAiRoot .ksan-mascot:focus-visible{outline:2px solid #c8b5f4;outline-offset:4px;border-radius:16px!important}
#ksanAiRoot .ksan-mascot[data-state="idle"] svg{animation:ksan-breathe 4s ease-in-out infinite}
#ksanAiRoot.is-conversation-started .ksan-mascot{width:52px!important;height:52px!important;margin-bottom:4px!important}
@keyframes ksan-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){#ksanAiRoot .ksan-mascot svg{animation:none!important}}

.ai-dialog-preview__label{font-weight:700;color:#c3addf}.ai-dialog-preview__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-dialog-preview__hint{font-size:11px;white-space:nowrap;color:#b5adbf}
.ai-dialog-history{width:min(580px,calc(100vw - 24px));max-width:none;height:min(680px,calc(100dvh - 36px));max-height:none;margin:auto;padding:0;border:1px solid #ffffff16;border-radius:20px;background:#171719;color:#eee;box-shadow:0 24px 90px #0008;font:13px/1.5 Manrope,Arial,sans-serif;overflow:hidden}
.ai-dialog-history[open]{display:flex;flex-direction:column}.ai-dialog-history::backdrop{background:#0009;backdrop-filter:blur(4px)}
.ai-dialog-history header{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#212123;flex-shrink:0}.ai-dialog-history h2{font-size:15px;margin:0;flex:1}.ai-dialog-history button{font:inherit;color:#c6b2e6;background:transparent;border:0;padding:6px 8px;cursor:pointer}.ai-dialog-history button[data-close]{font-size:25px;line-height:1}.ai-dialog-history button:disabled{opacity:.35;cursor:default}
.ai-dialog-history__feed{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px;display:flex;flex-direction:column;gap:10px}
.ai-dialog-message{max-width:86%;padding:10px 13px;border-radius:14px;background:#252527;align-self:flex-start;flex-shrink:0;overflow-wrap:anywhere}.ai-dialog-message--user{align-self:flex-end;background:#35303f;border-bottom-right-radius:4px}.ai-dialog-message--assistant{border-bottom-left-radius:4px}.ai-dialog-message small{font-size:10px;font-weight:700;color:#b9a6d5}.ai-dialog-message p{margin:4px 0;white-space:pre-wrap}.ai-dialog-message time{display:block;text-align:right;font-size:10px;color:#99919f}.ai-dialog-history footer{padding:10px 18px;color:#8f8996;font-size:11px}.ai-dialog-empty{margin:auto;color:#a7a0af}

/* One shared header row, aligned with the composer. */
#ksanAiRoot .ai-conversation-header{display:none;position:absolute;top:18px;left:50%;transform:translateX(-50%);width:min(900px,calc(100% - 48px));z-index:21;align-items:center;gap:12px;box-sizing:border-box}
#ksanAiRoot:is(.is-conversation-started,.has-dialog-history) .ai-conversation-header{display:flex}
#ksanAiRoot .ai-return-nav{display:none;flex:0 0 auto}
#ksanAiRoot.is-conversation-started .ai-return-nav{display:block}
#ksanAiRoot .ai-return-nav a{display:flex;align-items:center;min-height:42px;padding:0 12px;border-radius:12px;background:#222124;color:#d8d2e0;text-decoration:none;font:600 12px/1.4 Manrope,Arial,sans-serif;white-space:nowrap}
#ksanAiRoot .ai-return-nav a:hover{background:#302b37}
#ksanAiRoot .ai-return-nav a:focus-visible,#ksanAiRoot .ai-dialog-preview:focus-visible{outline:2px solid #c8b5f4;outline-offset:3px}
#ksanAiRoot .ai-dialog-preview{position:static;transform:none;flex:1;min-width:0;display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 14px;border:1px solid #ffffff0c;border-radius:13px 13px 5px 13px;background:#262329;color:#eae6ef;text-align:left;font:13px/1.4 Manrope,Arial,sans-serif;cursor:pointer;box-sizing:border-box}
#ksanAiRoot .ai-dialog-preview[hidden]{display:none!important}
#ksanAiRoot.is-conversation-started .ksan-ai__start-layout,#ksanAiRoot.has-dialog-history.is-conversation-started .ksan-ai__start-layout{top:82px!important}
#ksanAiRoot:not(.is-catalog-grid):not(.is-catalog-detail):not(.is-review-view) #ksanAiActions{width:100%!important;max-width:680px!important;align-self:center!important;display:flex;flex-wrap:wrap;justify-content:center!important;align-items:center;gap:8px;margin:8px auto 0!important;text-align:center!important}
#ksanAiRoot #ksanAiActions[hidden]{display:none!important}
#ksanAiRoot .ksan-followup-actions{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0 auto!important}
#ksanAiRoot .ksan-followup-chip{min-height:34px;padding:7px 13px;border:1px solid #ffffff14;border-radius:18px;background:#242326;color:#d7d1df;font:500 12px/1.4 Manrope,Arial,sans-serif}
#ksanAiRoot .ksan-followup-chip:hover{background:#332d3d;border-color:#bba0e44d}
@media(max-width:520px){#ksanAiRoot .ai-conversation-header{top:10px;width:calc(100% - 24px);gap:8px}#ksanAiRoot .ai-return-nav a{padding:0 10px;font-size:11px}#ksanAiRoot .ai-dialog-preview{gap:6px;padding:10px;font-size:12px}.ai-dialog-preview__label{display:none}.ai-dialog-preview__hint{font-size:10px}#ksanAiRoot.is-conversation-started .ksan-ai__start-layout,#ksanAiRoot.has-dialog-history.is-conversation-started .ksan-ai__start-layout{top:72px!important}.ai-dialog-history__feed{padding:12px}.ai-dialog-message{max-width:90%}}

/* Catalog views use their own content; the header owns the back control. */
#ksanAiRoot:is(.is-catalog-grid,.is-catalog-detail,.is-review-view,.has-rich-result) .ksan-ai__welcome-orb{display:none!important}
#ksanAiRoot .ksan-ai__detail-back--top{display:none!important}

/* Welcome owns one scroll area above a stable composer. */
/* Paint the wallpaper inside the iframe: dark color-scheme canvases may stay opaque. */
#ksanAiRoot,#ksanAiRoot.is-embedded{background-color:#000!important;background-image:linear-gradient(#0007,#0007),url('../images/menu/wallpaper.webp')!important;background-size:auto,460px 460px!important;background-repeat:repeat!important;background-position:0 0!important}
#ksanAiRoot{position:relative!important;height:100dvh!important;min-height:0!important;box-sizing:border-box}
#ksanAiRoot:not(.is-conversation-started){display:block;padding:0!important;overflow:hidden}
#ksanAiRoot:not(.is-conversation-started) .ksan-ai__start-layout{position:absolute;inset:64px 0 max(14px,env(safe-area-inset-bottom));transform:none;width:min(780px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:18px;overflow:hidden}
#ksanAiRoot .ai-welcome-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;justify-content:safe center;gap:24px;padding:20px 2px}
#ksanAiRoot:not(.is-conversation-started) .ksan-ai__answer{display:grid!important;grid-template-columns:52px minmax(0,1fr);column-gap:14px;align-items:center!important;text-align:left!important;padding:0!important;flex-shrink:0}
#ksanAiRoot .ksan-ai__eyebrow{display:none}
#ksanAiRoot:not(.is-conversation-started) .ksan-ai__title{grid-column:2;font-size:clamp(25px,3vw,34px)!important;line-height:1.25!important;font-weight:650!important;letter-spacing:-.8px;text-align:left!important;max-width:520px!important}
#ksanAiRoot:not(.is-conversation-started) .ksan-ai__text{grid-column:2;text-align:left!important;font-size:14px!important;line-height:1.55!important;font-weight:400!important;margin:10px 0 0!important;color:#aaa6b0!important}
#ksanAiRoot:not(.is-conversation-started) .ksan-mascot{grid-column:1;grid-row:1/3;width:52px!important;height:52px!important;margin:0!important;align-self:start}
#ksanAiRoot .ai-welcome-prompts{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
#ksanAiRoot .ai-welcome-prompts button{max-width:100%;display:flex;gap:20px;align-items:center;text-align:left;background:#252426;border:1px solid #ffffff06;border-radius:6px 22px 22px 22px;padding:14px 18px;color:#dcd9e1;font-size:14px;line-height:1.5;cursor:pointer}
#ksanAiRoot .ai-welcome-prompts span{color:#ada1c3;margin-left:auto}
#ksanAiRoot .ksan-ai__start-suggestions{display:flex!important;flex-wrap:wrap;gap:8px;margin:0}
#ksanAiRoot .ksan-ai__start-suggestions button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:44px;padding:8px 12px;background:#212124;border:1px solid #ffffff0b;border-radius:15px;color:#dcd9e1;font-size:12px;line-height:20px;cursor:pointer;flex-direction:row}
#ksanAiRoot .ksan-ai__start-suggestions button>span{font-size:22px;line-height:26px;color:#bea7f3}
#ksanAiRoot .ksan-ai__start-suggestions img{width:26px;height:26px;object-fit:contain}
#ksanAiRoot :is(.ai-welcome-prompts,.ksan-ai__start-suggestions) button:hover{background:#302b37}
#ksanAiRoot.is-conversation-started .ai-welcome-content{display:contents}
#ksanAiRoot.is-conversation-started :is(.ai-welcome-prompts,.ksan-ai__start-suggestions){display:none!important}
#ksanAiRoot:not(.is-conversation-started) .ai-dialog-preview{display:none!important}
#ksanAiRoot .ai-conversation-header{display:flex;justify-content:flex-end}
.ai-history-button{display:flex;gap:6px;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;background:#222125;color:#c6bfd2;border:1px solid #ffffff0a;border-radius:12px;font:500 12px Manrope,Arial,sans-serif;cursor:pointer}
.ai-history-button svg{width:18px;height:18px}
#ksanAiRoot .ai-discovery-results{display:grid;gap:10px;width:100%;max-width:580px;text-align:left}
.ai-discovery-card{padding:16px;border:1px solid #ffffff0b;border-radius:18px;background:#232226;color:#e5e1ea;font-size:14px;line-height:1.55}
.ai-discovery-card small{color:#b3a7c6;font-size:11px}.ai-discovery-card p{margin:8px 0 12px}
.ai-discovery-card a,.ai-discovery-card button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:7px 14px;border-radius:20px;border:0;background:#393040;color:#ded0f4;font:600 12px Manrope,Arial,sans-serif;text-decoration:none;cursor:pointer}
.ai-discovery-card input{width:80px;min-height:42px;box-sizing:border-box;margin-right:8px;padding:8px;background:#171619;color:#fff;border:1px solid #685977;border-radius:12px;font:16px Manrope,Arial,sans-serif}
.ai-discovery-card [role="status"]{min-height:24px;margin-top:12px;color:#ccc1db}
@media(max-width:760px){
 #ksanAiRoot:not(.is-conversation-started) .ksan-ai__start-layout{inset:54px 0 max(10px,env(safe-area-inset-bottom));width:calc(100% - 28px);gap:14px}
 #ksanAiRoot:not(.is-conversation-started) .ksan-ai__answer{grid-template-columns:42px minmax(0,1fr);column-gap:10px}
 #ksanAiRoot:not(.is-conversation-started) .ksan-mascot{width:42px!important;height:42px!important}
 #ksanAiRoot:not(.is-conversation-started) .ksan-ai__title{font-size:26px!important}
 #ksanAiRoot .ai-welcome-content{gap:22px}
 #ksanAiRoot .ai-welcome-prompts button{font-size:13px;padding:12px 15px}
 #ksanAiRoot .ksan-ai__start-suggestions{gap:6px}
 #ksanAiRoot .ksan-ai__start-suggestions button{padding:8px 10px}
 #ksanAiRoot .ai-history-button{padding:8px;font-size:11px}
 #ksanAiRoot.is-conversation-started .ksan-ai__start-layout{bottom:max(10px,env(safe-area-inset-bottom))}
}

#ksanAiRoot .ai-dialog-preview__hint{display:none}
#ksanAiRoot #ksanAiResource:has(.ai-discovery-results){display:block!important;width:100%!important;max-width:580px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;margin:8px auto!important}
#ksanAiRoot #ksanAiResource[hidden]{display:none!important}

body.ksan-unified #ksanAiRoot{height:100%!important}

#ksanAiRoot.is-feed-result .ksan-ai__answer{display:block!important;padding:0!important;overflow:hidden!important}
#ksanAiRoot.is-feed-result .ksan-ai__answer::before,#ksanAiRoot.is-feed-result .ksan-ai__answer::after,#ksanAiRoot.is-feed-result .ksan-ai__answer>:not(#ksanAiResource){display:none!important}
#ksanAiRoot.is-feed-result #ksanAiResource{display:block!important;width:100%!important;max-width:660px!important;height:100%!important;min-height:0!important;margin:0 auto!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
#ksanAiRoot .ai-feed-frame{display:block;width:100%;height:100%;border:0;background:transparent;color-scheme:dark}

#ksanAiRoot.is-feed-result #ksanAiComposer{display:none!important}
#ksanAiRoot.is-feed-result .ksan-ai__start-layout{grid-template-rows:minmax(0,1fr)!important;bottom:max(12px,env(safe-area-inset-bottom))!important;gap:0!important}
#ksanAiRoot.is-feed-result #ksanAiResource{max-width:740px!important}

#ksanAiRoot .ai-dialog-preview{display:none!important}
#ksanAiRoot .ai-history-button{margin-left:auto}
#ksanAiRoot .ai-history-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;box-sizing:border-box;border-radius:11px;background:#3d334c;color:#d6c3f5;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}

/* Compact quick actions share one icon and control style. */
#ksanAiRoot .ksan-ai__start-suggestions{gap:8px}
#ksanAiRoot .ksan-ai__start-suggestions button{height:44px;min-height:44px;padding:0 14px;gap:8px;border:1px solid #ffffff12;border-radius:14px;background:#232225;color:#ddd9e2;font-size:13px;font-weight:500;line-height:20px;transition:background-color .15s,border-color .15s,color .15s}
#ksanAiRoot .ksan-ai__start-suggestions button>svg{display:block;width:20px;height:20px;flex:0 0 20px;color:#b8aec9}
#ksanAiRoot .ksan-ai__start-suggestions button>.ai-quick-label{font-size:13px;line-height:20px;color:inherit;white-space:nowrap}
#ksanAiRoot .ksan-ai__start-suggestions button:hover{background:#302a3a;border-color:#bba0e84d;color:#f2eafa}
#ksanAiRoot .ksan-ai__start-suggestions button:focus-visible{outline:2px solid #bba0e8;outline-offset:3px}
@media(max-width:520px){#ksanAiRoot .ksan-ai__start-suggestions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#ksanAiRoot .ksan-ai__start-suggestions button{justify-content:flex-start;padding:0 12px}}
@media(prefers-reduced-motion:reduce){#ksanAiRoot .ksan-ai__start-suggestions button{transition:none}}

/* Compact launcher above the composer; native dialog owns focus and Escape. */
#ksanAiRoot .ai-composer-dock{display:flex;flex-direction:column;gap:12px;min-width:0;width:100%}
#ksanAiRoot .ai-composer-dock #ksanAiComposer{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;margin:0!important}
#ksanAiRoot .ai-tools-tile{display:grid;grid-template-columns:repeat(2,44px);gap:6px;padding:10px;width:max-content;border:1px solid #ffffff12;border-radius:26px;background:#252525;color:#ccc;cursor:pointer}
#ksanAiRoot .ai-tools-tile>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff20;border-radius:50%}
#ksanAiRoot .ai-tools-tile svg{width:22px;height:22px}
#ksanAiRoot .ai-tools-tile>span:first-child{color:#b397f3}
#ksanAiRoot .ai-tools-tile:hover{background:#303033}
#ksanAiRoot .ai-tools-tile:focus-visible{outline:2px solid #b397f3;outline-offset:3px}
#ksanAiRoot.is-feed-result .ai-composer-dock{display:none!important}
#ksanAiRoot .ai-tools-dialog{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:#141414ed;color:#eee;overflow-y:auto}
#ksanAiRoot .ai-tools-dialog::backdrop{background:#0009}
#ksanAiRoot .ai-tools-dialog[open]{display:flex;align-items:center;justify-content:center}
#ksanAiRoot .ai-tools-close{position:absolute;top:max(20px,env(safe-area-inset-top));right:20px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#252525;color:#ddd;font-size:32px;cursor:pointer}
#ksanAiRoot .ai-tools-menu{width:min(100%,520px);margin:auto;padding:64px 0}
#ksanAiRoot .ai-tools-menu h2{font-size:18px;font-weight:500;color:#969399;margin:0 0 20px}
#ksanAiRoot .ai-tools-menu>button{display:flex;align-items:center;gap:16px;width:100%;padding:12px 0;border:0;border-radius:16px;background:transparent;color:#eee;text-align:left;cursor:pointer}
#ksanAiRoot .ai-tools-menu>button:hover{background:#ffffff08}
#ksanAiRoot .ai-tools-menu>button>svg{box-sizing:content-box;flex:0 0 24px;width:24px;height:24px;padding:14px;border:1px solid #ffffff20;border-radius:50%;background:#252525;color:#b9a4ed}
#ksanAiRoot .ai-tools-copy{display:grid;gap:5px}
#ksanAiRoot .ai-tools-copy strong{font-size:18px;font-weight:500}
#ksanAiRoot .ai-tools-copy small{font-size:14px;line-height:1.5;color:#99969d}
@media(max-height:600px){#ksanAiRoot .ai-tools-tile{grid-template-columns:repeat(4,36px);padding:6px;border-radius:23px}#ksanAiRoot .ai-tools-tile>span{width:36px;height:36px}}


/* Four equal controls: posts, games, search, history. */
#ksanAiRoot .ai-tools-grid{display:grid;grid-template-columns:repeat(2,44px);gap:6px;padding:10px;align-self:flex-start;width:max-content;background:#252525;border:1px solid #ffffff12;border-radius:26px}
#ksanAiRoot .ai-tools-grid>button{position:relative;display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;margin:0!important;padding:0;border:1px solid #ffffff20;border-radius:50%;background:transparent;color:#ccc;cursor:pointer}
#ksanAiRoot .ai-tools-grid>button:first-child{color:#b397f3}
#ksanAiRoot .ai-tools-grid>button:hover{background:#ffffff0b}
#ksanAiRoot .ai-tools-grid>button:focus-visible{outline:2px solid #b397f3;outline-offset:2px}
#ksanAiRoot .ai-tools-grid svg{width:22px;height:22px}
#ksanAiRoot .ai-tools-grid .ai-history-button>span:not(.ai-history-count){display:none}
#ksanAiRoot .ai-tools-grid .ai-history-count{position:absolute;top:-3px;right:-4px;min-width:16px;height:16px;padding:0 3px;font-size:9px;border:2px solid #252525;box-sizing:content-box}

/* Tools belong to the scrolling content, not the fixed composer row. */
#ksanAiRoot :is(.ai-tools-grid,.ai-tools-tile){align-self:center;flex-shrink:0;margin:0 auto}
#ksanAiRoot.is-conversation-started:not(.is-feed-result) .ai-welcome-content{display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden;justify-content:safe center}
#ksanAiRoot.is-conversation-started:not(.is-feed-result) .ai-welcome-content .ksan-ai__answer{height:auto!important;overflow:visible!important;flex-shrink:0}
#ksanAiRoot.is-feed-result :is(.ai-tools-grid,.ai-tools-tile){display:none!important}

/* Guest AI uses the full viewport and one set of welcome actions. */
body.ai-guest-page{margin:0!important;padding:0!important;overflow:hidden!important}
body.ai-guest-page #ksanAiRoot{width:100%!important;max-width:none!important;height:100dvh!important;margin:0!important;padding:0!important;left:auto!important;transform:none!important}
body.ai-guest-page #guestSuggestions,body.ai-guest-page #guestBottomNav{display:none!important}
body.ai-guest-page #ksanAiRoot .ksan-ai__start-layout{left:0!important;right:0!important;top:106px!important;bottom:max(14px,env(safe-area-inset-bottom))!important;transform:none!important;margin:0 auto!important;width:min(780px,calc(100% - 32px))!important}
body.ai-guest-page #ksanAiRoot.is-conversation-started .ksan-ai__start-layout{top:156px!important}
body.ai-guest-page #ksanAiRoot .ai-conversation-header{top:102px!important}
body.ai-guest-page #ksanAiRoot .ai-composer-dock{gap:8px!important}
body.ai-guest-page #ksanAiRoot #guestRequestStatus{position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:auto!important;min-height:16px!important;margin:0!important;padding:0!important;text-align:center!important;font-size:11px!important;line-height:16px!important;pointer-events:none}
body.ai-guest-page #ksanAiRoot .ai-welcome-content{width:100%;box-sizing:border-box}

/* Launcher is a welcome action, never part of an assistant reply. */
#ksanAiRoot.is-conversation-started :is(.ai-tools-grid,.ai-tools-tile){display:none!important}
#ksanAiRoot.is-conversation-started .ai-welcome-content{display:contents!important}
#ksanAiRoot.is-conversation-started:not(.is-feed-result) .ai-welcome-content .ksan-ai__answer{height:100%!important;overflow-y:auto!important;overflow-x:hidden!important}
#ksanAiRoot:not(.is-conversation-started) .ai-welcome-content{justify-content:flex-start;padding-bottom:0}
#ksanAiRoot:not(.is-conversation-started) .ai-welcome-content>.ksan-ai__answer{margin-top:auto!important}
#ksanAiRoot:not(.is-conversation-started) :is(.ai-tools-grid,.ai-tools-tile){position:static!important;transform:none!important;align-self:center!important;margin: auto auto 0!important}

#ksanAiRoot .ksan-mascot .ksan-mascot-idle{width:100%;height:100%;object-fit:contain;margin:0}
#ksanAiRoot .ksan-mascot[data-state="idle"] svg{display:none!important;animation:none!important}
#ksanAiRoot .ksan-mascot[data-state="thinking"] .ksan-mascot-idle{display:none!important}
#ksanAiRoot .ksan-mascot[data-state="thinking"]{width:76px!important;height:88px!important}
#ksanAiRoot #ksanAiThinking{position:static!important;inset:auto!important;transform:none!important;grid-column:1 / -1!important;align-self:center!important;justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:none!important;text-align:center!important;margin:0 auto 12px!important;box-sizing:border-box}
#ksanAiRoot #ksanAiThinking[hidden]{display:none!important}

/* Reserve the full sprite footprint so reaction changes cannot overlap copy. */
#ksanAiRoot:not(.is-conversation-started) .ksan-ai__answer{--mascot-width:76px;--mascot-height:88px;grid-template-columns:var(--mascot-width) minmax(0,1fr)!important;column-gap:20px!important}
#ksanAiRoot:not(.is-conversation-started) .ksan-mascot{width:var(--mascot-width)!important;height:var(--mascot-height)!important;max-width:100%!important;margin:0!important;align-self:start!important;justify-self:center!important}
#ksanAiRoot:not(.is-conversation-started) :is(.ksan-ai__title,.ksan-ai__text){min-width:0!important;overflow-wrap:break-word}
@media(max-width:760px){#ksanAiRoot:not(.is-conversation-started) .ksan-ai__answer{--mascot-width:60px;--mascot-height:70px;column-gap:14px!important}}

/* v1083: guest header and headphone demo cards */
body.ai-guest-page #ksanHeaderMount .ksan-head{background:transparent!important;box-shadow:none!important;border:0!important}
#ksanAiRoot .ksan-ai__resource.aurora-rich-host .vexa-store-results{width:100%!important;max-width:100%!important;box-sizing:border-box;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#ksanAiRoot .vexa-store-groups{gap:28px;min-width:0}
#ksanAiRoot .vexa-store-group{min-width:0}
#ksanAiRoot .vexa-store-group__head{display:block}
#ksanAiRoot .vexa-store-group__head h3{font-size:20px;line-height:1.3}
#ksanAiRoot .vexa-store-group__head p{display:block!important;font-size:13px;color:#a5a1ad}
#ksanAiRoot .vexa-store-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;overflow:visible;width:100%;box-sizing:border-box;margin-top:16px;padding:0}
#ksanAiRoot .vexa-store-card{min-width:0;border-radius:22px;background:#232226;overflow:hidden}
#ksanAiRoot .vexa-store-card__visual{height:142px;background:linear-gradient(135deg,#353045,#252732)}
#ksanAiRoot .vexa-store-card__placeholder{font-size:36px;color:#c0abef}
#ksanAiRoot .vexa-store-card__mark{display:none}
#ksanAiRoot .vexa-store-card__panel{padding:16px}
#ksanAiRoot .vexa-store-card__name{font-size:17px;line-height:1.3}
#ksanAiRoot .vexa-store-card__facts{font-size:12px;gap:8px;line-height:1.5}
#ksanAiRoot .vexa-store-card__signal,#ksanAiRoot .vexa-store-card__pickup{font-size:12px;line-height:1.5}
@media(max-width:520px){#ksanAiRoot .vexa-store-strip{grid-template-columns:minmax(0,1fr)}#ksanAiRoot .vexa-store-card__visual{height:130px}}

/* v1085: occasional inline reactions and contextual ideas */
#ksanAiRoot .ksan-chat-meme{display:block!important;width:auto!important;max-width:min(100%,300px)!important;height:auto!important;max-height:340px!important;object-fit:contain;border-radius:16px;margin:16px 0 0!important}
#ksanAiRoot .ksan-chat-product{display:flex;align-items:flex-start;gap:14px;background:#242229;border:1px solid #ffffff12;border-radius:20px;padding:18px;margin-top:20px;max-width:460px;text-align:left;font-size:14px;line-height:1.5;box-sizing:border-box}
.ksan-chat-product__icon{font-size:32px}.ksan-chat-product small{display:block;color:#9d96a9;font-size:11px;margin-bottom:6px}.ksan-chat-product strong{display:block;font-size:17px}.ksan-chat-product p{margin:8px 0;color:#c6c0ce}.ksan-chat-product button{background:#57446d;color:#eee4ff;border:0;border-radius:12px;padding:10px 14px;cursor:pointer;font:inherit}

/* v1088: Vera status above input with floating hearts */
#ksanAiRoot .ai-composer-dock:has(.ksan-vera-status){position:relative!important;overflow:visible!important}
#ksanAiRoot .ksan-vera-status{position:absolute!important;bottom:calc(100% + 10px);left:0;display:block;width:100%;text-align:center;font-size:12px;line-height:20px;color:#d1b8ee;pointer-events:none;z-index:3}
#ksanAiRoot .ksan-vera-heart{position:absolute;left:50%;bottom:8px;color:#fb718f;font-size:17px;opacity:0;animation:ksan-vera-float 1.2s ease-out var(--heart-delay) 1 both;pointer-events:none}
@keyframes ksan-vera-float{0%{opacity:0;transform:translate(-50%,0) scale(.5)}15%{opacity:.95}100%{opacity:0;transform:translate(calc(-50% + var(--heart-x)),-76px) scale(1.15)}}
@media(prefers-reduced-motion:reduce){#ksanAiRoot .ksan-vera-heart{animation:none;display:none}}