.connect-page{max-width:760px;margin:0 auto;padding:clamp(28px,6vw,64px) 20px 80px}.connect-loading{padding:80px 0;text-align:center;color:var(--ink-dim);font-family:var(--font-mono),monospace;font-size:13px}.connect-shell{display:flex;flex-direction:column;gap:18px}.connect-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.connect-eyebrow{font-family:var(--font-mono),monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.connect-head h1{margin:8px 0 6px;font-size:clamp(24px,4vw,32px);line-height:1.15;color:var(--ink);text-wrap:balance}.connect-head p{margin:0;max-width:46ch;font-size:14px;line-height:1.55;color:var(--ink-dim)}.connect-me{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:12px;background:var(--bg-sink)}.connect-me img,.connect-me-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 auto}.connect-me-avatar{display:grid;place-items:center;background:var(--accent-dim);color:var(--ink);font-weight:600;font-size:14px}.connect-me b{display:block;font-size:13px;color:var(--ink);line-height:1.2}.connect-signout{padding:0;border:0;background:none;color:var(--ink-faint);font-family:var(--font-mono),monospace;font-size:10.5px;letter-spacing:.06em;cursor:pointer}.connect-signout:hover{color:var(--accent)}.connect-blocked{padding:12px 14px;border:1px solid color-mix(in srgb,#c25b5b 40%,var(--line-soft));border-radius:10px;background:color-mix(in srgb,#c25b5b 8%,transparent);color:color-mix(in srgb,#e08a8a 80%,var(--ink));font-size:13px}.connect-about{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--line-soft);border-radius:12px;background:color-mix(in srgb,var(--ink) 1.5%,var(--bg))}.connect-about.is-required{border-color:var(--accent-dim);background:color-mix(in srgb,var(--accent) 6%,var(--bg))}.connect-about label{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink)}.connect-about label em{font-style:normal;font-family:var(--font-mono),monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.connect-about-foot,.connect-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.connect-hint{font-size:11px;color:var(--ink-faint)}.connect-thread{display:flex;flex-direction:column;gap:10px;margin:0;padding:18px 16px;list-style:none;min-height:200px;max-height:52vh;overflow-y:auto;border:1px solid var(--line-soft);border-radius:12px;background:var(--bg-sink)}.connect-empty{margin:auto;padding:24px;text-align:center;color:var(--ink-faint);font-size:13px;font-style:italic}.connect-bubble{display:flex;flex-direction:column;gap:3px;max-width:78%;padding:9px 13px;border-radius:14px;border:1px solid var(--line-soft)}.connect-bubble p{margin:0;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.connect-bubble.from-me{align-self:flex-end;background:color-mix(in srgb,var(--accent) 16%,var(--bg));border-color:var(--accent-dim);border-bottom-right-radius:4px;color:var(--ink)}.connect-bubble.from-owner{align-self:flex-start;background:var(--bg-raised);border-bottom-left-radius:4px;color:var(--ink)}.connect-who{font-family:var(--font-mono),monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.connect-bubble.from-me .connect-who{color:color-mix(in srgb,var(--accent) 80%,var(--ink))}.connect-about textarea,.connect-composer textarea{width:100%;resize:vertical;padding:11px 13px;border:1px solid var(--line-soft);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;font-size:14px;line-height:1.5}.connect-about textarea:focus,.connect-composer textarea:focus{outline:none;border-color:var(--accent-dim)}.connect-composer{display:flex;flex-direction:column;gap:8px}.connect-about button,.connect-composer button{flex:0 0 auto;padding:8px 18px;border:1px solid var(--accent-dim);border-radius:8px;background:var(--accent);color:#061019;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.connect-about button:disabled,.connect-composer button:disabled{opacity:.4;cursor:not-allowed}.connect-error{font-size:11.5px;color:#e08a8a}