:root{--bk-yellow:#FFD400;--bk-yellow-cta:#FFE600;--bk-red:#C73834;--bk-black:#1A1919;--bk-white:#FFF;--bk-paper:#FAF7F0;--bk-line:rgba(26,25,25,.14);--bk-muted:rgba(26,25,25,.72);--radius:24px;--radius-chip:8px;font-family:"Poppins","Inter","Helvetica Neue",Arial,sans-serif;color:var(--bk-black);background:var(--bk-paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:16px;font-weight:500;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-underline-offset:3px}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--bk-black);outline-offset:3px}svg{flex-shrink:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;padding:8px 16px;transform:translateY(-150%);background:var(--bk-white);z-index:10}.skip-link:focus{transform:none}.page-header{max-width:1088px;margin:0 auto;padding:32px 32px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-logo{display:block;object-fit:contain;object-position:left;width:176px;height:48px}.preview-tag{font-size:12px;border:1px solid var(--bk-line);border-radius:var(--radius-chip);padding:8px 16px;color:var(--bk-muted)}main{max-width:1088px;margin:0 auto;padding:0 32px 32px;outline:none}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(224px,.8fr);gap:32px;background:var(--bk-white);border:1px solid var(--bk-line);border-radius:var(--radius);padding:48px 64px;align-items:center;min-height:496px}.hero-copy{min-width:0}.eyebrow{font-size:11px;letter-spacing:.16em;line-height:1.5;font-weight:700;margin:0 0 24px;color:var(--bk-muted)}h1{font-size:clamp(36px,4.9vw,56px);font-weight:900;line-height:1.02;letter-spacing:-.025em;margin:0 0 24px;max-width:560px}.hero-intro{font-size:17px;line-height:1.6;color:var(--bk-muted);max-width:390px;margin:0 0 32px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:56px;border:1px solid transparent;border-radius:var(--radius-chip);padding:16px 24px;background:var(--bk-yellow);font-size:15px;font-weight:600}.primary-button:hover{background:var(--bk-yellow-cta)}.hero-note{font-size:12px;color:var(--bk-muted);margin:16px 0 0}.hero-character{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.character-caption{background:var(--bk-paper);padding:8px 16px;border-radius:var(--radius-chip);font-size:13px;align-self:flex-end;transform:rotate(-4deg)}.mascot-button{border:0;background:var(--bk-paper);padding:0;width:192px;max-width:100%;transform-origin:50% 92%;border-radius:var(--radius)}.mascot-button img{display:block;width:100%;height:auto}.character-name{font-size:12px;color:var(--bk-muted)}.page-note{font-size:13px;line-height:1.6;color:var(--bk-muted);text-align:center;max-width:640px;margin:24px auto 0}.chat{max-width:760px;margin:32px auto 0;background:var(--bk-white);border:1px solid var(--bk-line);border-radius:var(--radius);overflow:hidden}.chat-header{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--bk-line);padding:16px 24px}.avatar{background:var(--bk-white);flex-shrink:0;width:40px;height:56px;overflow:hidden}.avatar img{display:block;width:auto;height:56px;margin:auto}.chat-identity{flex:1;min-width:0}.chat-identity h2{font-size:18px;line-height:1.3;letter-spacing:-.015em;font-weight:800;margin:0 0 4px}.chat-identity p{font-size:12px;line-height:1.5;color:var(--bk-muted);margin:0}.icon-button{border:0;background:transparent;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;border-radius:var(--radius-chip);padding:8px}.icon-button:hover{background:var(--bk-paper)}.context-controls{display:grid;grid-template-columns:minmax(0,1fr) 144px;gap:16px;padding:24px 24px 0}.field{min-width:0;display:flex;flex-direction:column;gap:8px}.field label{font-size:12px;font-weight:600;color:var(--bk-muted)}.field select{appearance:auto;max-width:100%;min-width:0;height:48px;background:var(--bk-white);border:1px solid var(--bk-line);border-radius:var(--radius-chip);font-size:14px;padding:8px}.context-note{font-size:12px;color:var(--bk-muted);margin:8px 24px 0}.conversation-scroll{max-height:440px;min-height:176px;overflow:auto;overscroll-behavior:contain;padding:24px;scroll-behavior:smooth;scrollbar-gutter:stable}.messages{display:flex;flex-direction:column;gap:16px}.message{max-width:91%;font-size:14px;line-height:1.65;overflow-wrap:anywhere}.message-assistant{align-self:flex-start}.message-user{align-self:flex-end}.message-body{padding:16px;border-radius:16px;background:var(--bk-paper);white-space:pre-wrap;margin:0}.message-user .message-body{background:var(--bk-yellow);border-bottom-right-radius:0}.message-assistant .message-body{border-bottom-left-radius:0}.message-label{font-size:11px;color:var(--bk-muted);margin:0 0 4px 0}.message-user .message-label{text-align:right}.source-list{margin:8px 0 0;padding-left:16px;font-size:12px;line-height:1.6}.source-list li+li{margin-top:8px}.source-list a{font-weight:500}.answer-mode{font-size:11px;line-height:1.5;color:var(--bk-muted);margin:8px 0 0}.message-support{display:inline-block;font-size:13px;line-height:1.5;margin-top:8px;font-weight:600}.suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 16px}.suggestion{background:var(--bk-white);border:1px solid var(--bk-line);border-radius:var(--radius-chip);min-height:40px;padding:8px 16px;font-size:12px;text-align:left;line-height:1.5}.suggestion:hover{background:var(--bk-paper);border-color:var(--bk-black)}.thinking{font-size:12px;color:var(--bk-muted);margin:24px 0 0;display:flex;align-items:center;gap:8px}.thinking-dot{width:8px;height:8px;display:inline-block;background:var(--bk-black);border-radius:50%;animation:thinking 1s 4}.request-error{background:var(--bk-paper);border-left:3px solid var(--bk-red);padding:16px;margin:16px 0 0;font-size:13px}.request-error p{margin:0 0 8px}.chat-form{padding:0 24px}.composer{display:flex;align-items:flex-end;gap:8px;border:1px solid var(--bk-line);border-radius:var(--radius-chip);padding:8px;background:var(--bk-white)}.composer:focus-within{border-color:var(--bk-black)}textarea{width:100%;min-width:0;resize:vertical;min-height:64px;max-height:160px;padding:8px;border:0;background:transparent;font-size:14px;line-height:1.5}textarea::placeholder{color:var(--bk-muted)}textarea:focus-visible{outline-offset:0;outline-width:2px}.send-button{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:48px;height:48px;border:0;background:var(--bk-yellow);border-radius:var(--radius-chip)}.send-button:hover{background:var(--bk-yellow-cta)}.input-note{font-size:11px;color:var(--bk-muted);margin:8px 0 0}.chat-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 24px 0}.text-button{background:none;border:0;text-decoration:underline;text-underline-offset:3px;padding:8px 0;min-height:40px;font-size:12px}.support-link{font-size:12px;display:inline-flex;align-items:center;min-height:40px}.privacy-note{font-size:11px;line-height:1.6;color:var(--bk-muted);margin:8px 24px 24px}.noscript-note{max-width:760px;margin:32px auto;padding:24px}.embedded{background:var(--bk-white)}.embedded .page-header,.embedded .hero,.embedded .page-note,.embedded #close-chat,.embedded .skip-link{display:none}.embedded main{padding:0;max-width:none}.embedded .chat{border:0;border-radius:0;margin:0;max-width:none;display:flex;flex-direction:column;height:100dvh;min-height:480px}.embedded .conversation-scroll{flex:1;min-height:80px;max-height:none}.embedded .chat-header{padding:16px}.embedded .context-controls{padding-top:16px}.embedded .privacy-note{margin-bottom:16px}.embedded .chat-identity h2{font-size:16px}
@keyframes banana-wave{0%,100%{transform:rotate(0) translateY(0)}30%{transform:rotate(-5deg) translateY(-8px)}65%{transform:rotate(4deg) translateY(-4px)}}@keyframes thinking{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:720px){.page-header{padding:24px}.brand-logo{width:152px;height:40px}main{padding:0 24px 24px}.hero{padding:32px;grid-template-columns:minmax(0,1fr) 144px;gap:16px;min-height:408px}h1{font-size:38px}.hero-intro{font-size:15px}.primary-button{padding:16px;gap:16px}.mascot-button{width:144px}.eyebrow{font-size:10px;letter-spacing:.12em}.character-caption{font-size:12px}.preview-tag{font-size:11px;padding:8px}.hero-character{gap:16px}}
@media(max-width:480px){.page-header{padding:16px}.brand-logo{width:136px;height:40px}main{padding:0 16px 24px}.hero{display:block;position:relative;padding:32px 24px;min-height:464px;overflow:hidden}h1{font-size:36px;max-width:320px;margin-bottom:24px}.eyebrow{max-width:220px;margin-bottom:16px}.hero-intro{max-width:calc(100% - 96px);min-height:144px;font-size:14px;line-height:1.6;margin-bottom:16px}.hero-character{position:absolute;right:8px;bottom:120px;width:112px;gap:8px}.mascot-button{width:104px}.character-caption{font-size:10px;padding:8px}.character-name{display:none}.hero-note{font-size:11px}.primary-button{font-size:14px}.chat{margin-top:24px;border-radius:16px}.chat-header{padding:16px;gap:8px}.chat-identity h2{font-size:15px}.chat-identity p{font-size:11px}.context-controls{padding:16px 16px 0;grid-template-columns:minmax(0,1fr) 104px;gap:8px}.field select{font-size:12px}.context-note{margin:8px 16px 0;font-size:11px}.conversation-scroll{padding:24px 16px;max-height:400px}.message{max-width:96%;font-size:13px}.message-body{padding:16px}.suggestions{padding:0 16px 16px}.suggestion{padding:8px;font-size:11px}.chat-form{padding:0 16px}.chat-footer{padding:8px 16px 0;gap:8px}.text-button,.support-link{font-size:11px}.privacy-note{margin:8px 16px 16px}.input-note{font-size:10px}.page-note{font-size:12px}.embedded .context-controls{padding-top:8px}.embedded .context-note{margin-bottom:0}.embedded .chat-header{padding:8px 16px}.embedded .avatar,.embedded .avatar img{height:40px}.embedded .privacy-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.feedback{margin-top:8px}.feedback-trigger{font-size:11px;color:var(--bk-muted)}.feedback-form{border:1px solid var(--bk-line);border-radius:var(--radius-chip);padding:16px;background:var(--bk-white);margin-top:8px}.feedback-form label{display:block;font-size:12px;font-weight:600}.feedback-form textarea{display:block;border:1px solid var(--bk-line);border-radius:var(--radius-chip);margin-top:8px;min-height:96px}.feedback-note,.feedback-status{font-size:11px;line-height:1.6;margin:8px 0 0;color:var(--bk-muted)}.feedback-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:8px}.feedback-actions .suggestion{font-size:11px;background:var(--bk-yellow);border-color:transparent}

.banana-motion{position:relative;overflow:hidden;aspect-ratio:5/8}.banana-motion img{width:95%;height:95%;object-fit:contain;margin:2.5% auto}.banana-motion video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.banana-motion-ready video{opacity:1}.motion-toggle{border:0;background:transparent;font-size:11px;text-decoration:underline;text-underline-offset:3px;min-height:32px;padding:8px;color:var(--bk-muted)}
@media(max-width:480px){.hero-character{bottom:104px}.motion-toggle{font-size:10px;padding:4px;line-height:1.3}.hero-character .character-caption{display:none}}
@media(max-width:480px){.hero{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:16px;min-height:0;padding:32px 24px}.hero-copy{display:contents}.hero .eyebrow{grid-column:1/-1;grid-row:1;margin:0;max-width:none}.hero h1{grid-column:1/-1;grid-row:2;margin:0;max-width:none;font-size:34px}.hero .hero-intro{grid-column:1;grid-row:3;max-width:none;min-height:0;margin:0;align-self:center}.hero-character{position:static;grid-column:2;grid-row:3;width:104px;gap:0}.hero .primary-button{grid-column:1/-1;grid-row:4;width:100%}.hero .hero-note{grid-column:1/-1;grid-row:5;margin:0}.motion-toggle{min-height:32px}}

.catalog-status{margin:16px 24px}.catalog-status:empty{display:none}@media(max-width:480px){.catalog-status{margin:16px}}
