:root{--amber: #d99a2b;--amber-deep: #b9791a;--amber-light: #f6d365;--cream: #fff8ec;--ink: #4a3a23;--ink-soft: #8a7a63;--bubble-a: rgba(255, 255, 255, .92);--bubble-u: rgba(255, 252, 244, .78);--shadow: 0 10px 30px rgba(120, 80, 20, .18);font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:transparent}.app-stage{height:100%;display:flex;align-items:center;justify-content:center;padding:8px}.widget{position:relative;width:100%;max-width:380px;height:100%;max-height:680px;min-height:480px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:var(--cream)}.widget__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:saturate(1.05);opacity:.5}.widget__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff8ec8c,#fff8ecd9 60%,#fff8ecf7)}.widget__inner{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.header{display:flex;align-items:center;gap:8px;padding:14px 16px 10px}.header__icon{color:var(--amber-deep);font-size:16px}.header__title{margin:0;font-size:15px;font-weight:700;color:var(--ink);flex:1}.header__status{width:9px;height:9px;border-radius:50%;background:#c9c9c9}.header__status.is-online{background:#4caf50;box-shadow:0 0 0 3px #4caf502e}.voice{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 16px 10px}.voice__wave{display:flex;align-items:center;gap:2px;height:44px;width:100%;justify-content:center}.voice__bar{width:3px;border-radius:2px;background:linear-gradient(180deg,var(--amber-light),var(--amber-deep));opacity:.85;animation:pulse 1.4s ease-in-out infinite}.voice.is-active .voice__bar{animation-duration:.7s}@keyframes pulse{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.voice__mic{width:46px;height:46px;border-radius:50%;border:none;color:#fff;background:radial-gradient(circle at 30% 30%,var(--amber-light),var(--amber-deep));box-shadow:0 6px 16px #b9791a73;display:grid;place-items:center;cursor:pointer;opacity:.95;transition:transform .12s ease,box-shadow .12s ease}.voice__mic:hover:not(:disabled){transform:translateY(-1px)}.voice__mic:disabled{cursor:not-allowed;opacity:.5}.voice__mic.is-listening{background:radial-gradient(circle at 30% 30%,#ff8f6b,#e0452a);box-shadow:0 0 #e0452a80;animation:mic-pulse 1.3s ease-out infinite}@keyframes mic-pulse{0%{box-shadow:0 0 #e0452a73}to{box-shadow:0 0 0 14px #e0452a00}}.voice__caption{margin:2px 0 0;max-width:100%;font-size:12px;line-height:1.4;color:var(--amber-deep);text-align:center;word-break:break-word}.messages{flex:1;overflow-y:auto;padding:8px 14px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin}.bubble-row{display:flex;align-items:flex-end;gap:8px;max-width:100%}.bubble-row.is-user{flex-direction:row-reverse}.avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:15px;box-shadow:0 2px 6px #78501426}.bubble{position:relative;max-width:74%;padding:10px 12px 18px;border-radius:16px;font-size:13.5px;line-height:1.5;color:var(--ink)}.bubble--assistant{background:var(--bubble-a);border-top-left-radius:4px;box-shadow:0 2px 8px #7850141a}.bubble--user{background:var(--bubble-u);border-top-right-radius:4px;box-shadow:0 2px 8px #78501414}.bubble__text{margin:0;white-space:pre-wrap;word-break:break-word}.bubble__link{color:var(--amber-deep);font-weight:600;text-decoration:underline;text-underline-offset:2px;word-break:break-all}.bubble__link:hover{color:var(--amber)}.bubble__time{position:absolute;right:10px;bottom:5px;font-size:10px;color:#4a3a2373}.typing{display:inline-flex;gap:4px;padding:12px 14px}.typing span{width:6px;height:6px;border-radius:50%;background:var(--amber);opacity:.6;animation:blink 1.2s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}.carousel{display:flex;gap:10px;padding:6px 14px 4px;overflow-x:auto;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.hcard{flex:0 0 132px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 12px #7850141f}.hcard__img{width:100%;height:86px;object-fit:cover;background:#fff7e8}.hcard__body{padding:8px 9px 9px}.hcard__name{margin:0 0 2px;font-size:12.5px;font-weight:700;color:var(--ink)}.hcard__tag{margin:0 0 6px;font-size:10.5px;line-height:1.35;color:#4a3a239e;height:28px;overflow:hidden}.hcard__foot{display:flex;align-items:center;justify-content:flex-end}.hcard__btn{border:none;background:var(--amber);color:#fff;font-size:11px;padding:4px 10px;border-radius:999px;cursor:pointer}.hcard__btn:hover{background:var(--amber-deep)}.input-bar{display:flex;align-items:center;gap:8px;padding:10px 14px 14px}.input-bar__field{flex:1;height:40px;border:1px solid rgba(185,121,26,.3);border-radius:999px;padding:0 16px;font-size:13.5px;background:#ffffffe6;color:var(--ink);outline:none}.input-bar__field:focus{border-color:var(--amber);box-shadow:0 0 0 3px #d99a2b26}.input-bar__send{width:40px;height:40px;flex:0 0 40px;border:none;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--amber-light),var(--amber-deep));color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px #b9791a66}.input-bar__send:disabled{opacity:.5;cursor:default}