.chat-screen{color:#233b30;background:#f6f7f2;flex-direction:column;width:100%;max-width:760px;height:100dvh;margin:0 auto;font-family:system-ui,PingFang SC,sans-serif;display:flex}.chat-top{background:#fffefa;border-bottom:1px solid #e0e6df;flex:none;align-items:center;gap:12px;padding:16px 18px;display:flex}.chat-top>a,.chat-top>button:not([data-chat-hero]){width:44px;height:44px;color:inherit;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;display:grid}.chat-top>div:nth-child(2){flex:1;min-width:0}.chat-top h1{overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:700;line-height:1.3}.chat-top p{color:#758176;margin:4px 0 0;font-size:12px}.chat-contacts{flex:1;padding:12px 16px;overflow-y:auto}.chat-contact{text-align:left;width:100%;min-height:94px;color:inherit;background:0 0;border:0;border-bottom:1px solid #e2e7de;align-items:center;gap:13px;padding:16px 4px;display:flex}.chat-avatar{background:#e2ece0;border-radius:18px;flex:none;place-items:center;width:50px;height:50px;font-size:22px;font-weight:600;display:grid}.chat-contact>span:nth-child(2){flex:1;min-width:0}.chat-contact strong{font-size:18px;display:block}.chat-contact small{color:#738173;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:14px;display:block;overflow:hidden}.chat-unread,.chat-entry b{color:#fff;text-align:center;background:#c54b35;border-radius:20px;min-width:21px;padding:2px 6px;font-size:12px}.chat-empty{text-align:center;color:#778273;flex-direction:column;align-items:center;gap:14px;padding:40px 18px;font-size:16px;display:flex}.chat-empty h2{color:#344c3c;font-size:19px}.chat-empty a,.chat-empty button:not([data-chat-hero]){color:#fff;background:#2f6b54;border:0;border-radius:12px;min-height:44px;padding:12px 20px}.chat-footnote{color:#7a8578;text-align:center;padding:12px 20px;font-size:12px}.chat-messages{overscroll-behavior:contain;flex:1;min-height:0;padding:18px 16px;overflow-y:auto}.chat-message{flex-direction:column;align-items:flex-start;gap:5px;margin:0 0 20px;display:flex}.chat-message>small{color:#6c796d;margin:0 4px;font-size:12px}.chat-message.is-mine{align-items:flex-end}.chat-bubble{background:#fff;border:1px solid #e1e6df;border-radius:4px 18px 18px;max-width:85%;padding:12px 15px;box-shadow:0 3px 9px #344a3504}.is-mine .chat-bubble{background:#e0eedb;border-color:#d3e4ce;border-radius:18px 4px 18px 18px}.chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.65}.chat-bubble audio{width:260px;max-width:100%;height:42px}.chat-message footer{color:#879080;gap:9px;padding:0 4px;font-size:10px;display:flex}.chat-task{color:#61735f;overflow-wrap:anywhere;background:#edf0e8;border-radius:10px;gap:6px;max-width:85%;padding:9px 12px;font-size:12px;display:flex}.chat-task svg{flex:none}.chat-compose{padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:#fffefa;border-top:1px solid #e2e8de;flex:none}.chat-compose-row{align-items:flex-end;gap:8px;display:flex}.chat-mic{color:#3d654e;background:#eef2e9;border:0;border-radius:13px;place-items:center;min-width:44px;height:46px;display:grid}.chat-compose textarea:not([data-chat-hero]){resize:none;min-width:0;min-height:46px;max-height:120px;font:inherit;color:#223b2e;background:#f9faf6;border:1px solid #dce3d5;border-radius:13px;flex:1;padding:11px;font-size:16px;line-height:23px}.chat-send{color:#fff;min-height:46px;font:inherit;background:#326b51;border:0;border-radius:13px;padding:0 17px;font-size:15px;font-weight:600}.chat-send:disabled{opacity:.45}.chat-context{color:#5e7459;align-items:center;gap:7px;padding:0 6px 10px;font-size:13px;display:flex}.chat-context span{flex:1}.chat-context button:not([data-chat-hero]){color:#6a7a62;background:0 0;border:0;min-width:44px;min-height:44px;font-size:24px}.chat-quick{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chat-quick button:not([data-chat-hero]){color:#607052;background:#f6f8ee;border:1px solid #e1e6d9;border-radius:20px;min-height:44px;padding:8px 11px;font-size:13px}.chat-error{color:#b54836;margin:0 0 8px;padding:5px 4px;font-size:14px}.chat-load{color:#687d5e;background:0 0;border:0;min-height:44px;margin:0 auto 20px;text-decoration:underline;display:block}.chat-recorder{flex-direction:column;align-items:center;gap:12px;padding:15px 8px;display:flex}.chat-record-button{color:#3f6544;background:#e6eddb;border:1px solid #d5e1c9;border-radius:20px;justify-content:center;align-items:center;gap:12px;min-width:220px;min-height:64px;font-size:20px;display:flex}.chat-recorder-buttons{align-items:center;gap:20px;display:flex}.chat-recorder-buttons>button:not([data-chat-hero]):not(.chat-send),.chat-cancel{color:#65755c;background:0 0;border:0;min-height:44px;padding:0 15px}.chat-recorder small{color:#7b8872;font-size:12px}.chat-recorder audio{max-width:100%}.chat-entry{color:#386342;white-space:nowrap;background:#f3f8ed;border:1px solid #dce6d8;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 13px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.chat-entry-kid{gap:10px;min-height:52px;padding:12px 18px;font-size:18px}.chat-side-kid{background:#fff9ed;max-width:100%}.chat-side-kid .chat-top{background:#fffbf1;padding:20px 24px}.chat-side-kid .chat-top h1{font-size:28px}.chat-side-kid .chat-contact{min-height:110px}.chat-side-kid .chat-contact strong{font-size:24px}.chat-side-kid .chat-bubble p{font-size:22px}.chat-side-kid .chat-compose textarea:not([data-chat-hero]),.chat-side-kid .chat-send{min-height:54px;font-size:20px}.chat-side-kid .chat-messages{padding:24px max(20px,50vw - 450px)}.chat-side-kid .chat-contacts{width:100%;max-width:800px;margin:0 auto}.chat-screen :is(button:not([data-chat-hero]),a,textarea:not([data-chat-hero])):focus-visible{outline-offset:3px;outline:3px solid #6eaa83}.chat-screen button:not([data-chat-hero]){cursor:pointer}.chat-screen button:not([data-chat-hero]):disabled{cursor:default}@media (max-width:420px){.chat-top{gap:6px;padding:12px 10px}.chat-top h1{font-size:19px}.chat-bubble{max-width:91%}.chat-side-kid .chat-top h1{font-size:21px}.chat-side-kid .chat-bubble p{font-size:18px}.chat-entry-kid{padding:8px 12px;font-size:15px}.chat-compose{padding-left:8px;padding-right:8px}.chat-send{padding:0 12px}}.chat-call-slot{flex:none;max-width:125px}.chat-call-slot>button:not([data-chat-hero]){white-space:nowrap;color:#356947;background:#f3f8ef;border:1px solid #b8cfb5;border-radius:22px;min-height:44px;padding:10px 13px;font-size:13px}.chat-side-kid .chat-call-slot{max-width:155px}.chat-side-kid .chat-call-slot>button:not([data-chat-hero]){padding:12px 16px;font-size:17px}@media (max-width:420px){.chat-side-kid .chat-call-slot>button:not([data-chat-hero]){padding:10px;font-size:13px}}.chat-section-title{color:var(--text,#234237);margin:18px 16px 10px;font-size:16px;font-weight:700}.chat-family-contact{background:#eef5ef;border:1px solid #d7e4d9;border-radius:18px;padding:16px}.chat-members{color:#40594c;border-bottom:1px solid #dce7df;padding:8px 20px;font-size:14px}.chat-members summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.chat-members p{overflow-wrap:anywhere;margin:0 0 12px;line-height:1.7}.chat-readers{color:#40594c;position:relative}.chat-readers summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.chat-readers span{overflow-wrap:anywhere;padding:4px 0;display:block}.chat-screen button:not([data-chat-hero]):focus-visible,.chat-screen summary:focus-visible{outline-offset:3px;outline:3px solid #256749}.chat-top h1{overflow-wrap:anywhere}.chat-contacts.chat-family-section{flex:none;padding-bottom:8px}@media (min-width:900px){.parent-main .chat-screen{box-sizing:border-box;border:1px solid #e0e6df;border-radius:12px;height:calc(100dvh - 56px);min-height:0;margin-bottom:32px;overflow:hidden}}.chat-screen .chat-message[data-kind=text] .chat-bubble{border-radius:6px;padding:9px 12px}.chat-screen .chat-message[data-kind=text] .chat-bubble>p{min-height:24px;line-height:24px}.chat-history-anchor{background:var(--surface,#fff);border-bottom:1px solid var(--border,#ddd);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex}.chat-history-anchor button:not([data-chat-hero]){min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:10px;padding:8px 12px}.chat-feedback-label{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.chat-feedback-label strong{color:#245c37;background:#e4f1e8;border-radius:6px;padding:3px 8px}.chat-feedback-label[data-feedback-kind=issue] strong{color:#794900;background:#fff1d9}.chat-message[data-highlighted=true] .chat-bubble{animation:2s ease-out chat-message-locate}@keyframes chat-message-locate{0%,55%{outline-offset:2px;outline:1px solid #6e9c83}to{outline-offset:2px;outline:1px solid #0000}}@media (prefers-reduced-motion:reduce){.chat-message[data-highlighted=true] .chat-bubble{animation-duration:1ms}}.chat-bubble .chat-image-caption{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px}a.chat-task{color:inherit;min-height:44px;text-decoration:none}a.chat-task:focus-visible,.chat-history-anchor button:not([data-chat-hero]):focus-visible{outline-offset:3px;outline:3px solid #d7a348}.chat-task-button{text-align:left;width:100%;min-height:44px;font:inherit;color:inherit;cursor:pointer;border:0}.chat-task-button:focus-visible{outline-offset:3px;outline:3px solid #d7a348}.chat-reward-card{overflow-wrap:anywhere;min-width:0}.chat-reward-card strong{display:block}.chat-reward-card ul{margin:8px 0 0;padding:0;list-style:none}.chat-reward-card li{font-weight:650}.chat-reward-card small{margin-top:6px;display:block}.chat-screen .chat-message[data-kind][data-reward=true]>.chat-bubble{box-shadow:none;background:0 0;border:0;min-width:0;padding:0}.chat-screen .chat-reward-event{color:#234b37;width:fit-content;min-width:0;max-width:100%;box-shadow:none;overflow-wrap:anywhere;background:#edf5ef;border:0;border-radius:14px;gap:10px;padding:12px 14px}.chat-screen .chat-reward-heading{flex-flow:wrap;align-items:center;gap:6px 10px;padding:0;display:flex}.chat-screen .chat-reward-heading>strong{min-width:0;font-size:15px;line-height:1.5}.chat-screen .chat-reward-source{color:#365f47;white-space:normal;background:#deece1;border-radius:7px;align-items:center;gap:4px;max-width:100%;height:auto;min-height:24px;padding:2px 7px;font-size:12px;line-height:1.5;display:inline-flex}.chat-screen .chat-reward-source svg{flex:none}.chat-screen .chat-reward-source .chip__label{white-space:normal;overflow-wrap:anywhere}.chat-screen .chat-reward-content{flex-direction:column;gap:6px;padding:0;display:flex}.chat-screen .chat-reward-changes{gap:4px;margin:0;padding:0;list-style:none;display:grid}.chat-screen .chat-reward-changes li{color:#245c3f;flex-wrap:wrap;align-items:baseline;gap:6px;line-height:1.3;display:flex}.chat-screen .chat-reward-changes strong{font-variant-numeric:tabular-nums;font-size:28px;font-weight:750}.chat-screen .chat-reward-changes span{font-size:16px;font-weight:600}.chat-screen .chat-reward-changes [data-direction=debit]{color:#87432f}.chat-screen .chat-reward-changes [data-direction=zero]{color:#526258}.chat-screen .chat-bubble .chat-reward-event .chat-reward-detail{color:#3f5548;white-space:pre-wrap;margin:0;font-size:16px;line-height:1.55}
