:root{--accent:#0e7c86;--app-bg:#eeeff2;--surface:#fff;--surface-2:#f2f2f6;--text:#14161a;--text-2:#8a8f98;--sep:#3c3c431a}*{box-sizing:border-box}body{background:var(--app-bg);color:var(--text);margin:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif}#app{max-width:520px;margin:0 auto;padding:0 0 48px}.card{background:var(--surface);border-radius:0 0 28px 28px;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000014}.cover{background:var(--surface-2) center/cover no-repeat;height:208px}.cover--empty{background:linear-gradient(135deg,var(--accent),var(--surface-2))}.avatar{border:4px solid var(--surface);object-fit:cover;background:var(--surface-2);border-radius:50%;width:110px;height:110px;margin:-55px 0 0 20px;display:block}.avatar--initials{color:#fff;background:var(--accent);justify-content:center;align-items:center;font-size:40px;font-weight:800;display:flex}.name{letter-spacing:-.7px;margin:14px 20px 0;font-size:30px;font-weight:800}.title{margin:8px 20px 0;font-weight:700}.company{color:var(--text-2);margin:2px 20px 0}.fields{margin:12px 0 0;padding:8px 20px;list-style:none}.field{border-bottom:1px solid var(--sep);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.field .label{color:var(--text-2);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700}.field .value{color:var(--text);font-weight:600;text-decoration:none}#save-contact{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:16px;width:calc(100% - 40px);margin:18px 20px;padding:15px 18px;font-size:16px;font-weight:800}#connect-toggle{border:1.5px solid var(--accent);width:calc(100% - 40px);color:var(--accent);cursor:pointer;background:0 0;border-radius:16px;margin:0 20px 18px;padding:15px 18px;font-size:16px;font-weight:800}.connect{-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);border:1px solid var(--sep);background:#fff9;border-radius:16px;flex-direction:column;gap:8px;margin:0 20px 18px;padding:16px;display:flex}.connect-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700}.connect input,.connect textarea{border:1px solid var(--sep);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:12px;padding:12px 14px;font-size:16px}.connect textarea{resize:vertical;min-height:84px}.connect input:focus-visible,.connect textarea:focus-visible,#connect-toggle:focus-visible,#c-submit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.connect-consent{color:var(--text-2);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.connect-consent input{flex:none;width:auto;margin-top:2px}#c-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;margin-top:4px;padding:14px 18px;font-size:16px;font-weight:800}.connect-status{color:var(--text-2);margin:0 20px 18px;font-size:14px;font-weight:600}.connect-status:empty{display:none}.not-found{text-align:center;padding:80px 24px}.consent{-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);background:#ffffffb3;border:1px solid #ffffffb3;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0000001a}.consent button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 14px;font-weight:700}