:root{--background:#f4f7f5;--card:#fff;--muted-card:#edf3f0;--text:#20312b;--muted:#687771;--weak:#94a19c;--accent:#4f7f6e;--accent-strong:#3e6c5c;--accent-soft:#dfede7;--accent-pale:#f0f6f3;--line:#26463a1c;--danger:#b05248;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 12% -8%, #bbdacd57, transparent 34rem), var(--background);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Microsoft YaHei,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;transition:background-color .16s,border-color .16s,color .16s,transform .16s}button:disabled{cursor:default;opacity:.45}.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}.onboarding-shell,.center-state{place-items:center;min-height:100dvh;padding:24px;display:grid}.welcome-card{border:1px solid var(--line);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-radius:28px;width:min(100%,440px);padding:44px 30px 32px;box-shadow:0 22px 64px #2c493e17}.house-mark,.wangma-avatar{background:var(--accent);color:#fff;border-radius:50%;place-items:center;font-weight:680;display:grid}.house-mark{border:6px solid var(--accent-soft);width:68px;height:68px;margin:0 auto 24px;font-size:27px;box-shadow:0 10px 26px #3f6c5c29}.house-mark svg{width:32px;height:32px;display:block}.eyebrow{color:var(--accent);letter-spacing:.22em;margin:0 0 9px;font-size:10px;font-weight:700}h1{letter-spacing:-.025em;margin:0;font-size:clamp(25px,7vw,34px);font-weight:680}.welcome-copy{color:var(--muted);margin:14px 0 32px;font-size:14px;line-height:1.7}.quiet-status,.connection-status{color:var(--muted);font-size:13px}.welcome-card form{text-align:left;gap:13px;display:grid}.welcome-card label{font-size:13px;font-weight:620}.welcome-card input,.chat-shell input{border:1px solid var(--line);background:var(--muted-card);width:100%;color:var(--text);outline:none;transition:border-color .16s,background-color .16s,box-shadow .16s}.welcome-card input:focus,.chat-shell input:focus{background:var(--card);border-color:#4f7f6e94;box-shadow:0 0 0 4px #4f7f6e1a}.welcome-card input{text-transform:uppercase;letter-spacing:.08em;border-radius:14px;height:52px;padding:0 16px}.welcome-card [aria-label=选择你的身份]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.welcome-card button{background:var(--muted-card);min-height:50px;color:var(--text);border:1px solid #0000;border-radius:14px;font-weight:620}.welcome-card button:not(:disabled):active,.chat-shell section form button:not(:disabled):active{transform:scale(.98)}.welcome-card button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-strong);border-color:#4f7f6e7a;box-shadow:inset 0 0 0 1px #4f7f6e1a}.welcome-card button[type=submit]{background:var(--accent);color:#fff;margin-top:4px;box-shadow:0 10px 24px #3f6c5c30}.welcome-card button[type=submit]:not(:disabled):hover{background:var(--accent-strong)}[role=alert]{color:var(--danger);font-size:14px}.chat-shell{max-width:760px;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 18px calc(92px + env(safe-area-inset-bottom));margin:0 auto}.app-shell{max-width:760px;min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) 20px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.page-header{padding:10px 2px 28px}.page-header h1{font-size:clamp(27px,7vw,36px)}.page-header>p:last-child{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.65}.home-grid,.feature-grid{gap:13px;display:grid}.home-grid{grid-template-columns:1fr 1fr}.hero-card,.soft-card,.feature-card,.profile-card,.privacy-note{border:1px solid var(--line);background:#ffffffc7;box-shadow:0 12px 34px #2c493e0f}.profile-memory-section{gap:14px;margin:4px 0 110px;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.section-heading h2{letter-spacing:-.03em;margin:4px 0 0;font-size:22px;font-weight:650}.section-heading>small{color:var(--muted);white-space:nowrap}.profile-memory-list{gap:10px;display:grid}.profile-memory-card{background:#ffffffb8;border:1px solid #4b746621;border-radius:20px;gap:8px;padding:16px 18px;display:grid;box-shadow:0 12px 34px #34554a0f}.profile-memory-card>div{color:var(--accent-strong);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.profile-memory-card small,.memory-empty{color:var(--muted)}.profile-memory-card p,.memory-empty{margin:0}.hero-card,.soft-card,.feature-card{min-height:142px;color:inherit;border-radius:22px;flex-direction:column;gap:7px;padding:20px;text-decoration:none;display:flex}.hero-card{background:radial-gradient(circle at 86% 12%, #ffffff61, transparent 12rem), var(--accent);color:#fff;border-color:#4f7f6e1f;grid-column:1/-1;justify-content:flex-end;min-height:180px;box-shadow:0 18px 42px #3f6c5c2e}.hero-card:active,.feature-card-active:active{transform:scale(.985)}.hero-card strong,.soft-card strong,.feature-card strong,.profile-card strong,.privacy-note strong{font-size:18px}.hero-card small,.soft-card small,.feature-card span,.feature-card small,.profile-card small{line-height:1.55}.hero-card small{color:#ffffffc7}.soft-card small,.feature-card span,.profile-card small{color:var(--muted)}.card-kicker{color:var(--accent);letter-spacing:.08em;font-size:11px;font-weight:720}.hero-card .card-kicker{color:#ffffffc2}.feature-card{min-height:128px}.feature-card small{color:var(--weak);margin-top:auto;font-size:11px}.feature-card-active{background:var(--accent-pale);border-color:#4f7f6e38}.family-chat-entry{margin-bottom:16px}.family-chat-entry .feature-card{min-height:104px}.organizer-stack{gap:16px;margin-bottom:32px;display:grid}.organizer-panel{border:1px solid var(--line);background:#ffffffc7;border-radius:24px;gap:16px;padding:20px;display:grid;box-shadow:0 12px 34px #2c493e0f}.organizer-form{background:var(--accent-pale);border-radius:18px;gap:11px;padding:15px;display:grid}.organizer-form label{color:var(--muted);gap:6px;font-size:12px;font-weight:620;display:grid}.organizer-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.organizer-form input,.organizer-form textarea{width:100%;color:var(--text);background:#ffffffe0;border:1px solid #4f7f6e24;border-radius:13px;outline:none}.organizer-form input{min-height:44px;padding:0 12px}.organizer-form textarea{resize:vertical;min-height:92px;padding:11px 12px}.organizer-form input:focus,.organizer-form textarea:focus{border-color:#4f7f6e94;box-shadow:0 0 0 4px #4f7f6e1a}.organizer-form button{background:var(--accent);color:#fff;border:0;border-radius:13px;min-height:44px;font-weight:680}.organizer-list{gap:9px;display:grid}.organizer-item{background:#ffffffd1;border:1px solid #4f7f6e1c;border-radius:17px;gap:6px;padding:15px 16px;display:grid;position:relative}.organizer-delete{color:var(--weak);background:0 0;border:0;border-radius:8px;padding:5px 7px;font-size:11px;position:absolute;top:10px;right:10px}.organizer-delete:hover,.organizer-delete:focus-visible{color:var(--danger);background:#fff3ef}.organizer-item strong{font-size:15px}.organizer-item p,.organizer-empty,.organizer-error{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.organizer-item small{color:var(--weak);font-size:11px}.calendar-item time{color:var(--accent);font-size:12px;font-weight:700}.organizer-error{color:var(--danger)}.profile-card{border-radius:24px;align-items:center;gap:16px;padding:22px;display:flex}.profile-card>div:last-child{gap:5px;display:grid}.profile-avatar{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:58px;height:58px;font-size:22px;font-weight:700;display:grid}.privacy-note{border-radius:22px;margin-top:14px;padding:20px}.privacy-note p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.65}.chat-header{justify-content:space-between;align-items:center;padding:8px 2px 22px;display:flex}.chat-header h1{font-size:23px}.wangma-avatar{border:5px solid var(--accent-soft);width:44px;height:44px;font-size:16px;box-shadow:0 8px 20px #3f6c5c24}.chat-shell section[aria-label=家庭聊天]{grid-template-rows:1fr auto;gap:18px;min-height:calc(100dvh - 180px);display:grid}.chat-shell ol{flex-direction:column;gap:14px;margin:0;padding:4px 0 18px;list-style:none;display:flex}.chat-shell li{align-self:flex-start;max-width:min(82%,520px)}.chat-shell li[data-mine=true]{text-align:right;align-self:flex-end}.chat-shell li>span{color:var(--muted);margin:0 10px 5px;font-size:11px;display:block}.chat-shell li p{background:var(--card);text-align:left;white-space:pre-wrap;border:1px solid #26463a12;border-radius:17px 17px 17px 5px;margin:0;padding:11px 15px;line-height:1.58;box-shadow:0 6px 18px #2c493e0e}.chat-shell li p a{color:inherit;text-underline-offset:3px;font-weight:650;-webkit-text-decoration:underline #4f7f6e59;text-decoration:underline #4f7f6e59}.quoted-message{color:var(--muted);text-align:left;background:#4f7f6e13;border:0;border-left:3px solid #4f7f6e59;border-radius:9px;gap:3px;margin:0 0 5px;padding:8px 11px;font-size:11px;line-height:1.4;display:grid}.quoted-message strong,.quoted-message span{margin:0;display:block}.quoted-message span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.chat-shell li[data-mine=true] .quoted-message{background:var(--accent-soft);color:var(--accent-strong);border-left-color:#4f7f6e6b}.message-actions{padding:3px 7px 0;display:flex}.chat-shell li[data-mine=true] .message-actions{justify-content:flex-end}.message-actions button{color:var(--weak);background:0 0;border:0;padding:4px 5px;font-size:10px}.message-actions button:active{color:var(--accent)}.chat-shell li.message-end{width:1px;height:1px;min-height:1px;padding:0}.chat-shell li[data-mine=true] p{background:var(--accent);color:#fff;border-color:#0000;border-radius:17px 17px 5px}.chat-shell li[data-sender=wangma] p,.chat-shell li.wangma-typing p{background:var(--accent-pale);color:var(--accent-strong);border-color:#4f7f6e1a}.chat-shell li[data-sender=system]{align-self:center;max-width:92%}.chat-shell li[data-sender=system]>span{display:none}.chat-shell li[data-sender=system] p{box-shadow:none;color:var(--muted);text-align:center;background:0 0;border:0;font-size:12px}.chat-shell li.wangma-typing p{font-size:13px}.chat-shell section form{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-radius:20px;grid-template-columns:auto 1fr auto;gap:8px;padding:7px;display:grid;position:sticky;bottom:72px;box-shadow:0 14px 34px #2c493e1a}.chat-shell input{border-radius:14px;height:46px;padding:0 14px}.composer-tools{align-items:center;gap:4px;display:flex}.chat-shell .composer-tools button{background:var(--accent-pale);width:34px;min-width:34px;height:34px;color:var(--accent-strong);border-radius:11px;padding:0;font-size:20px;font-weight:500}.chat-shell .composer-tools button[data-recording=true]{color:var(--danger);background:#fff0ed;animation:1.2s ease-in-out infinite recording-pulse}@keyframes recording-pulse{50%{opacity:.55}}.chat-shell section form button{background:var(--accent);color:#fff;border:0;border-radius:14px;min-width:64px;font-weight:650}.chat-shell .send-error{text-align:left;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:7px 8px 1px;display:flex}.message-attachment{border-radius:17px;margin-top:3px;overflow:hidden}.message-attachment img{object-fit:cover;border-radius:17px;width:min(100%,360px);max-height:440px;display:block}.message-attachment audio{width:min(290px,72vw);height:42px;display:block}.message-attachment a{background:var(--card);min-width:min(300px,72vw);color:var(--accent-strong);text-align:left;border:1px solid #4f7f6e1f;border-radius:17px;grid-template-columns:auto 1fr;gap:2px 10px;padding:13px 15px;text-decoration:none;display:grid}.message-attachment a>span{background:var(--accent-pale);border-radius:8px;grid-row:1/3;align-self:center;padding:5px 7px;font-size:10px}.message-attachment a strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.message-attachment a small{color:var(--muted);font-size:10px}.reply-composer-preview{color:var(--muted);text-align:left;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding:7px 9px 2px;display:flex}.reply-composer-preview>div{gap:2px;min-width:0;display:grid}.reply-composer-preview strong{color:var(--accent-strong);font-size:11px}.reply-composer-preview span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.chat-shell .reply-composer-preview button{background:var(--muted-card);width:28px;min-width:28px;height:28px;color:var(--muted);border-radius:50%;padding:0;font-size:18px}.chat-shell .send-error button{min-width:auto;color:var(--danger);white-space:nowrap;background:#fff3ef;border:1px solid #b052482e;border-radius:10px;padding:7px 10px;font-size:12px}.bottom-nav{z-index:5;padding:12px 12px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f7f5eb;border-top:1px solid #26463a14;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{min-height:42px;color:var(--weak);text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:13px;place-items:center;font-size:12px;font-weight:560;text-decoration:none;display:grid}.bottom-nav a[aria-current=page]{background:var(--accent-pale);color:var(--accent);font-weight:700}.center-state{color:var(--muted);text-align:center}.center-state a{color:var(--accent)}::selection{background:var(--accent-soft);color:var(--text)}@media (min-width:700px){.bottom-nav{width:760px;left:auto;right:50%;transform:translate(50%)}}@media (max-width:520px){.organizer-form-row{grid-template-columns:1fr}}