:root{--green: #2E7D32;--green-soft: #E8F3E9;--ink: #1a1a1a;--muted: #6b7280;--line: #e5e7eb;--bg: #ffffff;--bubble: #f1f3f4;--mine: #dcf2dd;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.35 -apple-system,system-ui,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}button{font:inherit}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.bar{flex:none;padding:calc(var(--safe-top) + 8px) 12px 8px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);background:var(--bg);min-height:calc(var(--safe-top) + 52px)}.bar h1{font-size:17px;font-weight:600;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar .sub{font-size:12px;color:var(--muted);font-weight:400;display:block}.bar .back{border:0;background:none;color:var(--green);font-size:22px;padding:4px 6px 4px 0;line-height:1}.link{position:absolute;left:0;right:0;top:calc(var(--safe-top) + 52px);text-align:center;font-size:12px;padding:4px;background:#fff7e6;color:#8a5a00;z-index:2}.link.off{background:#fdecec;color:#9b1c1c}.list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--safe-bottom)}.chat-row{display:flex;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);width:100%;border-left:0;border-right:0;border-top:0;background:none;text-align:left;color:inherit;align-items:center}.chat-row:active{background:var(--green-soft)}.ava{flex:none;width:46px;height:46px;border-radius:50%;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.ava.group{border-radius:14px}.chat-row .body{flex:1;min-width:0}.chat-row .t{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.chat-row .name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row .when{font-size:12px;color:var(--muted);flex:none}.chat-row .last{color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.chat-row .last b{color:var(--ink);font-weight:500}.badge{flex:none;min-width:22px;height:22px;border-radius:11px;background:var(--green);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 6px}.badge.mute{background:#b8bcc2}.msgs{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 10px calc(var(--safe-bottom) + 16px);display:flex;flex-direction:column;gap:4px}.day{align-self:center;font-size:12px;color:var(--muted);background:var(--bubble);padding:3px 10px;border-radius:10px;margin:8px 0 4px}.msg{max-width:84%;align-self:flex-start;background:var(--bubble);border-radius:16px 16px 16px 4px;padding:7px 10px 5px}.msg.mine{align-self:flex-end;background:var(--mine);border-radius:16px 16px 4px}.msg.sys{align-self:center;background:none;color:var(--muted);font-size:13px;text-align:center;max-width:92%}.msg .who{font-size:12px;font-weight:600;color:var(--green);margin-bottom:2px}.msg .text{white-space:pre-wrap;word-break:break-word}.msg .meta{font-size:11px;color:var(--muted);text-align:right;margin-top:2px}.msg .pics{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 4px}.msg .pics img{width:120px;height:120px;object-fit:cover;border-radius:10px;background:#e5e7eb;display:block}.msg .file{display:block;color:var(--green);text-decoration:none;font-size:14px;padding:2px 0}.more{align-self:center;border:1px solid var(--line);background:none;border-radius:12px;padding:6px 14px;color:var(--green);margin-bottom:6px}.empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:24px}.enter{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.enter img{width:84px;border-radius:20px}.enter a,.enter button{background:var(--green);color:#fff;border:0;border-radius:12px;padding:12px 22px;font-weight:600;text-decoration:none}.enter p{color:var(--muted);max-width:320px}.shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.shell-body{flex:1;position:relative;min-height:0}.pane{position:absolute;top:0;right:0;bottom:0;left:0}.pane[hidden]{display:none}.frame{width:100%;height:100%;border:0;display:block;background:#fff}.frame-dead{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fff;color:var(--muted);text-align:center;padding:24px}.frame-dead button{background:var(--green);color:#fff;border:0;border-radius:12px;padding:10px 18px;font-weight:600}.dock{flex:none;display:flex;justify-content:space-around;align-items:stretch;border-top:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 6px calc(var(--safe-bottom) + 4px)}.dock-btn{flex:1;border:0;background:none;color:#5f6368;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 4px;border-radius:14px}.dock-btn.active{color:#00a72f}.dock-btn:active{transform:scale(.95)}.dock-ico{position:relative;width:40px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:14px}.dock-btn.active .dock-ico{background:#e6f4ea}.dock-name{font-size:11px;font-weight:500}.dock-badge{position:absolute;top:-2px;right:2px;min-width:17px;height:17px;border-radius:9px;background:#e31e24;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px}