:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#24332f;background:#f4f7f5;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#24332f;--muted:#788681;--line:#e4eae6;--green:#28785d;--green-dark:#1c644b;--mint:#dff2e9;--white:#fff;--rose:#f6ece6}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 4% 0%,#e8f3ed 0,transparent 38%),#f4f7f5}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #75b69a;outline-offset:2px}[hidden]{display:none!important}.app{min-height:100vh;max-width:1440px;margin:auto;padding:0 5.4vw 44px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e8e3}.brand{display:flex;align-items:center;gap:12px}.brand-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:15px 15px 15px 5px;background:#28785d;color:white;font:800 26px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.brand strong,.brand small{display:block}.brand strong{font:700 16px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.25px}.brand small{margin-top:3px;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:18px}.status{display:flex;align-items:center;gap:8px;color:#788681;font-size:13px}.status i,.online{width:8px;height:8px;border-radius:50%;background:#b9c4bf}.status.connected i{background:#49a77e;box-shadow:0 0 0 3px #dff2e9}.text-button{border:0;background:transparent;color:#4e7063;font-size:13px;font-weight:600;padding:10px}.page{width:min(100%,950px);margin:76px auto 0}.intro{max-width:600px;margin:0 auto 34px;text-align:center}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#599078}.intro h1{font:700 clamp(30px,4vw,42px)/1.15 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-1.3px;margin:13px 0 12px}.intro p{margin:0 auto;color:#718079;line-height:1.65;font-size:16px;max-width:570px}.card{background:#fff;border:1px solid #e3eae5;border-radius:18px;box-shadow:0 18px 55px rgba(38,75,58,.07)}.form-card{width:min(100%,500px);margin:auto;padding:30px;display:flex;flex-direction:column}.form-card label,.entry-card label{font-size:13px;font-weight:600;color:#44534d;margin:14px 0 7px}.form-card input,.entry-card input{height:48px;border:1px solid #dbe4de;border-radius:10px;background:#fbfcfb;padding:0 14px;color:var(--ink);font-size:15px;min-width:0}.form-card input::placeholder,.entry-card input::placeholder{color:#a0aba5}.help,.footnote{font-size:13px;color:#7e8b85;line-height:1.55}.form-card .help{margin:10px 0 18px}.primary,.secondary{min-height:48px;border:0;border-radius:10px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .15s,background .15s}.primary{background:var(--green);color:white}.primary:hover{background:var(--green-dark);transform:translateY(-1px)}.secondary{background:#e7f3ed;color:#287354}.secondary:hover{background:#d7ebe0}.form-card .primary{width:100%}.footnote{text-align:center;max-width:590px;margin:22px auto 0}.footnote a{color:#357e60;text-underline-offset:3px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.entry-card{padding:26px;display:flex;flex-direction:column}.entry-number{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f4ece6;color:#936a4b;font-weight:700;font-size:13px}.entry-number.mint{background:#e4f3eb;color:#42856a}.entry-card h2{font:700 20px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.4px;margin:18px 0 8px}.entry-card>p{margin:0 0 6px;min-height:42px;color:#77847e;font-size:14px;line-height:1.5}.entry-card button{margin-top:18px}.entry-card .secondary{margin-top:18px}.error{font-size:13px;color:#a93f3c;line-height:1.5}.page-error{text-align:center;margin:18px auto}.chat-layout{height:min(760px,calc(100vh - 134px));min-height:480px;display:grid;grid-template-columns:280px minmax(0,1fr);margin:28px auto 0;max-width:1100px;overflow:hidden;border:1px solid #e2e9e4;border-radius:18px;background:white;box-shadow:0 20px 65px rgba(38,75,58,.08)}.chat-sidebar{padding:28px 20px;background:#fbfcfb;border-right:1px solid var(--line)}.space-label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#91a098;margin:3px 8px 17px}.family-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#e9f4ee}.family-avatar,.group-avatar{display:grid;place-items:center;color:#28785d;background:#d4eddf}.family-avatar{width:42px;height:42px;border-radius:13px;font-size:21px}.family-card strong,.family-card span{display:block}.family-card strong{font-size:14px}.family-card span{font-size:12px;color:#718079;margin-top:4px}.privacy-note{display:flex;gap:10px;margin:28px 6px 0;color:#668174;font-size:14px}.privacy-note>span{font-size:17px}.privacy-note strong{font-size:13px;color:#405c4e}.privacy-note p{font-size:12px;line-height:1.5;color:#829089;margin:5px 0 0}.invite-button{width:100%;margin-top:25px}.conversation{display:flex;min-width:0;flex-direction:column}.conversation-head{height:76px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid #edf0ee}.group-avatar{height:42px;width:42px;border-radius:15px;font-size:21px}.conversation-head h1{font:700 16px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0}.conversation-head p{margin:4px 0 0;font-size:12px;color:#829089}.leave-button{margin-left:auto}.messages{display:flex;flex:1;min-height:0;overflow:auto;flex-direction:column;gap:14px;padding:24px;background:#fcfdfc}.empty-state{margin:auto;text-align:center;max-width:320px;padding:22px}.empty-state>span{display:grid;place-items:center;margin:auto;width:54px;height:54px;background:#e8f4ed;border-radius:19px;color:#508a70;font-size:24px}.empty-state h2{font:700 18px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:18px 0 8px}.empty-state p{color:#89958f;font-size:14px;line-height:1.55;margin:0}.message{max-width:min(75%,520px);align-self:flex-start}.message.mine{align-self:flex-end}.message-name{font-size:11px;color:#7f8d86;margin:0 0 5px 4px}.message.mine .message-name{text-align:right;margin-right:4px}.message-bubble{padding:12px 15px;border-radius:16px 16px 16px 5px;background:#f0f3f1;color:#36433d;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.45}.message.mine .message-bubble{background:#e2f2e9;border-radius:16px 16px 5px 16px}.message-time{text-align:right;color:#9aa59f;font-size:10px;margin:5px 3px 0}.composer{display:flex;align-items:flex-end;gap:12px;padding:15px 20px 10px;border-top:1px solid #edf0ee}.composer textarea{flex:1;resize:none;max-height:130px;min-height:48px;border:1px solid #e0e7e2;border-radius:14px;background:#fafcfb;padding:14px;color:#28362f;font-size:15px;line-height:1.4}.composer textarea::placeholder{color:#a0aaa5}.send-button{display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:14px;background:#28785d;color:white;flex:none}.send-button:disabled{opacity:.55}.send-button svg{width:21px;height:21px;fill:currentColor}.send-error{margin:0;padding:0 21px 12px}.dialog-backdrop{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:18px;background:rgba(22,37,30,.35);backdrop-filter:blur(5px)}.dialog{position:relative;width:min(100%,440px);padding:34px;border-radius:20px;background:#fff;box-shadow:0 25px 80px #1e392d30}.close-button{position:absolute;right:16px;top:13px;border:0;background:transparent;color:#75827b;font-size:25px}.dialog h2{font:700 25px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.6px;margin:12px 0 10px}.dialog>p{font-size:14px;line-height:1.6;color:#76837c}.invite-code{margin:22px 0 16px;padding:17px 12px;border:1px dashed #9dc8ad;border-radius:13px;background:#f1f8f3;text-align:center;color:#256b50;font:700 22px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:2px;overflow-wrap:anywhere}.dialog .primary{width:100%}.toast{position:fixed;left:50%;bottom:24px;z-index:10;transform:translate(-50%,15px);padding:12px 17px;border-radius:10px;background:#24332f;color:#fff;opacity:0;pointer-events:none;transition:.2s;font-size:13px}.toast.show{transform:translate(-50%,0);opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.app{padding:0 18px 28px}.topbar{height:72px}.brand-icon{width:39px;height:39px}.brand strong{font-size:15px}.brand small{font-size:11px}.top-actions{gap:6px}.status{font-size:11px}.page{margin-top:46px}.intro{margin-bottom:25px}.intro p{font-size:15px}.entry-grid{grid-template-columns:1fr;gap:13px}.entry-card{padding:22px}.entry-card>p{min-height:auto}.chat-layout{height:calc(100dvh - 94px);min-height:400px;display:block;margin:12px -8px 0;border-radius:15px}.chat-sidebar{display:none}.conversation{height:100%}.conversation-head{height:68px;padding:0 16px}.messages{padding:18px 14px}.composer{padding:12px 12px 8px}.composer textarea{font-size:16px}.message{max-width:88%}.dialog{padding:29px 22px}.invite-code{font-size:19px;letter-spacing:1px}.footnote{padding:0 12px}.form-card{padding:22px}}@media(max-width:390px){.app{padding-left:12px;padding-right:12px}.topbar{height:66px}.brand-icon{width:35px;height:35px;border-radius:12px 12px 12px 4px}.brand{gap:9px}.brand strong{font-size:14px}.brand small{font-size:10px}.status{font-size:10px;gap:5px}.text-button{font-size:12px;padding:8px}.chat-layout{margin-left:-5px;margin-right:-5px}.conversation-head{padding:0 12px}.leave-button{padding-right:4px}}
.header-invite{margin-left:auto;flex:none;min-height:40px;padding:0 13px;font-size:12px}.conversation-head>div:nth-child(2){min-width:0;flex:1}.conversation-head>div:nth-child(2) p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.invite-options{display:grid;gap:10px;margin:20px 0 4px}.invite-options button{width:100%;text-align:center}.invite-options button:disabled{opacity:.45;cursor:default}