:root{color-scheme:light;--bg: #ffffff;--surface: #f4f5f7;--line: #e6e6e6;--text: #111111;--muted: #8a8a8a;--accent: #3478f6;--mine: #3478f6;--theirs: #f1f2f4;--danger: #d94841;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:PingFang SC,SF Pro Text,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit;color:inherit}button{border:0;background:none}.app{min-height:100%;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;padding:calc(24px + var(--safe-top)) 22px calc(24px + var(--safe-bottom))}.lock,.pair{justify-content:center;align-items:center;text-align:center;gap:18px;background:#fff;color:#111}.lock h1,.pair h1{font-size:28px;font-weight:560;letter-spacing:.08em;margin:0}.lock p,.pair p{color:var(--muted);margin:0}.mark{width:88px;height:88px;border-radius:28px;background:#e8f1ff;color:#3478f6;display:grid;place-items:center;font-size:36px}.btn{width:100%;max-width:280px;height:48px;border-radius:14px;background:#3478f6;color:#fff;font-weight:600}.btn:disabled{opacity:.65}.btn.ghost{background:transparent;color:#3478f6}.field{width:100%;max-width:280px;background:#f4f5f7;border:1px solid #e6e6e6;border-radius:12px;padding:12px 14px;color:#111}.field::placeholder{color:#9aa0a6}.field:focus{outline:1px solid #3478f6}.err{color:var(--danger);min-height:1.2em;font-size:14px}.chat,.settings{color:#111;background:#fff}.chat .err,.settings .err{color:#d94841}.chat{padding:0;min-height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(10px + var(--safe-top)) 16px 10px;border-bottom:1px solid #ececec;background:#fff;color:#111}.topbar h2{margin:0;font-size:17px;font-weight:600}.icon-btn{width:36px;height:36px;border-radius:10px;color:#6b7280;display:grid;place-items:center;position:relative}.list{flex:1;overflow-y:auto;padding:12px 14px 8px;display:flex;flex-direction:column;gap:10px}.bubble-row{display:flex}.bubble-row.mine{justify-content:flex-end}.bubble-row.theirs{justify-content:flex-start}.bubble-row.system{justify-content:center}.bubble{max-width:78%;padding:10px 12px;border-radius:16px;line-height:1.45;word-break:break-word;position:relative}.mine .bubble{background:#3478f6;color:#fff;border-bottom-right-radius:6px}.theirs .bubble{background:#f1f2f4;color:#111;border-bottom-left-radius:6px}.system .bubble{background:transparent;color:#8a8a8a;font-size:12px;max-width:90%}.bubble img{display:block;max-width:220px;border-radius:10px}.meta{margin-top:4px;font-size:11px;text-align:right}.mine .meta{color:#ffffffb8}.theirs .meta{color:#8a8a8a}.sealed{min-width:140px;text-align:center;color:inherit}.composer{display:flex;gap:6px;align-items:flex-end;padding:8px 12px calc(10px + var(--safe-bottom));border-top:1px solid #ececec;background:#fff}.composer textarea{flex:1;resize:none;min-height:40px;max-height:120px;background:#f4f5f7;border:1px solid #e6e6e6;border-radius:12px;padding:10px 12px;color:#111}.composer textarea::placeholder{color:#9aa0a6}.send{width:40px;height:40px;padding:0;border-radius:12px;background:#3478f6;color:#fff;display:grid;place-items:center}.toggle{width:40px;height:40px;padding:0;border-radius:12px;color:#6b7280}.toggle.on{color:#e8590c;background:#fff4e6}.badge{position:absolute;top:2px;right:2px;min-width:14px;height:14px;padding:0 3px;border-radius:7px;background:#e8590c;color:#fff;font-size:9px;line-height:14px;text-align:center}.settings{padding:calc(16px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));display:flex;flex-direction:column;gap:16px}.choice{display:flex;gap:8px}.choice button{flex:1;height:44px;border-radius:12px;background:#f4f5f7;border:1px solid #e6e6e6;color:#111}.choice button.on{background:#e8f1ff;border-color:#3478f6;color:#3478f6}.hint{color:#8a8a8a;font-size:13px;line-height:1.5}.settings h3{margin:0 0 8px}