@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap";
.sidebar{min-height:0;overflow-y:auto}:root{--ink:#1e3b31;--green:#245f4b;--muted:#6c7c72;--paper:#f6f8f3;--view-height:100dvh;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#e9efe8;margin:0}body,button,textarea{font-family:Noto Sans JP,system-ui,sans-serif}button,textarea{font-size:1rem}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button{border:0}button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #739d87}button{transition:background .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}.workspace{max-width:1240px;height:calc(var(--view-height) - 64px);background:#fff;border:1px solid #dce4da;border-radius:24px;grid-template-columns:330px 1fr;min-height:500px;margin:32px auto;display:grid;overflow:hidden;box-shadow:0 22px 65px #183c3010}.sidebar{background:#f8faf5;border-right:1px solid #e0e8dc;flex-direction:column;padding:34px 30px;display:flex}.brand{letter-spacing:-.035em;align-items:center;gap:11px;font-size:1.08rem;font-weight:700;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.side-intro{margin:55px 0 32px}.eyebrow{letter-spacing:.16em;color:#78907c;font-size:.75rem;font-weight:600}.side-intro h1{letter-spacing:.03em;margin:15px 0 18px;font-size:2.2rem;line-height:1.55}.side-intro p{color:var(--muted);font-size:.875rem;line-height:1.95}.small-heading{color:#7a897e;margin:0 12px 15px;font-size:.875rem;display:block}.side-topic{color:#46614e;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:13px;width:100%;margin:5px 0;padding:15px 14px;font-size:.9375rem;display:flex}.side-topic:hover,.side-topic.active{background:#e9f0e2}.side-note{color:#748673;gap:10px;margin-top:auto;padding:24px 12px 18px;display:flex}.side-note svg{flex-shrink:0;margin-top:4px}.side-note p{margin:0;font-size:.875rem;line-height:1.9}.side-bottom{color:#7b887c;border-top:1px solid #e2e8df;flex-wrap:wrap;gap:12px;padding-top:20px;font-size:.75rem;display:flex}.side-bottom button{color:#5c7963;text-underline-offset:4px;background:0 0;padding:0;font-size:.75rem;text-decoration:underline}.chat-panel{flex-direction:column;min-width:0;min-height:0;display:flex}.chat-header{background:#fff;border-bottom:1px solid #e5eadf;justify-content:space-between;align-items:center;gap:10px;padding:23px 28px;display:flex}.header-brand{align-items:center;gap:12px;display:flex}.header-brand .brand-mark{display:none}.chat-header h2{letter-spacing:.01em;margin:0 0 4px;font-size:1.125rem}.header-meta{color:#7a897e;font-size:.8125rem}.header-actions{align-items:center;gap:12px;display:flex}.mode-badge{color:#4c7557;white-space:nowrap;background:#edf4eb;border-radius:6px;padding:5px 9px;font-size:.75rem}.mode-badge.demo{color:#8e7540;background:#f5f0df}.icon-button{color:#789080;background:0 0;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{background:#eff4eb}.conversation{overscroll-behavior:contain;background:var(--paper);scroll-behavior:smooth;flex:1;min-height:0;padding:25px 32px 30px;overflow-y:auto}.session-label{color:#8a9789;justify-content:center;align-items:center;gap:13px;margin:0 0 25px;font-size:.75rem;display:flex}.session-label span{background:#dbe3d5;width:28px;height:1px}.demo-note{color:#867246;background:#f5f0e2;border:1px solid #eae2c9;border-radius:10px;align-items:flex-start;gap:8px;max-width:510px;margin:0 auto 25px;padding:11px 13px;font-size:.8125rem;line-height:1.7;display:flex}.demo-note svg{flex-shrink:0;margin-top:3px}.message-row{align-items:flex-start;gap:10px;margin:24px 0;display:flex}.message-row.user{justify-content:flex-end}.avatar{background:var(--green);color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:33px;height:33px;display:grid}.notice-avatar{color:#658068;background:#e4eadd}.message-group{min-width:0;max-width:81%}.bubble{overflow-wrap:anywhere;background:#fff;border:1px solid #e5eadf;border-radius:3px 17px 17px;padding:15px 18px;font-size:1rem;line-height:1.9;box-shadow:0 2px 4px #25462d03}.bubble p{white-space:pre-wrap;margin:0}.user .bubble{background:#dfedd2;border-color:#dce8cf;border-radius:17px 3px 17px 17px}.bubble-label{color:#79916f;margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.welcome{padding:19px 22px}.welcome p{margin:0}.welcome .welcome-sub{color:#6f8170;margin-top:14px;font-size:.875rem;line-height:1.9}.message-time{color:#97a08f;margin:6px 3px 0;font-size:.75rem;display:block}.user .message-time{text-align:right}.starter-options{flex-wrap:wrap;gap:8px;margin:-6px 0 28px 43px;display:flex}.starter-options button{color:#52714e;background:#fff;border:1px solid #cbdcc0;border-radius:22px;align-items:center;gap:7px;padding:10px 13px;font-size:.875rem;display:flex}.starter-options button:hover{background:#eaf2e3}.starter-options p{color:#8b9684;flex-basis:100%;margin:6px 0 0;font-size:.8125rem}.composer-area{background:#fff;border-top:1px solid #e5ebdf;padding:18px 26px 15px}.composer{align-items:flex-end;gap:10px;display:flex}.attach-button{color:#6b856e;background:0 0;flex-shrink:0;place-items:center;width:38px;height:46px;display:grid}.composer textarea{resize:none;min-width:0;min-height:48px;max-height:120px;color:var(--ink);background:#f6f8f3;border:1px solid #e4ebdf;border-radius:15px;flex:1;padding:12px 14px;line-height:1.5}.composer textarea::placeholder{color:#9aa491;font-size:.9375rem}.send-button{background:var(--green);color:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.send-button:disabled{opacity:1;color:#a9b6a0;background:#d9e3d2}.composer-note{color:#9aa38e;justify-content:space-between;gap:10px;margin:11px 48px 0;font-size:.75rem;line-height:1.6;display:flex}.composer-note button{color:#758a70;white-space:nowrap;text-underline-offset:3px;background:0 0;padding:0;font-size:.75rem;text-decoration:underline}.error-banner{color:#945044;background:#fff1ed;border-radius:10px;align-items:center;gap:10px;margin-bottom:13px;padding:12px;font-size:.875rem;line-height:1.6;display:flex}.error-banner span{flex:1}.error-banner button{color:#945044;white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:0;font-size:.875rem;display:flex}.dismiss{margin-left:auto}.typing{align-items:center;gap:5px;height:50px;display:flex}.typing i{background:#95b08e;border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulse}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes pulse{50%{opacity:.35;transform:translateY(-2px)}}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.uploaded-photo{object-fit:contain;background:#f5f7f1;border-radius:10px;width:100%;max-width:260px;max-height:260px;display:block}.photo-bubble{padding:9px}.photo-state{color:#657950;align-items:center;gap:4px;font-size:.75rem;display:flex;margin:7px 2px 0!important}.notice-bubble{box-shadow:none;background:#f1f5e9;font-size:.9375rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}dialog{width:calc(100% - 32px);max-width:460px;max-height:calc(100dvh - 40px);color:var(--ink);border:1px solid #d7e2d2;border-radius:20px;padding:26px;box-shadow:0 22px 65px #163b3030}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16352e60}.dialog-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.dialog-heading h2{margin:0;font-size:1.15rem}.info-item{gap:12px;margin:20px 0;display:flex}.info-item svg{color:#688764;flex-shrink:0;margin-top:3px}.info-item h3{margin:0 0 6px;font-size:.9375rem}.info-item p,.photo-explanation p{color:#71816b;margin:0;font-size:.875rem;line-height:1.9}.provider-note{color:#7b8973;background:#f4f7ef;border-radius:10px;padding:14px;font-size:.75rem;line-height:1.8}.primary-button{background:var(--green);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;padding:13px 17px;font-size:.9375rem;font-weight:500;display:flex}.photo-preview{object-fit:contain;background:#f5f7f0;border-radius:12px;width:100%;max-height:250px}.photo-explanation{margin:20px 0}.photo-explanation strong{margin-bottom:8px;font-size:.9375rem;display:block}.photo-explanation span{color:#89947d;margin-top:10px;font-size:.75rem;display:block}@media (min-width:1450px){.workspace{max-height:930px}}@media (max-width:1000px){.workspace{height:calc(var(--view-height) - 40px);grid-template-columns:270px 1fr;margin:20px}.sidebar{padding:28px 20px}.brand{font-size:1rem}.side-intro h1{font-size:1.9rem}.conversation{padding:24px}.composer-area{padding:16px 20px}.starter-options{gap:7px}.starter-options button{font-size:.8125rem}}@media (max-width:760px){html,body{background:var(--paper)}.workspace{height:var(--view-height);max-width:600px;min-height:0;box-shadow:none;border:0;border-radius:0;margin:0;display:flex}.sidebar{display:none}.chat-panel{width:100%;height:100%}.chat-header{padding:15px 16px 13px;padding-top:max(15px,env(safe-area-inset-top))}.header-brand .brand-mark{border-radius:12px;width:37px;height:37px;display:grid}.chat-header h2{margin-bottom:3px;font-size:1rem}.header-meta{font-size:.75rem}.header-actions{gap:5px}.mode-badge{padding:4px 7px;font-size:.75rem}.icon-button{width:32px;height:32px}.conversation{padding:22px 16px 25px}.session-label{margin-bottom:24px}.message-group{max-width:85%}.avatar{border-radius:10px;width:29px;height:29px}.message-row{gap:8px;margin:20px 0}.bubble{padding:13px 15px;font-size:1rem;line-height:1.85}.welcome{padding:17px}.welcome .welcome-sub{font-size:.875rem}.starter-options{gap:7px;margin-left:37px}.starter-options button{padding:9px 11px;font-size:.875rem}.composer-area{padding:12px 12px max(12px,env(safe-area-inset-bottom))}.composer{gap:7px}.attach-button{width:30px}.composer textarea{padding:12px;font-size:1rem}.composer textarea::placeholder{font-size:.875rem}.send-button{width:43px;height:45px}.composer-note{justify-content:center;gap:7px;margin:9px 0 0;font-size:.75rem}.composer-note button{font-size:.75rem}.demo-note{padding:10px 12px;font-size:.8125rem}.uploaded-photo{max-width:210px}.photo-bubble{padding:8px}dialog{padding:23px}}@media (max-height:650px) and (min-width:761px){.side-intro{margin:25px 0 15px}.side-intro h1{font-size:1.7rem}.side-note{display:none}.side-bottom{margin-top:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}