:root{color-scheme:light;--ink:#17324d;--muted:#61758a;--line:#dce6ed;--paper:#fff;--bg:#eef5f7;--blue:#1477a7;--blue2:#0b5d86;--dad:#e8f4ff;--lucy:#fff5d9;--danger:#a53333}*{box-sizing:border-box}body{margin:0;background:linear-gradient(150deg,#edf7f8,#f7f4ed);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.shell{width:min(760px,100%);min-height:100vh;margin:auto;padding:clamp(16px,4vw,36px)}.panel{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 60px rgba(34,72,92,.12);overflow:hidden}.login-panel{max-width:540px;margin:8vh auto;padding:clamp(24px,6vw,48px)}h1{margin:.15rem 0 .6rem;font-size:clamp(1.8rem,5vw,2.6rem)}.eyebrow{margin:0;color:var(--blue);font-weight:800;letter-spacing:.08em}.lede,.hint,.connection,.empty{color:var(--muted);line-height:1.65}form label,legend{display:block;margin:.95rem 0 .4rem;font-weight:750}fieldset{border:0;padding:0;margin:1.2rem 0;display:flex;gap:12px}fieldset legend{width:100%}.role{flex:1;margin:0;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:#f7fafb}.role input{margin-right:8px}input,textarea,button{font:inherit}input[type=password],textarea,input[type=file]{width:100%;border:1px solid #becdd6;border-radius:13px;padding:13px;background:#fff;color:var(--ink)}textarea{resize:vertical;min-height:104px}button{border:0;border-radius:13px;padding:12px 18px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}button:hover{background:var(--blue2)}button:disabled{opacity:.55;cursor:wait}.login-panel button{width:100%;margin-top:1.2rem}.status{min-height:1.4rem;margin:.55rem 0 0;color:var(--danger)}.message-panel{min-height:calc(100vh - 32px);display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.topbar h1{font-size:1.55rem;margin:0}.top-actions{display:flex;align-items:center;gap:10px}.badge{background:#e3f3f8;color:var(--blue2);padding:7px 10px;border-radius:999px;font-weight:800}.secondary{background:#edf2f5;color:var(--ink);padding:9px 12px}.connection{padding:8px 22px;border-bottom:1px solid var(--line);font-size:.9rem}.timeline{list-style:none;margin:0;padding:20px;display:flex;flex-direction:column;gap:14px;flex:1;max-height:56vh;overflow:auto}.bubble{max-width:86%;padding:13px 15px;border-radius:18px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.dad{align-self:flex-end;background:var(--dad);border-bottom-right-radius:5px}.bubble.lucy{align-self:flex-start;background:var(--lucy);border-bottom-left-radius:5px}.meta{display:flex;gap:8px;justify-content:space-between;margin-bottom:5px;color:var(--muted);font-size:.78rem}.message-photo{display:block;max-width:100%;max-height:320px;margin-top:10px;border-radius:12px}.empty{text-align:center;margin:auto;padding:40px}.composer{padding:18px 20px 22px;border-top:1px solid var(--line);background:#fbfdfd}.file-label{font-size:.9rem;color:var(--muted)}.photo-preview{max-width:180px;max-height:140px;margin-top:10px;border-radius:10px}.composer-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.composer-row .status{flex:1}.composer-row button{min-width:116px}@media(max-width:520px){.shell{padding:0}.panel{border-radius:0;border:0;min-height:100vh}.login-panel{margin:0}.timeline{max-height:none}.bubble{max-width:92%}.topbar{padding-top:max(18px,env(safe-area-inset-top))}}